.view-screen{position:absolute;inset:0;z-index:7;background:#f7f8fa;transform:translateX(103%);transition:transform .34s cubic-bezier(.2,.85,.25,1);pointer-events:none}.view-screen.open{transform:translateX(0);pointer-events:auto}.view-scroll{height:100%;overflow:auto;padding:60px 20px 0;scrollbar-width:none;background:linear-gradient(180deg,var(--wash) 0,#f7f8fa 38%)}.view-scroll::-webkit-scrollbar,.messages::-webkit-scrollbar{display:none}.tone-life{--accent:#4e9a6b;--wash:#eaf7ef}.tone-work{--accent:#6078df;--wash:#eaf0ff}.tone-learn{--accent:#8866cf;--wash:#f2ecff}.tone-knowledge{--accent:#bc7b31;--wash:#fff4e7}.tone-neutral{--accent:#596275;--wash:#eef1f5}.view-header{display:grid;grid-template-columns:42px 1fr 42px;gap:12px;align-items:start}.view-header>div{padding-top:2px}.view-header span{font-size:12px;color:#858d98;line-height:1.4}.view-header h1{font-size:30px;letter-spacing:-1px;margin:4px 0 0}.back-button,.header-menu{width:42px;height:42px;border:0;border-radius:15px;background:rgba(255,255,255,.82);box-shadow:0 5px 18px rgba(53,61,79,.06);cursor:pointer}.back-button{font-size:31px;line-height:1;color:#49505c}.header-menu{display:grid;place-items:center}.header-menu svg{width:20px;height:20px;fill:none;stroke:#39404d;stroke-width:1.8;stroke-linecap:round}.view-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0 22px}.view-stats>div{min-width:0;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.85);border-radius:18px;padding:15px 9px;box-shadow:0 6px 20px rgba(55,64,80,.045)}.view-stats strong{display:block;font-size:18px;letter-spacing:-.4px;color:var(--accent);white-space:nowrap}.view-stats span{display:block;font-size:10px;color:#9298a2;margin-top:5px}.view-content{display:grid;gap:14px}.view-card,.view-list{background:#fff;border-radius:23px;padding:16px;box-shadow:0 8px 28px rgba(61,69,85,.055)}.view-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.view-section-title h2{font-size:15px;margin:0}.view-section-title>span,.view-section-title button{font-size:10px;color:var(--accent);border:0;background:none}.focus-row{height:48px;display:flex;align-items:center;gap:11px;border-top:1px solid #f0f2f5;font-size:12px}.focus-row i{font-style:normal;width:24px;height:24px;border-radius:8px;background:var(--wash);color:var(--accent);display:grid;place-items:center;font-size:10px;font-weight:700}.view-list{padding:2px 16px}.view-list-item{width:100%;min-height:76px;border:0;border-bottom:1px solid #eff1f4;background:none;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:11px 0;cursor:pointer}.view-list-item:last-child{border-bottom:0}.view-list-item strong,.view-list-item small{display:block}.view-list-item strong{font-size:14px;margin-bottom:7px}.view-list-item small{font-size:10px;color:#9097a1;max-width:220px}.view-list-item em{font-style:normal;font-size:10px;color:var(--accent);background:var(--wash);border-radius:8px;padding:6px 8px;text-align:right}.detail-spacer{height:104px}.mini-task-list label{min-height:58px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;border-top:1px solid #f0f2f5;cursor:pointer}.mini-task-list input{display:none}.mini-task-list i{width:20px;height:20px;border:1.5px solid #cbd2d5;border-radius:7px}.mini-task-list input:checked+i{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 5px #fff}.mini-task-list span{font-size:13px}.mini-task-list input:checked~span{text-decoration:line-through;color:#9da3ac}.mini-task-list small{font-size:10px;color:#939aa4}.bar-chart{height:124px;display:flex;align-items:end;gap:12px;padding:8px 5px 24px}.bar-chart i{position:relative;flex:1;height:var(--h);min-height:16px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#88cba0,var(--accent));opacity:.88}.bar-chart i span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-style:normal;font-size:9px;color:#989ea7}.kanban{display:flex;gap:12px;overflow:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.kanban>div{min-width:84%;scroll-snap-align:start}.kanban>div>span{font-size:11px;color:#7c8390;display:block;margin:0 0 9px 4px}.kanban article{position:relative;min-height:104px;border-radius:20px;background:#fff;padding:17px;margin-bottom:10px;box-shadow:0 7px 24px rgba(65,74,92,.06)}.kanban b,.kanban small{display:block}.kanban b{font-size:14px}.kanban small{font-size:10px;color:#9299a4;margin-top:9px}.kanban em{position:absolute;right:14px;bottom:14px;font-size:9px;font-style:normal;background:#edf1ff;color:#6078df;border-radius:7px;padding:5px 7px}.kanban em.blocked{background:#fff0ef;color:#c96962}.mock-gallery{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mock-gallery button{border:0;border-radius:20px;aspect-ratio:1.05;padding:14px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;cursor:pointer}.mock-gallery button:nth-child(3n+1){background:linear-gradient(145deg,#eaf0ff,#dfe8ff)}.mock-gallery button:nth-child(3n+2){background:linear-gradient(145deg,#f3edff,#e8dcff)}.mock-gallery button:nth-child(3n){background:linear-gradient(145deg,#fff4e7,#fbe5c8)}.mock-gallery button span{font-size:25px;color:#6b79b3}.mock-gallery button small{font-size:11px;color:#565e6c}.detail-open .ai-fab{z-index:9}.chat-open .ai-fab{display:none}.chat-screen{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,#f0f3ff,#f8f9fb 36%);padding-top:50px}.chat-header{display:grid;grid-template-columns:42px 1fr 42px;gap:10px;align-items:center;padding:10px 18px 16px;border-bottom:1px solid rgba(214,219,229,.75)}.chat-header>div{display:grid;grid-template-columns:32px 1fr;column-gap:8px}.chat-header>div>span{grid-row:1/3;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#7187f2,#8c72de);color:#fff}.chat-header strong{font-size:14px}.chat-header small{font-size:9px;color:#8d95a1;margin-top:3px}.more-chat{border:0;background:none;color:#858c98}.messages{overflow:auto;padding:22px 18px}.day-label{text-align:center;color:#abb0b8;font-size:9px;margin:0 0 22px}.message{display:flex;gap:8px;margin-bottom:15px;align-items:flex-end}.message i{font-style:normal;width:28px;height:28px;flex:0 0 28px;border-radius:10px;background:#7488ec;color:#fff;display:grid;place-items:center;font-size:11px}.message>div{max-width:78%;background:#fff;border-radius:6px 18px 18px;padding:13px 14px;font-size:12px;line-height:1.6;box-shadow:0 5px 18px rgba(60,69,88,.06)}.message.user{justify-content:flex-end}.message.user>div{background:#667bea;color:#fff;border-radius:18px 6px 18px 18px}.chat-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-left:36px}.chat-suggestions button{border:1px solid #dfe4f3;background:#fff;color:#6175d4;border-radius:99px;padding:8px 11px;font-size:9px}.chat-composer{display:grid;grid-template-columns:38px 1fr 38px;gap:7px;align-items:center;margin:0 14px max(18px,env(safe-area-inset-bottom));padding:7px;background:#fff;border-radius:19px;box-shadow:0 8px 30px rgba(48,57,76,.12)}.chat-composer button{width:36px;height:36px;border:0;border-radius:12px;background:#f1f3f7}.chat-composer .send{background:#667bea;color:#fff;font-size:18px}.chat-composer input{border:0;outline:0;min-width:0;font-size:12px;padding:0 5px;background:transparent}.chat-composer input::placeholder{color:#acb1ba}@media(max-width:430px){.view-scroll{padding-top:calc(60px + env(safe-area-inset-top))}.chat-screen{padding-top:calc(50px + env(safe-area-inset-top))}}