:root{--navy:#0b1221;--teal:#00a69c;--teal-text:#0a8296;--teal-soft:#00a69c1f;--ink:#1a1f2e;--muted:#5a6275;--line:#e5e8ee;--line-strong:#d5d9e2;--bg:#fff;--bg-soft:#f7f8fa;--canvas:#eef0f3;--danger:#b42318;--warn-bg:#fff8e6;--warn-ink:#8a5a00;--radius:10px;--shadow:0 10px 30px #0b122124, 0 2px 6px #0b12210f;color:var(--ink);background:var(--bg);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select,textarea{font:inherit;color:inherit}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:1px solid var(--line-strong);background:var(--bg);cursor:pointer;white-space:nowrap;border-radius:17px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn-ghost{color:var(--danger);border-color:#0000;margin-right:auto}.icon-btn{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;font-size:18px;display:grid}.icon-btn:hover{background:var(--bg-soft);color:var(--ink)}.tag{background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.tag-teal{background:var(--teal-soft);color:var(--teal-text);border-color:#0000}.count{background:var(--teal-soft);min-width:20px;height:20px;color:var(--teal-text);border-radius:10px;place-items:center;padding:0 6px;font-size:11.5px;font-weight:700;display:inline-grid}.form-error{color:var(--danger);font-size:13px}.hint{color:var(--muted);font-size:12px}.empty{color:var(--muted);padding:8px 2px;font-size:13px}.page-message{height:100%;color:var(--muted);text-align:center;place-content:center;gap:12px;display:grid}.me{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:16px;align-items:center;gap:7px;height:32px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.login{background:var(--bg-soft);place-items:center;min-height:100%;padding:24px 16px;display:grid}.login-card{background:var(--bg);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;width:min(380px,100%);padding:28px;display:flex}.login-card h1{letter-spacing:-.02em;margin:12px 0 8px;font-size:22px;font-weight:800}.login-card label{margin-top:6px;font-size:12.5px;font-weight:700}.login-card input,.new-design input{border:1px solid var(--line-strong);border-radius:8px;height:38px;padding:0 12px}.login-card .btn{height:38px;margin-top:8px}.login-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:800;display:flex}.home{background:var(--bg-soft);min-height:100%}.home-head{background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.home-main{flex-direction:column;gap:32px;max-width:880px;margin:0 auto;padding:32px 16px 64px;display:flex}.dropzone{border:1.5px dashed var(--line-strong);background:var(--bg);border-radius:14px;padding:28px}.dropzone-on{border-color:var(--teal);background:#00a69c0a}.dropzone h1{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.dropzone p{color:var(--muted);margin:6px 0 18px;font-size:14px}.new-design{flex-wrap:wrap;gap:8px;display:flex}.new-design input{flex:220px}.section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:700}.design-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.design-list a{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;text-decoration:none;display:flex}.design-list a:hover{border-color:var(--teal)}.design-list a span{color:var(--muted);font-size:13px}.design-list .count{margin-left:auto}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.toolbar-left,.toolbar-center,.toolbar-right{align-items:center;gap:6px;min-width:0;display:flex}.crumbs{align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:700;display:flex}.crumb{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:6px;max-width:260px;padding:4px 6px;font-weight:700;overflow:hidden}.crumb:hover{background:var(--bg-soft)}.toolbar select{border:1px solid var(--line);background:var(--bg);border-radius:8px;max-width:200px;height:32px;padding:0 8px;font-size:13px}@media (width<=1600px){.tool-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.version-select{color:var(--muted)}.tool{cursor:pointer;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.tool:hover{background:var(--bg-soft);color:var(--ink)}.tool.on{background:var(--navy);color:#fff}.tool.on .count{color:#fff;background:#ffffff29}.banner{background:var(--warn-bg);color:var(--warn-ink);border-bottom:1px solid #f1dca3;align-items:flex-start;gap:8px;padding:8px 12px 8px 16px;font-size:13px;display:flex}.banner ul{flex:1;margin:4px 0;padding-left:18px}.workspace{flex:1;min-height:0;display:flex}.stage{flex:1;min-width:0;position:relative}.mode-hint{background:var(--navy);color:#fff;pointer-events:none;white-space:nowrap;border-radius:18px;padding:8px 14px;font-size:12.5px;font-weight:600;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.canvas{background-color:var(--canvas);touch-action:none;-webkit-user-select:none;user-select:none;background-image:radial-gradient(#0b122117 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;overflow:hidden}.canvas-move{cursor:grab}.canvas-move:active{cursor:grabbing}.canvas-comment{cursor:crosshair}.world{transform-origin:0 0;position:absolute;top:0;left:0}.board{background:#fff;position:absolute;overflow:hidden;box-shadow:0 1px 2px #0b122114,0 8px 24px #0b122114}.board iframe{pointer-events:none;background:#fff;border:0;display:block}.board-placeholder{color:#c6cedb;background:#fff;place-items:center;height:100%;font-size:48px;font-weight:700;display:grid}.board-label-anchor{width:0;height:0;position:absolute}.board-head{transform-origin:0 100%;align-items:center;gap:6px;min-width:24px;display:flex;position:absolute;bottom:6px;left:0}.board-label{min-width:0;color:var(--muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:0;flex:0 auto;padding:2px 0;font-size:13px;font-weight:600;overflow:hidden}.board-label:hover{color:var(--teal-text)}.note-title{letter-spacing:-.03em;color:var(--navy);white-space:nowrap;text-overflow:ellipsis;font-size:72px;font-weight:800;line-height:1.1;position:absolute;overflow:hidden}.note-sticky{white-space:pre-wrap;background:#fff4c2;padding:16px;font-size:15px;line-height:1.5;position:absolute;box-shadow:0 2px 6px #0b12211a}.zoom-controls{background:var(--bg);border:1px solid var(--line);border-radius:18px;align-items:center;padding:2px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 2px 8px #0b122114}.zoom-controls button{cursor:pointer;background:0 0;border:0;border-radius:15px;min-width:30px;height:30px;font-size:15px;font-weight:700}.zoom-controls .zoom-value{min-width:52px;font-size:12px}.zoom-controls button:hover{background:var(--bg-soft)}.focus{background:var(--canvas);padding:24px;position:absolute;inset:0;overflow:auto}.focus-stage{background:#fff;margin:0 auto;position:relative;box-shadow:0 1px 2px #0b122114,0 8px 24px #0b122114}.focus-stage iframe{transform-origin:0 0;background:#fff;border:0;position:absolute;top:0;left:0}.focus-overlay{cursor:crosshair;position:absolute;inset:0}.focus-pins{pointer-events:none;position:absolute;inset:0;overflow:hidden}.focus-pins .pin{pointer-events:auto}.pin-anchor{transform-origin:0 0;z-index:2;width:0;height:0;position:absolute}.pin{background:var(--navy);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:14px 14px 14px 2px;place-items:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:800;display:grid;position:absolute;bottom:0;left:0;box-shadow:0 4px 12px #0b122140}.pin-active{background:var(--teal);transform-origin:0 100%;transform:scale(1.15)}.pin-resolved{background:#8b93a5}.pin-draft{background:var(--teal)}.composer{z-index:20;background:var(--bg);border:1px solid var(--line);width:320px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex;position:fixed}.composer textarea,.reply textarea{resize:vertical;border:1px solid var(--line-strong);border-radius:8px;width:100%;padding:8px 10px;font-size:13.5px;line-height:1.5}.composer-context{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,Menlo,monospace;font-size:12px;overflow:hidden}.composer-actions,.reply-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.composer-actions .hint{margin-right:auto}.panel{border-left:1px solid var(--line);background:var(--bg);flex-direction:column;flex:none;width:340px;min-height:0;display:flex}.panel-head{justify-content:space-between;align-items:center;padding:12px 12px 8px 16px;display:flex}.panel-head h2{margin:0;font-size:15px;font-weight:800}.segmented{background:#f0f2f5;border-radius:17px;gap:2px;margin:0 12px 8px;padding:3px;display:flex}.segmented button{height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:14px;flex:1;font-size:12.5px;font-weight:600}.segmented button.on{background:var(--navy);color:#fff}.panel-list{flex-direction:column;flex:1;gap:8px;padding:4px 12px 24px;display:flex;overflow-y:auto}.thread{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}.thread-active{border-color:var(--teal);box-shadow:0 0 0 3px #00a69c1f}.thread-resolved{opacity:.7}.thread-main{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:10px 12px;display:block}.thread-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.thread-num{background:var(--navy);color:#fff;border-radius:10px 10px 10px 2px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:inline-grid}.thread-board{color:var(--muted);font-size:12px;font-weight:700}.thread-anchor{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;overflow:hidden}.thread-replies{color:var(--teal-text);padding:0 12px 10px;font-size:12px;font-weight:600}.thread-detail{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex}.reply{flex-direction:column;gap:6px;display:flex}.msg-head{align-items:center;gap:8px;font-size:13px;display:flex}.msg-head time{color:var(--muted);font-size:12px}.msg p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0 32px;font-size:13.5px;line-height:1.5}.avatar{background:var(--teal-soft);width:24px;height:24px;color:var(--teal-text);border-radius:12px;flex:none;place-items:center;font-size:10.5px;font-weight:800;display:grid}@media (width<=760px){.panel{border-left:0;border-top:1px solid var(--line);width:auto;height:55vh;box-shadow:var(--shadow);z-index:10;position:fixed;inset:auto 0 0}.toolbar-center{order:3;width:100%}.version-select{max-width:140px}}.board-actions{flex:none;gap:2px;margin-left:auto;display:flex}.board-action{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.board-action:hover{background:var(--bg);color:var(--teal-text);box-shadow:0 1px 3px #0b12211f}.approval-chip{white-space:nowrap;border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.approval-chip.approved{background:var(--teal-soft);color:var(--teal-text)}.approval-chip.outdated{background:var(--warn-bg);color:var(--warn-ink)}.tool.approved-on{background:var(--teal-soft);color:var(--teal-text)}a.tool{text-decoration:none}.approvals-summary{color:var(--muted);margin:4px 2px 10px;font-size:13px}.approvals-summary b{color:var(--ink)}.approval-list,.approval-log{flex-direction:column;gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.approval-row{border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;padding:6px 6px 6px 10px;display:flex}.approval-row.current{border-color:var(--teal)}.approval-board{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:10px 1fr;align-items:center;column-gap:8px;min-width:0;padding:2px 0;display:grid}.approval-title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.approval-meta{color:var(--muted);grid-column:2;font-size:12px}.approval-dot{background:#c6cedb;border-radius:50%;flex:none;width:10px;height:10px}.approval-dot.approved{background:var(--teal)}.approval-dot.outdated{background:#f1c453}.approval-log li{grid-template-columns:10px 1fr;align-items:start;gap:8px;font-size:13px;line-height:1.45;display:grid}.approval-log .approval-dot{margin-top:5px}.approval-log time{color:var(--muted);font-size:11.5px;display:block}.approval-note{color:var(--muted);margin:2px 0;font-style:italic}.presence{align-items:center;gap:6px;margin-right:4px;display:flex}.avatars{display:flex}.avatar-btn{color:#fff;cursor:pointer;outline-offset:1px;border:2px solid #fff;border-radius:50%;outline:2px solid #0000;width:28px;height:28px;margin-left:-6px;font-size:10.5px;font-weight:800}.avatar-btn:first-child{margin-left:0}.avatar-btn.following,.avatar-btn:hover{outline-style:solid;outline-color:inherit;z-index:1}.avatar-more{color:var(--muted);margin-left:4px;font-size:12px}.followed-chip{color:var(--teal-text);align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.icon-btn.on{color:var(--ink)}.remote-cursor{transform-origin:0 0;pointer-events:none;z-index:3;width:0;height:0;transition:left 50ms linear,top 50ms linear;position:absolute}.remote-cursor svg{filter:drop-shadow(0 1px 2px #0b12214d);position:absolute;top:-1px;left:-1px}.remote-cursor span{color:#fff;white-space:nowrap;border-radius:8px;padding:2px 7px;font-size:11.5px;font-weight:700;position:absolute;top:16px;left:14px}.follow-frame{pointer-events:none;z-index:6;border:3px solid;position:absolute;inset:0}.follow-frame button{pointer-events:auto;color:#fff;cursor:pointer;border:0;border-radius:0 0 8px 8px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:30;background:#0b122159;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg);width:min(640px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:10px;padding:8px 20px 20px;display:flex;overflow-y:auto}.modal-small{width:min(400px,100%);padding-top:20px}.modal h2{margin:0;font-size:18px;font-weight:800}.modal input,.modal select{border:1px solid var(--line-strong);background:var(--bg);border-radius:8px;height:36px;padding:0 10px}.share-form{flex-wrap:wrap;gap:8px;display:flex}.share-form input{flex:200px}.share-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.share-list li{border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.share-list li>div{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.share-list li span{color:var(--muted);font-size:12px}.share-list .btn-ghost{margin-right:0}.share-inactive{opacity:.55}.btn-ms{gap:10px;height:40px;text-decoration:none}.login-form{flex-direction:column;gap:8px;display:flex}.divider{color:var(--muted);align-items:center;gap:10px;margin:12px 0 4px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}@media (width>=1100px){.toolbar{flex-wrap:nowrap}.toolbar-left{flex:auto}.toolbar-center,.toolbar-right{flex:none}.crumbs{flex:0 auto}.toolbar-left select{flex:0 auto;min-width:90px}}.toolbar-center{gap:10px}.toggle{background:#f0f2f5;border-radius:10px;gap:2px;padding:3px;display:flex}.toggle button{width:32px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.toggle button:hover{color:var(--ink)}.toggle button.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 3px #0b122124}a.icon-btn{text-decoration:none}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);z-index:50;background:var(--navy);color:#fff;white-space:nowrap;pointer-events:none;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:600;line-height:1.2;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.toolbar-right [data-tip]:hover:after,.toolbar-right [data-tip]:focus-visible:after{left:auto;right:0;transform:none}.panel-tabs{gap:4px;display:flex}.panel-tabs button{height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.panel-tabs button.on{color:var(--ink);background:#f0f2f5}.home-main{max-width:1280px}.home-head-left{align-items:center;gap:28px;min-width:0;display:flex}.home-head .login-brand{color:inherit;text-decoration:none}.nav-tabs{background:#f0f2f5;border-radius:10px;gap:2px;padding:3px;display:flex}.nav-tab{height:30px;color:var(--muted);border-radius:7px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:650;text-decoration:none;transition:color .12s,background .12s;display:inline-flex}.nav-tab:hover{color:var(--ink)}.nav-tab.on{color:var(--ink);background:var(--bg);box-shadow:0 1px 3px #0b122124}.nav-tab .chip-n{opacity:1;background:#0b122112;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:inline-grid}.chip-n{opacity:.7;font-size:11.5px}.page-drop{outline-offset:12px;border-radius:16px;outline:2px dashed #0000;flex-direction:column;gap:20px;min-height:60vh;transition:outline-color .12s;display:flex}.page-drop.on{outline-color:var(--teal)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.page-head .hint{min-height:1em;margin:4px 0 0}.page-actions{align-items:center;gap:6px;display:flex}.page-actions .btn-primary svg{margin-right:2px}.crumb-back{color:var(--muted);margin-bottom:4px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.crumb-back:hover{color:var(--teal-text)}.project-card.stacked{isolation:isolate;position:relative}.project-card.stacked:before,.project-card.stacked:after{content:"";border:1px solid var(--line);background:var(--bg);z-index:-1;border-bottom:0;border-radius:10px 10px 0 0;height:12px;position:absolute;top:-5px;left:12px;right:12px}.project-card.stacked:after{z-index:-2;top:-9px;left:24px;right:24px}.tile-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;display:-webkit-box;overflow:hidden}.empty-drop{border:1.5px dashed var(--line-strong);background:var(--bg-soft);color:var(--muted);cursor:pointer;border-radius:12px;padding:28px;font-size:13.5px}.empty-drop:hover{border-color:var(--teal);color:var(--teal-text)}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.tile{border:1px solid var(--line);background:var(--bg);border-radius:12px;transition:box-shadow .15s,border-color .15s;overflow:visible}.tile:hover{border-color:var(--line-strong);box-shadow:0 6px 18px #0b122114}.tile-open{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.tile-preview{aspect-ratio:16/10;background:var(--canvas);border-bottom:1px solid var(--line);border-radius:11px 11px 0 0;position:relative;overflow:hidden}.tile-preview iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;position:absolute;top:0;left:0}.tile-empty{color:var(--muted);place-items:center;font-size:12.5px;display:grid;position:absolute;inset:0}.tile-body{align-items:center;gap:8px;padding:10px 8px 10px 14px;display:flex}.tile-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tile-name{text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-size:14px;font-weight:700;overflow:hidden}.tile-meta{color:var(--muted);font-size:12px}.tile-menu{position:relative}.menu{z-index:20;background:var(--bg);border:1px solid var(--line);min-width:200px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.menu button,.menu a{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:13px}.menu button:hover,.menu a:hover{background:var(--bg-soft)}.menu a{color:inherit;text-decoration:none}.menu-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:6px 10px 2px;font-size:11px;font-weight:700}.menu-empty{color:var(--muted);padding:6px 10px;font-size:12.5px}.field{flex-direction:column;gap:4px;font-size:12.5px;font-weight:700;display:flex}.crumb-muted{color:var(--muted);font-weight:600}@media (width<=640px){.home-head-left{gap:12px}.home-head .login-brand span{display:none}}.brand-name{flex-direction:column;line-height:1.05;display:inline-flex}.brand-name small{letter-spacing:.04em;color:var(--muted);font-size:10.5px;font-weight:600}.link-btn{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover{color:var(--teal-text)}.btn-danger{color:var(--danger);border-color:#b423184d}.btn-danger:hover{background:#b423180f}.btn svg{flex:none}.spacer{flex:1}.tag-ai{color:#4a42d6;background:#635bff1a;border-color:#0000}.modal textarea,.inline-form input,.ticket-composer textarea,.ticket-side input,.ticket-side select{border:1px solid var(--line-strong);background:var(--bg);border-radius:8px;padding:8px 10px;font-size:13.5px;line-height:1.5}.modal textarea,.ticket-composer textarea{resize:vertical;width:100%}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.project-logo{object-fit:contain;background:var(--bg);border:1px solid var(--line);border-radius:22%;flex:none}.project-logo-initials{color:var(--teal-text);background:var(--teal-soft);letter-spacing:-.02em;border-color:#0000;place-items:center;font-weight:800;display:inline-grid}.project-card .tile-body{gap:10px}.project-head{flex-direction:column;gap:14px;display:flex}.project-head-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.project-title{flex:1;min-width:200px}.project-title h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800}.project-title p{color:var(--muted);margin:2px 0 0;font-size:14px}.page-tabs{border-bottom:1px solid var(--line);gap:4px;display:flex;overflow-x:auto}.page-tab{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 12px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.page-tab:hover{color:var(--ink)}.page-tab.on{color:var(--ink);border-bottom-color:var(--navy)}.page-tab .chip-n{opacity:1;background:#0b122112;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:inline-grid}.section-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-bar .hint{margin:0}.card{border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:16px 18px}.card h2,.card h3{margin:0 0 8px;font-size:14px;font-weight:800}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.card-head h2{margin:0}.prose{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.overview{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.overview-main,.overview-side{flex-direction:column;gap:16px;display:flex}.stat-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{border:1px solid var(--line);background:var(--bg);color:inherit;border-radius:14px;flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;display:flex}.stat-card:hover{border-color:var(--line-strong);box-shadow:0 6px 18px #0b12210f}.stat-card b{letter-spacing:-.02em;font-size:24px;font-weight:800}.stat-card span{color:var(--muted);font-size:12.5px}.rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.rows>li:first-child.row{border-top:0}.row .avatar{border-radius:15px;flex:none;width:30px;height:30px;font-size:12px}.row-text{flex-direction:column;flex:1;gap:1px;min-width:0;font-size:13px;display:flex}.row-text span,.row-text a{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.row-text a:hover{color:var(--teal-text)}.row-actions{opacity:0;gap:2px;transition:opacity .12s;display:flex}.row:hover .row-actions,.row:focus-within .row-actions{opacity:1}.role-badge{background:var(--navy);color:#fff;text-align:center;border-radius:6px;flex:none;min-width:58px;padding:3px 8px;font-size:11px;font-weight:700}.inline-form{flex-direction:column;gap:6px;padding:10px 0 2px;display:flex}.inline-form-actions{justify-content:flex-end;gap:6px;display:flex}.logo-edit{align-items:center;gap:14px;display:flex}.logo-edit-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.logo-edit-actions .hint{flex-basis:100%;margin:0}.toggle-text button{width:auto;padding:0 12px;font-size:13px;font-weight:650}.tickets,.ticket-view{flex-direction:column;gap:16px;display:flex}.ticket-list{border:1px solid var(--line);background:var(--bg);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.ticket-list li+li{border-top:1px solid var(--line)}.ticket-row{color:inherit;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"dot num title"". .meta";align-items:center;gap:2px 10px;padding:12px 16px;text-decoration:none;display:grid}.ticket-row:hover{background:var(--bg-soft)}.ticket-row .status-dot{grid-area:dot}.ticket-row .ticket-num{grid-area:num}.ticket-title{grid-area:title;align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:650;display:flex}.ticket-meta{color:var(--muted);grid-area:meta;font-size:12.5px}.ticket-num{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.status-dot{border:2px solid var(--teal);border-radius:50%;width:10px;height:10px}.status-dot.status-in_progress{background:linear-gradient(90deg, var(--teal) 50%, transparent 50%)}.status-dot.status-waiting{border-color:#c98a00}.status-dot.status-done{border-color:var(--muted);background:var(--muted)}.status-pill{background:var(--teal-soft);color:var(--teal-text);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.status-pill.status-waiting{background:var(--warn-bg);color:var(--warn-ink)}.status-pill.status-done{background:var(--bg-soft);color:var(--muted)}.kind-badge,.prio-badge{background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);border-radius:6px;flex:none;padding:1px 7px;font-size:11px;font-weight:700}.prio-high{background:var(--warn-bg);color:var(--warn-ink);border-color:#0000}.prio-urgent{color:var(--danger);background:#b4231814;border-color:#0000}.ticket-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.ticket-main{flex-direction:column;gap:14px;display:flex}.ticket-head h2{letter-spacing:-.015em;margin:0 0 4px;font-size:22px;font-weight:800}.ticket-head .ticket-num{font-weight:500}.ticket-head .hint{margin:0}.timeline{border-left:2px solid var(--line);flex-direction:column;gap:10px;margin:0;padding:0 0 0 14px;list-style:none;display:flex}.timeline-event{color:var(--muted);font-size:12.5px}.timeline-comment{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:12px 14px}.timeline-comment header{align-items:center;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.timeline-comment header .hint{margin:0 0 0 auto}.ticket-composer{flex-direction:column;gap:8px;display:flex}.ticket-side{flex-direction:column;gap:12px;display:flex;position:sticky;top:16px}.ticket-side .hint{margin:0}.ticket-facts{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px;display:grid}.ticket-facts dt{color:var(--muted)}.ticket-facts dd{margin:0;font-weight:650}.file-crumbs{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.file-crumbs span{color:var(--muted);gap:6px;display:inline-flex}.file-crumbs span button{color:var(--ink)}.file-table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:var(--bg);border-radius:14px;width:100%;font-size:13.5px;overflow:hidden}.file-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);background:var(--bg-soft);padding:10px 12px;font-size:12px;font-weight:700}.file-table td{border-top:1px solid var(--line);vertical-align:middle;padding:8px 12px}.file-table tbody tr:first-child td{border-top:0}.file-table .num{text-align:right;white-space:nowrap}.file-table td.hint{white-space:nowrap;margin:0}.file-row:hover{background:var(--bg-soft)}.file-name{color:inherit;cursor:pointer;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-weight:600;text-decoration:none;display:inline-flex}.file-name:hover{color:var(--teal-text)}.file-icon,.file-thumb{border-radius:7px;flex:none;width:32px;height:32px}.file-icon{background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);letter-spacing:.02em;place-items:center;font-size:9px;font-weight:800;display:inline-grid}.folder-icon{background:var(--teal-soft);color:var(--teal);border-color:#0000}.file-thumb{object-fit:cover;border:1px solid var(--line);background:var(--canvas)}.file-actions{text-align:right;white-space:nowrap}.file-actions .icon-btn{display:inline-grid}.upload-panel{flex-direction:column;gap:8px;display:flex}.progress{background:var(--bg-soft);border-radius:3px;height:6px;overflow:hidden}.progress span{background:var(--teal);height:100%;transition:width .2s;display:block}.upload-list{max-height:180px;margin:0;padding:0;font-size:12.5px;list-style:none;overflow-y:auto}.upload-list li{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.upload-list .hint{flex:none;margin:0}.upload-path{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-error .hint{color:var(--danger)}@media (width<=860px){.overview,.ticket-layout{grid-template-columns:minmax(0,1fr)}.ticket-side{position:static}.file-table th:nth-child(3),.file-table td:nth-child(3),.file-table th:nth-child(4),.file-table td:nth-child(4){display:none}}@media (width<=640px){.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brand-name small{display:none}}.avatar-photo{object-fit:cover;background:var(--bg-soft)}.me .avatar{width:22px;height:22px;margin-left:-7px;font-size:9.5px}.avatar-btn{place-items:center;padding:0;display:inline-grid;overflow:hidden}.avatar-inner{border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.timeline-comment header .avatar{width:22px;height:22px;font-size:9.5px}.icon,.status-icon{flex:none;display:block}a.btn{color:var(--ink);text-decoration:none}.key-badge{background:var(--navy);color:#fff;letter-spacing:.02em;border-radius:6px;flex:none;padding:2px 7px;font-size:11px;font-weight:700}.task-key{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:12px;font-weight:600}.task-ref{background:var(--teal-soft);color:var(--teal-text);font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:5px;padding:0 5px;font-size:.92em;font-weight:700;text-decoration:none;display:inline}.task-ref:hover{background:#00a69c33}.ref-status{filter:brightness(.82);flex:none;font-size:12px;font-weight:700}.tasks-view{flex-direction:column;gap:14px;display:flex}.tasks-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seg{background:#eff1f4;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{white-space:nowrap;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #0b12211f,0 0 0 1px #0b12210a}.seg button:focus-visible,.task-group-head:focus-visible,.caret:focus-visible,.subtask-list button:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.select,.search-field{border:1px solid var(--line-strong);background:var(--bg);height:34px;color:var(--muted);border-radius:10px;align-items:center;gap:7px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.select:focus-within,.search-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.select select{appearance:none;max-width:230px;color:var(--ink);text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;outline:none;margin-right:-22px;padding:0 22px 0 0;font-size:13px;font-weight:600}.select .icon:last-child{pointer-events:none}.toolbar-spacer{flex:1}.tasks-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.search-field{width:min(250px,100%);padding:0 12px}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:13px}.tasks-empty{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;font-size:13.5px;display:flex}.tasks-empty p{margin:0}.task-section{flex-direction:column;gap:12px;display:flex}.task-project{align-items:center;gap:8px;margin:6px 0 0;font-size:15px;font-weight:800;display:flex}.task-group{border:1px solid var(--line);background:var(--bg);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0b122108}.task-group-head{background:var(--bg-soft);width:100%;height:44px;color:var(--ink);text-align:left;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 16px 0 10px;font-size:13.5px;display:flex}.task-group-head:hover{background:#f1f3f6}.task-group-head[aria-expanded=true]{border-bottom:1px solid var(--line)}.task-group-head b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.task-group-head>.icon{color:var(--muted)}.group-count{min-width:20px;height:20px;color:var(--muted);font-variant-numeric:tabular-nums;background:#0b12210f;border-radius:10px;flex:none;place-items:center;padding:0 6px;font-size:11.5px;font-weight:700;display:inline-grid}.group-hours{color:var(--ink);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:5px;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.group-hours .icon{color:var(--muted)}.group-hours span{color:var(--muted);font-weight:500}.caret{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;padding:0;transition:transform .16s;display:inline-grid}.caret.open{transform:rotate(90deg)}button.caret:hover{color:var(--ink);background:#0b122112}.caret-space{flex:none;width:20px}.task-row{border-top:1px solid var(--line);cursor:pointer;grid-template-columns:minmax(0,1fr) minmax(0,180px) 84px 88px 108px 80px;align-items:center;column-gap:10px;min-height:42px;padding:0 16px 0 2px;font-size:13.5px;transition:background .1s;display:grid}.task-rows .task-row:first-child{border-top:0}.task-row:hover{background:#f8f9fb}.task-row.selected{box-shadow:inset 3px 0 0 var(--teal);background:#00a69c12}.task-row:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.row-main{align-items:center;gap:8px;min-width:0;display:flex}.row-main .task-key{width:64px}.row-title{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.row-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.row-title.done .row-name{color:var(--muted)}.row-parent{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:38%;color:var(--muted);flex:0 auto;font-weight:500;overflow:hidden}.row-parent-sep{color:#b4bac6}.row-kids{color:var(--muted);background:#0b12210d;border-radius:6px;flex:none;align-items:center;gap:3px;padding:1px 6px;font-size:11.5px;font-weight:600;display:inline-flex}.prio-mark{color:#f2555a;flex:none;display:inline-flex}.row-list{min-width:0;display:flex}.list-chip{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);background:#f1f3f6;border-radius:6px;padding:2px 8px;font-size:11.5px;font-weight:600;display:inline-block;overflow:hidden}.row-signals{justify-content:flex-end;align-items:center;gap:10px;display:flex}.signal{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.row-due{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:12.5px;display:flex}.row-due.overdue,.signal.overdue{color:#d93a4a;font-weight:600}.row-time{display:flex}.time{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px;font-size:12.5px;font-weight:600;display:inline-flex}.time .icon,.signal .icon,.row-due .icon{opacity:.85}.time-of,.time.planned{color:var(--muted);font-weight:500}.time.over{color:#d93a4a}.row-people{justify-content:flex-end;display:flex}.avatar-stack{align-items:center;display:inline-flex}.avatar-stack .person+.person{margin-left:-6px}.person{object-fit:cover;box-shadow:0 0 0 2px var(--bg);background:#eef0f3;border-radius:50%;flex:none;place-items:center;font-weight:800;line-height:1;display:inline-grid}.person-more{color:var(--muted);font-size:10px}.kanban{align-items:flex-start;gap:12px;padding-bottom:12px;display:flex;overflow-x:auto}.kanban-col{background:#f3f4f7;border-radius:14px;flex-direction:column;flex:0 0 296px;gap:10px;max-height:calc(100vh - 240px);padding:10px;display:flex}.kanban-col header{align-items:center;gap:8px;padding:4px 6px 2px;font-size:13.5px;display:flex}.kanban-col header b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kanban-col header .group-count{background:#0b122112;margin-left:auto}.kanban-cards{flex-direction:column;gap:8px;margin:-3px;padding:3px;display:flex;overflow-y:auto}.kanban-card{background:var(--bg);color:inherit;font:inherit;text-align:left;cursor:pointer;border:1px solid #0b12210f;border-radius:10px;flex-direction:column;gap:7px;padding:11px 12px 10px;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;box-shadow:0 1px 2px #0b12210f}.kanban-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0b122117}.kanban-card:focus{outline:none}.kanban-card:focus-visible{box-shadow:0 0 0 2px var(--teal)}.kanban-card.selected{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.card-top{align-items:center;gap:6px;min-width:0;display:flex}.card-list{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:62%;color:var(--muted);margin-left:auto;font-size:11px;font-weight:600;overflow:hidden}.card-parent{min-width:0;color:var(--muted);align-items:center;gap:4px;margin-bottom:-4px;font-size:11.5px;display:flex}.card-parent span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.card-title{font-size:13.5px;font-weight:650;line-height:1.4}.card-foot{flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:22px;display:flex}.card-foot .time{font-size:12px}.card-people{margin-left:auto}.kanban-empty{color:var(--muted);margin:2px 6px 8px;font-size:12.5px}@keyframes fade-in{0%{opacity:0}}@keyframes shade-in{0%{background-color:#0b122100}}@keyframes shade-out{to{background-color:#0b122100}}@keyframes drawer-in{0%{transform:translate(100%)}}@keyframes drawer-out{to{transform:translate(100%)}}@keyframes content-in{0%{opacity:0;transform:translateY(6px)}}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.drawer-backdrop{z-index:30;background:#0b122138;justify-content:flex-end;animation:.24s both shade-in;display:flex;position:fixed;inset:0}.drawer-backdrop.closing{animation:.22s both shade-out}.drawer{overscroll-behavior:contain;background:var(--bg);flex-direction:column;width:min(600px,100%);height:100%;animation:.32s cubic-bezier(.22,1,.36,1) both drawer-in;display:flex;overflow-y:auto;box-shadow:-16px 0 48px #0b122129}.drawer.closing{animation:.22s cubic-bezier(.4,0,1,1) both drawer-out}.drawer-head{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;align-items:center;gap:4px;min-height:56px;padding:0 12px 0 24px;display:flex;position:sticky;top:0}.drawer-key{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:2px;font-size:13px;font-weight:700}.drawer-spacer{flex:1}.btn-awork{border-radius:9px;gap:7px;height:32px;margin-right:4px;padding:0 12px;transition:background .15s,border-color .15s}.btn-awork .icon{color:var(--muted)}.btn-awork:hover{background:var(--bg-soft);border-color:#c4c9d4}.drawer-body{flex-direction:column;gap:20px;padding:20px 24px 48px;animation:.28s both content-in;display:flex}.task-crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:-12px;font-size:12.5px;display:flex}.task-crumbs .icon{color:#b4bac6}.task-crumbs>span,.task-crumbs button{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:300px;display:inline-flex;overflow:hidden}.task-crumbs .ct{text-overflow:ellipsis;min-width:0;overflow:hidden}.task-crumbs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.task-crumbs button:hover{color:var(--ink);text-decoration:underline}.task-title{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:800;line-height:1.3}.task-title .prio-mark{vertical-align:1px;margin-right:8px;display:inline-flex}.props{grid-template-columns:128px minmax(0,1fr);gap:0 12px;margin:0;display:grid}.props dt{min-height:36px;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.props dd{align-items:center;min-width:0;min-height:36px;margin:0;font-size:13.5px;font-weight:600;display:flex}.status-value{flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.type-pill{letter-spacing:.02em;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.people-list,.chip-list{flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;padding:5px 0;display:flex}.person-chip{background:#f1f3f6;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 2px;font-size:12.5px;font-weight:600;display:inline-flex}.person-chip .person{box-shadow:none}.overdue{color:#d93a4a}.overdue-note{background:#d93a4a1a;border-radius:5px;margin-left:8px;padding:1px 6px;font-size:11px;font-weight:700}.time-value{flex-direction:column;gap:6px;width:100%;max-width:320px;padding:8px 0;font-weight:500;display:flex}.time-value b{font-weight:700}.meter{background:#eceef2;border-radius:3px;height:5px;overflow:hidden}.meter span{background:var(--teal);border-radius:3px;height:100%;transition:width .4s;display:block}.meter span.over{background:#f2555a}.tag-chip{border-radius:6px;padding:2px 9px;font-size:12px;font-weight:700}.quiet{color:var(--muted);font-weight:500}.panel-section{border-top:1px solid var(--line);padding-top:20px}.panel-section h3{align-items:center;gap:8px;margin:0 0 12px;font-size:13.5px;font-weight:800;display:flex}.section-count{height:18px;color:var(--muted);background:#0b12210f;border-radius:9px;place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.subtask-list{border:1px solid var(--line);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.subtask-list li+li{border-top:1px solid var(--line)}.subtask-list button{background:var(--bg);width:100%;height:40px;font:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:9px;padding:0 12px;font-size:13px;display:flex}.subtask-list button:hover{background:#f8f9fb}.sub-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.sub-name.done{color:var(--muted);text-decoration:line-through}.panel-error{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:10px;margin:48px 24px;display:flex}.panel-error p{margin:0}.tf-grid{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:10px;display:grid}.tf-tile{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex-direction:column;transition:box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.tf-tile:hover{border-color:var(--line-strong);box-shadow:0 4px 14px #0b122114}.tf-thumb{aspect-ratio:16/10;border:0;border-bottom:1px solid var(--line);color:#a7aebb;cursor:zoom-in;background:#f3f4f7;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.tf-thumb img{object-fit:cover;width:100%;height:100%;display:block}.tf-type{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-decoration:none;display:flex}.tf-type span{color:#fff;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.tf-info{flex-direction:column;gap:2px;min-width:0;padding:8px 10px 9px;display:flex}.tf-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12.5px;font-weight:650;text-decoration:none;overflow:hidden}.tf-name:hover{text-decoration:underline}.tf-meta{color:var(--muted);font-size:11.5px}.tf-dl{opacity:0;background:#fffffff0;width:30px;height:30px;transition:opacity .15s;position:absolute;top:6px;right:6px;box-shadow:0 1px 3px #0b122129}.tf-tile:hover .tf-dl,.tf-dl:focus-visible{opacity:1}.tf-dl:hover{background:#fff}.comments{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.comment{grid-template-columns:30px minmax(0,1fr);gap:11px;display:grid}.comment .person{box-shadow:none}.comment-body header{align-items:baseline;gap:8px;margin-bottom:2px;font-size:13px;display:flex}.comment-body time{color:var(--muted);font-size:12px}.rich{color:#2a3142;overflow-wrap:anywhere;flex-direction:column;gap:6px;font-size:13.5px;line-height:1.6;display:flex}.rich p,.rich h4,.rich blockquote,.rt-li{white-space:pre-wrap;margin:0}.rich h4{color:var(--ink);margin-top:4px;font-size:14px;font-weight:800}.rich blockquote{border-left:3px solid var(--line-strong);color:var(--muted);padding-left:12px}.rich pre{background:#f3f4f7;border-radius:8px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.5;overflow-x:auto}.rich code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.rich :not(pre)>code{background:#f1f3f6;border-radius:4px;padding:1px 5px}.rt-li{position:relative}.rt-li+.rt-li{margin-top:-4px}.rt-li.done{color:var(--muted);text-decoration:line-through}.rt-marker{width:18px;height:1.6em;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;font-size:12.5px;font-weight:700;display:flex;position:absolute;top:0}.rt-bullet{background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:5px}.rt-check{color:#fff;border:1.5px solid #b4bac6;border-radius:4px;place-items:center;width:14px;height:14px;display:grid}.rt-check.on{border-color:var(--teal);background:var(--teal)}.rt-link{color:var(--teal-text);border-bottom:1px solid #0a829640;font-weight:600;text-decoration:none}.rt-link:hover{border-bottom-color:currentColor}.mention{color:#2f6be0;white-space:nowrap;background:#4082ff1a;border-radius:6px;padding:1px 6px;font-weight:650}.file-chip{max-width:100%;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;vertical-align:1px;background:#f1f3f6;border-radius:6px;align-items:center;gap:4px;padding:1px 8px 1px 6px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex;overflow:hidden}a.file-chip:hover{background:#e7eaef}.file-chip.off{color:var(--muted)}.rt-image{border:1px solid var(--line);cursor:zoom-in;background:#f3f4f7;border-radius:10px;width:min(100%,420px);max-height:320px;margin:6px 0 2px;padding:0;transition:box-shadow .15s;display:block;overflow:hidden}.rt-image:hover{box-shadow:0 4px 14px #0b12211a}.rt-image img{object-fit:cover;width:100%;height:100%;display:block}.lightbox{z-index:60;background:#080c16e0;justify-content:center;align-items:center;padding:64px 24px 32px;animation:.18s both fade-in;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:6px;max-width:100%;min-height:0;max-height:100%;box-shadow:0 20px 60px #0006}.lightbox-bar{color:#fff;align-items:center;gap:8px;height:56px;padding:0 14px 0 20px;display:flex;position:absolute;top:0;left:0;right:0}.lightbox-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:600;overflow:hidden}.lightbox-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.lightbox-btn:hover{background:#fff3}.skel{background:linear-gradient(90deg,#eef0f3 25%,#f7f8fa 37%,#eef0f3 63%) 0 0/400% 100%;border-radius:6px;flex:none;animation:1.4s infinite shimmer;display:block}.skel-props{flex-direction:column;gap:16px;padding:8px 0;display:flex}.skel-row{align-items:center;gap:48px;display:flex}.task-row.static,.task-group-head.static{cursor:default}.task-row.static:hover,.task-group-head.static:hover{background:var(--bg-soft)}.task-row.static:hover{background:0 0}@media (prefers-reduced-motion:reduce){.drawer,.drawer-backdrop,.drawer-body,.lightbox,.skel{animation:none}}.visibility{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.visibility h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 2px;font-size:12px;font-weight:800}.visibility .btn{align-self:flex-start}.switch-row{cursor:pointer;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.switch-row small{color:var(--muted);font-size:11.5px;font-weight:500;display:block}.switch-row.off{opacity:.45;cursor:default}.switch-row input{opacity:0;width:1px;height:1px;position:absolute}.switch{background:var(--line-strong);border-radius:9px;flex:none;width:32px;height:18px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0b122140}.switch-row input:checked+.switch{background:var(--teal)}.switch-row input:checked+.switch:after{transform:translate(14px)}.switch-row input:focus-visible+.switch{outline:2px solid var(--teal);outline-offset:2px}.picker-list{border:1px solid var(--line);border-radius:10px;max-height:50vh;margin:0;padding:0;list-style:none;overflow-y:auto}.picker-list li+li{border-top:1px solid var(--line)}.picker-list button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.picker-list button:hover:not(:disabled){background:var(--bg-soft)}.picker-list button:disabled{cursor:default;opacity:.6}.picker-text{flex-direction:column;flex:1;min-width:0;font-size:13.5px;display:flex}.picker-text small{color:var(--muted);font-size:12px}.preview-banner{z-index:10;color:#6b4b00;background:#fff4d6;border-bottom:1px solid #f0d48a;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;font-size:13px;display:flex;position:sticky;top:0}@media (width<=1080px){.task-row{grid-template-columns:minmax(0,1fr) 84px 88px 108px 80px}.row-list{display:none}}@media (width<=760px){.task-row{grid-template-columns:minmax(0,1fr) auto auto}.row-signals,.row-time,.tasks-toolbar .toolbar-spacer,.tasks-count{display:none}.search-field{width:100%}.props{grid-template-columns:104px minmax(0,1fr)}.drawer-body{padding:18px 16px 40px}}