:root{--bg: var(--hover);--surface: #ffffff;--side: #fbfcff;--text: #1f2937;--muted: #6b7280;--line: #e6e9f0;--primary: #0b3cff;--primary-soft: #5b7cff;--primary-tint: #eef2ff;--danger: #ef4444;--success: #10b981;--dark: #1f2937;--radius: 12px;--shadow: 0 10px 30px rgba(15, 23, 42, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:15px/1.5 "Source Sans 3",Source Sans Pro,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary)}h1,h2,h3,h4{margin:0;line-height:1.25}p{margin:0}button{font:inherit;cursor:pointer;color:inherit}input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-tint);border-color:var(--primary-soft)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--primary)}input[type=color]{padding:3px;height:40px;cursor:pointer}textarea{resize:vertical}label{display:block;font-weight:600;font-size:14px}label>input,label>select,label>textarea{margin-top:6px;font-weight:400}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.block{display:block}.grow{flex:1}.min0{min-width:0}.row{display:flex;align-items:center}.row.gap,.gap{gap:10px}.row.end{justify-content:flex-end}.stack{display:flex;flex-direction:column;gap:14px}.stack.sm-gap,.sm-gap{gap:8px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.accent{color:var(--primary)}.indent{margin-left:44px}.error-text{color:var(--danger)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.center-screen{height:100%;display:grid;place-items:center;padding:20px}.btn{display:inline-flex;align-items:center;gap:6px;justify-content:center;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:10px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--line-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:#0832d6}.btn.soft{background:var(--primary-soft);border-color:var(--primary-soft);color:#fff;box-shadow:0 8px 20px #5b7cff4d}.btn.dark{background:var(--dark);border-color:var(--dark);color:#fff}.btn.ghost{border-color:transparent;background:transparent;padding:6px 8px}.btn.ghost:hover{background:var(--bg)}.btn.link{border:0;background:none;color:var(--primary);padding:6px 4px}.btn.sm{padding:5px 10px;font-size:13px;border-radius:8px}.btn.lg{padding:12px 18px}.btn.xl{padding:15px 24px;font-size:16px;border-radius:12px}.icon-btn{border:0;background:transparent;padding:6px 9px;border-radius:8px;color:var(--muted);font-size:16px;line-height:1}.icon-btn:hover{background:var(--bg);color:var(--text)}.icon-btn.bordered{border:1px solid var(--line);background:var(--surface);padding:8px 11px}.icon-btn.active{color:var(--primary);border-color:var(--primary)}.icon-btn sup{font-size:10px;margin-left:2px}.round-btn{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.split-btn{display:inline-flex}.split-btn .btn{border-radius:8px 0 0 8px}.split-btn>.btn{border-radius:0 8px 8px 0;margin-left:-1px}.linkish{border:0;background:none;padding:0;text-align:left}.pill{font-size:12px;font-weight:600;background:var(--bg);border:1px solid var(--line);padding:3px 10px;border-radius:99px;color:var(--muted);text-transform:capitalize}.dot{display:inline-block;border-radius:50%;flex:none}.check-dot{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--success);color:#fff;font-size:10px}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;flex:none;object-fit:cover}.avatar.empty-av{background:var(--bg);border:1px solid var(--line);width:24px;height:24px;font-size:12px}.avatars{display:inline-flex}.avatars .avatar{border:2px solid var(--surface);margin-left:-8px}.alert{background:#fef2f2;color:#b91c1c;padding:10px 12px;border-radius:10px;font-size:14px}.info{background:var(--primary-tint);color:#1e3a8a;padding:10px 12px;border-radius:10px;font-size:14px;margin-bottom:14px}.spinner{width:34px;height:34px;border:3px solid var(--primary-tint);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:86px;left:50%;transform:translate(-50%);background:var(--dark);color:#fff;padding:10px 18px;border-radius:10px;z-index:1000;box-shadow:var(--shadow);font-size:14px}.empty{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-icon{font-size:40px;opacity:.5}.logo{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:800;letter-spacing:-.04em}.menu-wrap{position:relative;display:inline-block}.menu-wrap.block{display:block}.menu{position:absolute;top:calc(100% + 6px);min-width:190px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:60}.menu.right{right:0}.menu.left{left:0}.menu.up{top:auto;bottom:calc(100% + 6px)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;padding:8px 10px;border-radius:8px;font-size:14px;font-weight:600}.menu-item:hover{background:var(--bg)}.menu-item.active{background:var(--primary-tint);box-shadow:inset 3px 0 var(--primary)}.menu-item.danger{color:var(--danger)}.menu-sep{height:1px;background:var(--line);margin:6px 0}.menu-head{padding:6px 10px;font-size:14px}.menu-group{padding:8px 10px 4px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:4px;font-weight:600}.plus-box{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:6px}.link{color:var(--primary)}.filter-menu{width:240px;max-height:360px;overflow:auto}.check-row{display:flex;align-items:center;gap:8px;padding:6px 10px;font-weight:600;font-size:14px;cursor:pointer;border-radius:8px}.check-row:hover{background:var(--bg)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:grid;place-items:center;z-index:100;padding:16px}.modal{position:relative;background:var(--surface);border-radius:18px;padding:28px;width:min(480px,100%);max-height:90vh;overflow:auto;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.modal.wide{width:min(560px,100%)}.modal.center{text-align:center}.modal-title{font-size:22px;font-weight:600}.modal-x{position:absolute;top:14px;right:16px;border:0;background:none;font-size:24px;color:var(--primary);line-height:1;z-index:2}.modal-x.light{color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface);z-index:90;overflow:auto}.fullscreen-x{position:fixed;top:14px;right:22px;border:0;background:none;font-size:30px;color:var(--muted)}.fullscreen-body{max-width:640px;margin:0 auto;padding:56px 20px 80px}.tabs-line{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:20px 0 22px}.tabs-line>*{border:0;background:none;padding:8px 0;color:var(--muted);border-bottom:2px solid transparent;text-decoration:none;font-weight:600;margin-bottom:-1px}.tabs-line .on,.tabs-line .active{color:var(--primary);border-color:var(--primary)}.auth{min-height:100%;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,var(--surface-2),var(--bg))}.auth-card{width:min(420px,100%);background:var(--surface);border-radius:20px;box-shadow:var(--shadow);padding:34px;display:flex;flex-direction:column;gap:16px}.auth-logo{text-align:center}.auth h1{font-size:24px;text-align:center}.pw-rules{list-style:none;padding:0;margin:0;font-size:13px;color:var(--muted);display:grid;gap:2px}.pw-rules li.ok{color:var(--success)}.shell{display:flex;height:100%}.sidebar-holder{width:240px;flex:none}.sidebar{height:100%;background:var(--side);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:0}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px 14px}.ws-btn{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:8px;border-radius:10px;font-weight:600;text-align:left}.ws-btn:hover{background:var(--primary-tint)}.side-nav{display:flex;flex-direction:column;gap:2px;margin-top:10px}.side-nav a{padding:7px 10px;border-radius:8px;color:var(--muted);text-decoration:none;font-weight:600}.side-nav a.active{color:var(--text);font-weight:700}.side-nav a:hover{background:var(--primary-tint)}.shell-main{flex:1;overflow:auto;min-width:0}.mobile-top{display:none}.page{max-width:900px;margin:0 auto;padding:48px 24px 60px}.page.narrow{max-width:680px}.page-title{font-size:26px;font-weight:700;margin-bottom:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px}.create-row{display:flex;align-items:center;gap:14px;margin-bottom:36px}.create-input{padding:15px 16px;font-size:16px;border-width:2px;border-radius:12px;box-shadow:0 2px 8px #0f172a0a}.welcome-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.welcome-hero{width:min(520px,100%);aspect-ratio:16/8;border-radius:14px;background:radial-gradient(circle at 30% 20%,#4c6bff,var(--primary));display:grid;place-items:center;color:#fff;font-size:44px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.welcome-card h2{font-weight:400;font-size:24px}.welcome-steps{text-align:left;color:var(--muted);display:grid;gap:6px;margin:4px 0 0}.list-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.search{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:400}.search input{border:0;background:transparent;padding:6px;outline:none}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:visible;cursor:pointer;transition:box-shadow .15s,border-color .15s}.project-card:hover{border-color:var(--primary-soft);box-shadow:0 8px 24px #0b3cff1a}.thumb{aspect-ratio:16/10;background:var(--surface-2) center/cover;border-radius:16px 16px 0 0}.thumb.placeholder{display:grid;place-items:center}.project-meta{display:flex;align-items:center;gap:8px;padding:14px 16px;min-width:0}.radio-row{display:flex;align-items:center;gap:10px;font-weight:600}.copy-row{display:flex;gap:8px}.copy-row input{font-size:13px;color:var(--muted)}.access-list{text-align:left;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:14px}.access-row{display:flex;align-items:center;gap:10px}.export-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.export-name{font-weight:700;font-size:17px}.export-name.trello{color:#0c66e4;font-style:italic}.export-name.jira{color:#0052cc}.group-label{font-weight:700;color:var(--text)}.project{height:100%;display:flex;flex-direction:column}.project-body{flex:1;min-height:0;overflow:hidden;display:flex}.project-body>*{flex:1;min-width:0}.project-bar{display:flex;align-items:center;gap:10px;padding:10px 18px;border-top:1px solid var(--line);background:var(--surface)}.onboarding{overflow:auto;text-align:center;padding:48px 20px}.onb-logo{color:var(--muted-2);margin-bottom:16px}.onboarding h2{font-size:26px;color:var(--text-2);margin-bottom:26px}.tabs-folder{display:flex;justify-content:center;border-bottom:1px solid var(--line);margin-bottom:26px}.tabs-folder button{border:1px solid transparent;border-bottom:0;background:none;padding:12px 20px;border-radius:10px 10px 0 0;color:var(--primary);font-weight:600}.tabs-folder button.on{color:var(--text-2);border-color:var(--line);background:var(--surface);margin-bottom:-1px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;max-width:920px;margin:0 auto}.step{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;text-align:left;display:flex;flex-direction:column;gap:12px;min-height:210px}.step h3{font-size:16px}.step p{color:var(--text-2)}.step .btn{margin-top:auto}.step-art{margin-top:auto;height:70px;border:1px solid var(--line);border-radius:8px;position:relative;background:var(--surface-2)}.sa-page{position:absolute;top:12px;right:30px;bottom:12px;left:12px;background:var(--surface-2);border-radius:4px}.sa-tab{position:absolute;right:0;top:14px;width:12px;height:40px;background:var(--primary);border-radius:4px 0 0 4px}.inbox{display:flex;height:100%;min-height:0}.notes-panel{width:320px;flex:none;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:relative;min-height:0}.np-search{display:flex;align-items:center;gap:6px;margin:12px;border:1px solid var(--line);border-radius:10px;padding:0 10px;color:var(--muted)}.np-search input{border:0;padding:9px 2px;outline:none}.np-head{display:flex;align-items:center;gap:6px;padding:0 12px 8px}.select-all{display:flex;align-items:center;gap:8px;padding:6px 14px;font-weight:400;color:var(--muted);font-size:14px}input.round{border-radius:50%;width:16px;height:16px}.np-list{flex:1;overflow:auto}.np-group{padding:8px 14px 4px;font-size:12px;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-item{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--surface-2)}.np-item.sel{background:var(--primary);color:#fff}.np-item.sel .muted{color:#dbe4ff}.np-item input{margin-top:6px}.np-text{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-icons{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:12px}.show-completed{display:flex;gap:8px;align-items:center;padding:12px 14px;border-top:1px solid var(--line);font-weight:400;font-size:14px}.bulk-bar{position:absolute;left:0;bottom:0;width:max(100%,560px);z-index:20;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 20px #0f172a14;font-size:14px}.inbox-main{flex:1;display:flex;flex-direction:column;min-width:0}.inbox-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.inbox-split{flex:1;display:flex;min-height:0}.canvas-area{flex:1;overflow:auto;padding:28px;background:var(--bg);min-width:0}.canvas-tools{margin-bottom:12px}.shot{position:relative;display:inline-block;max-width:100%;border:1px solid var(--line);background:var(--surface);box-shadow:0 4px 20px #0f172a0f}.shot img{display:block;max-width:100%;-webkit-user-select:none;user-select:none}.shot.adding{cursor:crosshair;outline:2px dashed var(--primary);outline-offset:4px}.pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;border:0;background:var(--primary);color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center;box-shadow:0 0 0 6px #0b3cff38}.pin.done,.pin.static{background:var(--success);box-shadow:0 0 0 5px #10b98138}.pin.static{position:static;transform:none;flex:none;width:24px;height:24px;box-shadow:none;font-size:11px}.pin.static:not(.done){background:var(--primary)}.np-item.sel .pin.static{background:var(--surface);color:var(--primary)}.pin.sel{outline:2px solid var(--surface);transform:translate(-50%,-50%) scale(1.15)}.pin.draft{background:var(--dark)}.pin-pop{position:absolute;width:290px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:12px;z-index:5;cursor:default}.pin-pop textarea{margin-bottom:8px}.no-shot{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px}.detail{width:380px;flex:none;background:var(--surface);border-left:1px solid var(--line);overflow:auto}.detail>section{padding:18px;border-bottom:1px solid var(--line)}.detail-head{display:flex;flex-direction:column;gap:6px}.note-text{white-space:pre-wrap;word-break:break-word}.meta-list{display:grid;grid-template-columns:80px 1fr;gap:6px 10px;font-size:13px;margin:8px 0 0}.meta-list dt{color:var(--muted-2);font-weight:600}.meta-list dd{margin:0;word-break:break-all}.props{display:flex;flex-direction:column;gap:6px}.prop{display:flex;align-items:center;justify-content:space-between;min-height:38px}.prop-label{font-weight:700;width:120px;font-size:15px}.prop .menu-wrap{flex:1}.history{list-style:none;margin:0 0 8px;padding:10px 12px;background:var(--bg);border-radius:10px;font-size:13px;display:grid;gap:6px}.files{display:grid;gap:6px}.file{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.file a{display:flex;align-items:center;gap:8px;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file img{width:40px;height:30px;object-fit:cover;border-radius:4px}.replies{display:flex;flex-direction:column;gap:16px}.reply-box{display:flex;flex-direction:column;gap:8px}.reply p{white-space:pre-wrap;margin-top:4px}.board-wrap{display:flex;flex-direction:column;min-height:0;height:100%}.board-head{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.board{flex:1;display:flex;gap:16px;padding:16px 18px;overflow-x:auto;align-items:stretch}.column{width:290px;flex:none;background:var(--surface-2);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.column.over{outline:2px dashed var(--primary);background:var(--primary-tint)}.column-head{display:flex;align-items:center;gap:8px;padding:2px 4px}.column-empty{color:var(--muted-2);text-align:center;padding:80px 10px}.card-note{background:var(--surface);border-radius:10px;padding:12px 14px;cursor:grab;box-shadow:0 1px 3px #0f172a14;display:flex;flex-direction:column;gap:6px}.card-note:hover{box-shadow:0 4px 14px #0f172a1f}.card-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-modal{place-items:stretch;padding:0}.note-modal-body{display:flex;min-height:0;height:100%;position:relative}.note-modal-body .canvas-area{background:transparent;display:grid;place-items:center}.note-modal-body .no-shot .muted{color:#e5e7eb}.brand-head{font-size:22px;font-weight:500}h4{font-size:15px;margin-top:10px}.code-box{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;align-items:flex-end}.code-box code{font-size:13px;color:var(--text-2);word-break:break-all;align-self:stretch}.widget-preview{position:relative;height:140px;background:var(--surface-2);border-radius:12px;overflow:hidden}.wp-page{position:absolute;top:16px;right:60px;bottom:16px;left:16px;background:var(--surface);border-radius:6px}.wp-tab{position:absolute;top:50%;writing-mode:vertical-rl;padding:12px 8px;font-size:13px;font-weight:600}.wp-tab.right{right:0;transform:translateY(-50%) rotate(180deg);border-radius:0 8px 8px 0}.wp-tab.left{left:0;transform:translateY(-50%);border-radius:0 8px 8px 0}.logo-preview{max-height:36px;max-width:160px}.toggle{display:flex;align-items:center;gap:10px;font-weight:600}.integration{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.status-row{display:flex;align-items:center;gap:8px}.status-row input:not([type=color]){flex:1}.status-row input[type=color]{width:44px;flex:none}.status-row.fixed{padding-left:22px}.grip{cursor:grab;color:var(--muted-2);width:14px}.notif-group{display:flex;flex-direction:column;gap:6px}.check-line{display:flex;gap:10px;align-items:center;font-weight:400}@media(max-width:1100px){.detail{width:330px}}@media(max-width:900px){.sidebar-holder{position:fixed;inset:0 auto 0 0;z-index:80;transform:translate(-100%);transition:transform .2s}.sidebar-holder.open{transform:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:70}.mobile-top{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:10}.page{padding:24px 16px 40px}.create-row{flex-wrap:wrap}.create-input{flex-basis:100%}.notes-panel{position:absolute;inset:0 auto 60px 0;z-index:30;box-shadow:var(--shadow);width:min(340px,90vw)}.inbox-split{flex-direction:column;overflow:auto}.detail{width:100%;border-left:0;overflow:visible}.canvas-area{padding:16px;overflow:visible}.note-modal-body{flex-direction:column;overflow:auto;background:var(--surface)}.note-modal-body .detail{width:100%}.project-bar{flex-wrap:wrap;padding:8px 12px}.avatars{display:none}.grid2{grid-template-columns:1fr}}:root{--bg: #f6f7fb;--side: #ffffff;--text: #0f172a;--text-2: #334155;--muted: #64748b;--line: #e7eaf0;--line-2: var(--surface-2);--primary: #2952ff;--primary-soft: #6683ff;--primary-tint: #eef2ff;--success: #12b981;--danger: #ef4444;--warn: #f59e0b;--radius: 14px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .04);--shadow: 0 12px 32px -8px rgba(15, 23, 42, .16), 0 4px 10px -4px rgba(15, 23, 42, .06);--ease: cubic-bezier(.2, .8, .2, 1)}body{font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14.5px;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}::selection{background:#c7d2fe}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.ic{flex:none;display:inline-block;vertical-align:-3px}.fw4{font-weight:400}.pad{padding:24px}.text-danger{color:var(--danger)}.label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}kbd{font:600 11px/1 inherit;padding:3px 6px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--muted);box-shadow:0 1px 0 var(--line)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.page-anim{animation:fadeUp .35s var(--ease)}.menu{animation:pop .16s var(--ease);transform-origin:top}.menu.up{transform-origin:bottom}.backdrop{animation:fade .18s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a6b}.modal{animation:pop .22s var(--ease);border-radius:20px}.toast{animation:pop .2s var(--ease);border-radius:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.btn{border-radius:10px;transition:background .15s,border-color .15s,box-shadow .15s,transform .08s;box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{background:var(--primary);border-color:var(--primary);box-shadow:0 1px 2px #2952ff4d,inset 0 1px #ffffff26}.btn.primary:hover{background:#1f45e6}.btn.link,.btn.ghost{box-shadow:none}.btn.ghost-border{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);font-weight:500}.btn.ghost-border b{font-weight:600}input,select,textarea{border-radius:10px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-soft);box-shadow:0 0 0 4px #2952ff1f}.icon-btn{transition:background .15s,color .15s;display:inline-flex;align-items:center;justify-content:center}.menu{border-radius:14px;box-shadow:var(--shadow);border-color:var(--line)}.menu-item{font-weight:500;color:var(--text-2)}.menu-item .ic{color:var(--muted)}.menu-item.danger .ic{color:var(--danger)}.seg{display:inline-flex;background:var(--surface-2);border-radius:11px;padding:3px;gap:2px}.seg button{border:0;background:none;padding:7px 14px;border-radius:8px;font-weight:600;color:var(--muted);display:inline-flex;gap:6px;align-items:center;transition:background .2s,color .2s,box-shadow .2s}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.seg.sm button{padding:6px 10px;font-size:13px}.switch{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:13.5px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{display:none}.switch span{width:34px;height:20px;border-radius:99px;background:var(--line-strong);position:relative;transition:background .2s}.switch span:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px #0003;transition:transform .2s var(--ease)}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translate(14px)}.select-sm{width:auto;padding:8px 12px;font-size:13.5px;background-color:var(--surface);box-shadow:var(--shadow-sm)}.sidebar-holder{width:256px}.sidebar{background:var(--side);padding:18px 14px 14px;gap:6px;border-right:1px solid var(--line)}.sidebar-top{padding:4px 8px 14px}.ws-switch{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-align:left;box-shadow:var(--shadow-sm);transition:border-color .15s}.ws-switch:hover{border-color:var(--line-strong)}.ws-switch small{font-size:12px}.ws-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#2952ff,#7c3aed);flex:none}.ws-mark.sm{width:26px;height:26px;border-radius:7px;font-size:12px}.search-trigger{display:flex;align-items:center;gap:8px;margin:8px 0 4px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--hover);color:var(--muted);font-size:13.5px;text-align:left;transition:background .15s,border-color .15s}.search-trigger:hover{background:var(--surface);border-color:var(--line-strong)}.side-nav{margin-top:6px;gap:2px}.side-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--text-2);font-weight:500;transition:background .15s,color .15s}.side-nav a .ic{color:var(--muted-2);transition:color .15s}.side-nav a:hover{background:var(--hover)}.side-nav a.active{background:var(--primary-tint);color:var(--primary);font-weight:600}.side-nav a.active .ic{color:var(--primary)}.new-btn{margin-top:10px;width:100%}.user-btn{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:8px;border-radius:12px;text-align:left;transition:background .15s}.user-btn:hover{background:var(--hover)}.user-btn small{font-size:12px}.modal-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin:0 auto;background:var(--primary-tint);color:var(--primary)}.palette-backdrop{place-items:start center;padding-top:12vh}.palette{width:min(600px,100%);background:var(--surface);border-radius:16px;box-shadow:0 30px 80px -20px #0f172a73;overflow:hidden;animation:pop .18s var(--ease)}.palette-input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--muted)}.palette-input input{border:0;padding:4px 0;font-size:16px;box-shadow:none!important}.palette-list{max-height:360px;overflow:auto;padding:6px}.palette-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:10px 12px;border-radius:10px;text-align:left;color:var(--text-2);font-weight:500}.palette-item .ic{color:var(--muted)}.palette-item.on{background:var(--primary-tint);color:var(--primary)}.palette-empty{padding:28px;text-align:center;color:var(--muted)}.page.wide{max-width:1200px;padding:36px 32px 60px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-head h1{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 12px;min-width:240px;color:var(--muted);box-shadow:var(--shadow-sm);font-weight:400;transition:border-color .15s,box-shadow .15s}.search-box:focus-within{border-color:var(--primary-soft);box-shadow:0 0 0 4px #2952ff1f}.search-box input{border:0;padding:9px 0;box-shadow:none!important;background:none}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:6px 0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 8px}.panel-head h2{font-size:15.5px;font-weight:650}.panel-link{font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:2px}.home-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;flex-wrap:wrap}.home-hero h1{font-size:30px;font-weight:750;letter-spacing:-.025em;margin:2px 0 6px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--primary)}.hero-actions{display:flex;gap:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;animation:fadeUp .4s var(--ease) both}.stat-card:nth-child(2){animation-delay:50ms}.stat-card:nth-child(3){animation-delay:.1s}.stat-card:nth-child(4){animation-delay:.15s}a.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)}.stat-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}.stat-icon.blue{background:#eef2ff;color:#2952ff}.stat-icon.violet{background:#f3e8ff;color:#7c3aed}.stat-icon.red{background:#fef2f2;color:#ef4444}.stat-icon.green{background:#ecfdf5;color:#059669}.stat-value{font-size:26px;font-weight:750;letter-spacing:-.02em;line-height:1.1}.stat-label{color:var(--muted);font-weight:500;font-size:13.5px}.stat-sub{font-size:12px;color:var(--muted-2);margin-top:2px}.home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px;align-items:start}.side-col{display:flex;flex-direction:column;gap:20px}.task-group{padding:4px 0 8px}.group-label{display:flex;align-items:center;gap:8px;padding:10px 20px 6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.group-label>span:last-child{background:var(--surface-2);color:var(--muted);border-radius:99px;padding:1px 8px;font-size:11px}.group-label.g-overdue{color:var(--danger)}.group-label.g-today{color:#d97706}.task-row{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .15s,opacity .3s,transform .3s var(--ease);border-top:1px solid var(--line-2)}.task-row:hover{background:var(--hover)}.task-row.leaving{opacity:.35;transform:translate(8px)}.task-row.is-done .task-title{text-decoration:line-through;color:var(--muted)}.task-check{width:20px;height:20px;border-radius:50%;border:1.8px solid var(--line-strong);background:var(--surface);color:transparent;display:grid;place-items:center;flex:none;padding:0;transition:all .2s var(--ease)}.task-check:hover{border-color:var(--success);color:var(--success)}.task-check.on{background:var(--success);border-color:var(--success);color:#fff;transform:scale(1.08)}.task-title{font-weight:550;color:var(--text)}.task-meta{display:flex;align-items:center;gap:10px;font-size:12.5px;margin-top:2px}.proj-chip{display:inline-flex;align-items:center;gap:6px;color:var(--text-2);font-weight:500}.proj-swatch{width:8px;height:8px;border-radius:3px;display:inline-block;flex:none}.status-chip{font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--surface));white-space:nowrap}.due{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 8px;border-radius:7px;white-space:nowrap;background:var(--surface-2);color:var(--text-2)}.due-overdue{background:#fef2f2;color:#dc2626}.due-today{background:#fff7ed;color:#c2410c}.due-soon{background:#fefce8;color:#a16207}.due-done{background:#ecfdf5;color:#047857}.mini-project{display:flex;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;color:inherit;transition:background .15s}.mini-project:hover{background:var(--hover)}.proj-tile{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:700;flex:none;font-size:14px;box-shadow:inset 0 -2px #0000001f}.proj-tile.lg{width:48px;height:48px;border-radius:13px;font-size:20px}.progress{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden;margin:5px 0 3px}.progress span{display:block;height:100%;border-radius:99px;transition:width .6s var(--ease)}.feed{display:flex;flex-direction:column;padding-bottom:6px}.feed-item{display:flex;gap:12px;align-items:flex-start;padding:10px 20px;border:0;background:none;text-align:left;width:100%;transition:background .15s}.feed-item:hover{background:var(--hover)}.feed-line{font-size:13.5px}.feed-text{font-size:13px;color:var(--text-2);margin-top:1px}.feed-meta{font-size:12px;color:var(--muted-2);display:flex;align-items:center;gap:6px;margin-top:2px}.empty-state{text-align:center;padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state.sm{padding:20px}.empty-state h3{font-size:16px}.empty-state p{max-width:360px}.empty-art{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:var(--primary);margin-bottom:6px}.empty-art.lg{width:84px;height:84px;border-radius:24px}.skeletons{padding:10px 20px;display:grid;gap:10px}.skeleton{height:44px;border-radius:10px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-2) 37%,var(--surface-2) 63%);background-size:800px 100%;animation:shimmer 1.3s infinite linear}.card-skel{height:280px;border-radius:16px}.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;animation:fadeUp .4s var(--ease) both;display:flex;flex-direction:column}.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.pcard-cover{position:relative;height:120px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--surface)));background-size:cover;background-position:center;display:grid;place-items:center}.cover-letter{font-size:44px;font-weight:800;color:#ffffffe6;letter-spacing:-.04em;text-shadow:0 4px 20px rgba(0,0,0,.15)}.pcard-menu{position:absolute;top:10px;right:10px;opacity:0;transition:opacity .15s}.pcard:hover .pcard-menu,.pcard-menu:focus-within{opacity:1}.pcard-menu .icon-btn{background:#ffffffeb;color:var(--text);box-shadow:var(--shadow-sm)}.pcard-body{padding:16px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.pcard-body h3{font-size:16px;font-weight:650}.pcard-desc{color:var(--text-2);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.pcard-foot{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:4px}.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 8px;border-radius:7px;background:var(--surface-2);color:var(--text-2)}.tag.danger{background:#fef2f2;color:#dc2626}.progress-block .row{gap:6px}.table-panel{padding:0;overflow:hidden}.ptable{display:grid}.ptr{display:grid;grid-template-columns:minmax(220px,2.2fr) minmax(140px,1.3fr) 90px 120px 100px 44px;gap:16px;align-items:center;padding:12px 20px;border-top:1px solid var(--line-2);cursor:pointer;transition:background .15s}.ptr:hover{background:var(--hover)}.ptr.head{border-top:0;cursor:default;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;background:var(--hover)}.empty-hero{text-align:center;padding:56px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:22px}.empty-hero h2{font-size:22px;letter-spacing:-.02em}.empty-hero p{max-width:460px}.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;max-width:640px;width:100%;text-align:left}.how div{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;background:var(--hover)}.how span{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;margin-bottom:6px}.how small{color:var(--muted)}.form-head{display:flex;gap:14px;align-items:center}.swatches{display:flex;gap:6px;flex-wrap:wrap;padding-top:4px}.swatch{width:24px;height:24px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);transition:transform .15s var(--ease),box-shadow .15s;padding:0}.swatch:hover{transform:scale(1.1)}.swatch.on{box-shadow:0 0 0 2px var(--text)}.dropzone{width:100%;min-height:84px;border:1.5px dashed var(--line-strong);border-radius:12px;background:var(--hover);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--primary-soft);background:var(--primary-tint);color:var(--primary)}.dropzone img{max-height:120px;border-radius:8px}.choice{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.choice.on{border-color:var(--primary);background:var(--primary-tint)}.modal-footer .btn{min-width:96px}.project-bar{gap:12px;padding:10px 18px;box-shadow:0 -4px 16px -8px #0f172a14}.bar-title{border:0;background:none;text-align:left;padding:2px 6px;border-radius:8px}.bar-title:hover{background:var(--hover)}.due-edit{display:flex;align-items:center;gap:6px;flex:1}.due-edit input{width:auto;padding:5px 8px;font-size:13px;border-color:transparent;box-shadow:none;background:transparent}.due-edit input:hover{border-color:var(--line)}.card-note{transition:box-shadow .2s,transform .2s var(--ease)}.card-note:hover{transform:translateY(-2px)}.column{background:var(--surface-2)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-grid{grid-template-columns:1fr}.ptr{grid-template-columns:minmax(200px,2fr) minmax(120px,1fr) 70px 44px}.ptr>:nth-child(4),.ptr>:nth-child(5){display:none}}@media(max-width:900px){.page.wide{padding:20px 16px 48px}.home-hero h1{font-size:24px}.task-row{padding:10px 14px;flex-wrap:wrap}.task-row .status-chip{display:none}.search-box{min-width:0;flex:1}.how{grid-template-columns:1fr}}@media(max-width:560px){.stats-grid{gap:10px}.stat-card{padding:14px;gap:10px}.stat-icon{width:36px;height:36px}.stat-value{font-size:22px}.hero-actions{width:100%}.hero-actions .btn{flex:1}.ptr{grid-template-columns:1fr 44px}.ptr>:nth-child(2),.ptr>:nth-child(3){display:none}}:root,[data-theme=light]{color-scheme:light;--surface: #ffffff;--surface-2: #f1f4f9;--hover: #f6f8fd;--text-2: #334155;--muted-2: #94a3b8;--line-strong: #d5dbe6;--canvas: #eef1f6;--canvas-dot: #d9dfea;--tint-red: #fef2f2;--on-red: #dc2626;--tint-green: #ecfdf5;--on-green: #047857;--tint-amber: #fff7ed;--on-amber: #c2410c;--tint-yellow: #fefce8;--on-yellow: #a16207;--tint-violet: #f3e8ff;--on-violet: #7c3aed;--sel: #eef2ff}[data-theme=dark]{color-scheme:dark;--bg: #0b0f19;--side: #0f1422;--surface: #131a2a;--surface-2: #1b2336;--hover: #182033;--text: #e6e9f2;--text-2: #c3cad9;--muted: #8a94a8;--muted-2: #6b7489;--line: #222b3f;--line-2: #1c2436;--line-strong: #2e3850;--primary: #5b7cff;--primary-soft: #7c95ff;--primary-tint: rgba(91, 124, 255, .16);--sel: rgba(91, 124, 255, .14);--canvas: #0d1220;--canvas-dot: #1d2539;--tint-red: rgba(239, 68, 68, .14);--on-red: #fca5a5;--tint-green: rgba(16, 185, 129, .14);--on-green: #6ee7b7;--tint-amber: rgba(249, 115, 22, .14);--on-amber: #fdba74;--tint-yellow: rgba(234, 179, 8, .14);--on-yellow: #fde047;--tint-violet: rgba(139, 92, 246, .16);--on-violet: #c4b5fd;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 16px 40px -10px rgba(0, 0, 0, .6), 0 4px 12px -4px rgba(0, 0, 0, .4)}html.theme-anim *,html.theme-anim *:before,html.theme-anim *:after{transition:background-color .3s ease,border-color .3s ease,color .2s ease!important}.due-overdue,.tag.danger{background:var(--tint-red);color:var(--on-red)}.due-done,.tag.success{background:var(--tint-green);color:var(--on-green)}.due-today{background:var(--tint-amber);color:var(--on-amber)}.due-soon{background:var(--tint-yellow);color:var(--on-yellow)}.stat-icon.red{background:var(--tint-red);color:var(--on-red)}.stat-icon.green{background:var(--tint-green);color:var(--on-green)}.stat-icon.violet{background:var(--tint-violet);color:var(--on-violet)}.stat-icon.blue{background:var(--primary-tint);color:var(--primary)}.alert{background:var(--tint-red);color:var(--on-red)}.info{background:var(--primary-tint);color:var(--text)}.empty-art{background:var(--primary-tint)}.ws-mark{background:linear-gradient(135deg,#2952ff,#7c3aed)}.group-label.g-today{color:var(--on-amber)}.text-danger{color:var(--on-red)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#172036 25%,#1f2a42 37%,#172036 63%);background-size:800px 100%}[data-theme=dark] .btn{background:var(--surface);color:var(--text);border-color:var(--line)}[data-theme=dark] .btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}[data-theme=dark] .btn.success{background:#0f9f6e;border-color:#0f9f6e;color:#fff}[data-theme=dark] .btn.link,[data-theme=dark] .btn.ghost{background:transparent;border-color:transparent}[data-theme=dark] .btn.ghost:hover{background:var(--hover)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface-2);border-color:var(--line);color:var(--text)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--muted-2)}[data-theme=dark] .seg{background:var(--surface-2)}[data-theme=dark] .seg button.on{background:var(--surface)}[data-theme=dark] .column{background:var(--surface-2)}[data-theme=dark] .card-note{background:var(--surface);box-shadow:none;border:1px solid var(--line)}[data-theme=dark] .pcard-menu .icon-btn{background:#131a2ae6;color:var(--text)}[data-theme=dark] .switch span{background:var(--line-strong)}[data-theme=dark] .search-trigger{background:var(--surface-2)}[data-theme=dark] .auth{background:radial-gradient(circle at 50% 0%,#17204a,var(--bg) 60%)}[data-theme=dark] .np-item{border-color:var(--line-2)}[data-theme=dark] .pin{box-shadow:0 0 0 6px #5b7cff4d}[data-theme=dark] .menu-item.active{background:var(--primary-tint)}[data-theme=dark] .history,[data-theme=dark] .code-box{background:var(--surface-2)}[data-theme=dark] .code-box code{color:var(--text-2)}[data-theme=dark] .export-name.trello,[data-theme=dark] .export-name.jira{color:#7ea6ff}[data-theme=dark] .welcome-hero{background:radial-gradient(circle at 30% 20%,#4c6bff,#1a2fa8)}[data-theme=dark] .ptr.head{background:var(--surface-2)}[data-theme=dark] .fullscreen{background:var(--bg)}[data-theme=dark] .toast{background:#e6e9f2;color:#0b0f19}[data-theme=dark] kbd{background:var(--surface-2);border-color:var(--line);box-shadow:none}[data-theme=dark] img.avatar{outline:1px solid var(--line)}.avatars .avatar{border-color:var(--surface)}.rot-90{transform:rotate(-90deg)}.rot-90r{transform:rotate(90deg)}.rot-180{transform:rotate(180deg)}.icon-btn.xs{padding:4px;border-radius:6px}.icon-btn:disabled{opacity:.35;cursor:default;background:none}.icon-btn.bordered{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-sm);color:var(--text-2)}.icon-btn.bordered.active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 45%,var(--line));background:var(--primary-tint)}.icon-count{display:inline-flex;align-items:center;gap:3px}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px}.theme-toggle svg{transition:transform .35s var(--ease)}.theme-toggle:hover svg{transform:rotate(-20deg)}.sidebar-top{gap:6px}.project{background:var(--bg)}.project-bar{background:var(--surface);border-top:1px solid var(--line);gap:10px}.project-bar .seg button{padding:6px 12px}.inbox-top{background:var(--surface);border-bottom:1px solid var(--line);padding:10px 16px;gap:10px;min-height:56px}.crumb{display:flex;align-items:center;gap:6px;min-width:0;font-size:14px}.crumb>span{max-width:220px}.pager{display:flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.pager small{padding:0 6px;font-variant-numeric:tabular-nums}.resolve-btn:hover{border-color:var(--success);color:var(--success)}.btn.success{background:var(--success);border-color:var(--success);color:#fff}.notes-panel{background:var(--surface);border-right:1px solid var(--line);width:340px}.np-search{background:var(--surface-2);border-color:transparent;border-radius:10px;margin:14px 14px 10px;transition:background .15s,border-color .15s,box-shadow .15s}.np-search:focus-within{background:var(--surface);border-color:var(--primary-soft);box-shadow:0 0 0 4px var(--primary-tint)}.np-search input{background:transparent;box-shadow:none!important}.np-head{padding:0 14px 8px}.np-group{padding:12px 16px 6px;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--muted-2)}.np-item{margin:2px 8px;padding:10px;border-radius:12px;border:1px solid transparent;border-bottom-color:transparent;gap:10px}.np-item.sel{background:var(--sel);color:var(--text);border-color:color-mix(in srgb,var(--primary) 30%,transparent);box-shadow:inset 3px 0 0 var(--primary)}.np-item.sel .muted{color:var(--muted)}.np-item.sel .pin.static{background:var(--primary);color:#fff}.np-item b{font-size:13px;color:var(--text-2)}.np-text{color:var(--text);font-weight:500;margin:1px 0 2px}.show-completed{border-top:1px solid var(--line);color:var(--text-2)}.bulk-bar{background:var(--surface);border-top:1px solid var(--line)}.select-all{color:var(--muted)}.inbox-split{background:var(--canvas)}.canvas-area{background-color:var(--canvas);background-image:radial-gradient(var(--canvas-dot) 1px,transparent 1px);background-size:18px 18px;padding:18px 24px 32px;display:flex;flex-direction:column;align-items:center}.canvas-tools{display:flex;align-items:center;gap:10px;width:100%;max-width:1100px;margin-bottom:14px}.url-chip{display:inline-flex;align-items:center;gap:8px;max-width:420px;padding:6px 12px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--text-2);font-size:12.5px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--shadow-sm)}.url-chip:hover{border-color:var(--line-strong)}.url-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex:none}.shot{border-radius:12px;overflow:visible;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);animation:fadeUp .3s var(--ease)}.shot img{border-radius:11px}.shot.fit{width:100%;max-width:1100px}.shot.fit img{width:100%}.shot:not(.fit){max-width:none}.shot:not(.fit) img{max-width:none}.canvas-area:has(.shot:not(.fit)){align-items:flex-start}.pin{width:30px;height:30px;font-size:12.5px;border:2px solid #fff;transition:transform .2s var(--ease),box-shadow .2s}.pin:hover{transform:translate(-50%,-50%) scale(1.12)}.pin.sel{transform:translate(-50%,-50%) scale(1.18);box-shadow:0 0 0 8px #2952ff40,0 6px 16px #00000040;outline:none}.pin.done.sel{box-shadow:0 0 0 8px #10b98140,0 6px 16px #00000040}.pin.static{border:0}.pin-pop{background:var(--surface);border:1px solid var(--line)}.no-shot{margin:auto;text-align:center}.detail{width:400px;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.detail>section{border-bottom:0}.d-head{padding:18px 20px 14px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)!important}.d-kicker{display:flex;align-items:center;gap:8px}.d-num{font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-2);padding:3px 8px;border-radius:7px;font-variant-numeric:tabular-nums}.d-title{font-size:18px;font-weight:650;line-height:1.4;letter-spacing:-.01em;white-space:pre-wrap;word-break:break-word}.d-author{display:flex;align-items:center;gap:8px;font-size:13px}.d-props{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line)!important}.prop2{display:grid;grid-template-columns:116px 1fr;align-items:center;min-height:38px;padding:0 8px;border-radius:10px;transition:background .15s}.prop2:hover{background:var(--hover)}.prop2-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13.5px;font-weight:500;white-space:nowrap}.prop2-label .ic{color:var(--muted-2)}.prop2-value{display:flex;align-items:center;gap:4px;min-width:0}.prop2-value .menu-wrap{min-width:0}.prop2-value .btn.ghost{padding:5px 8px;font-weight:500;font-size:13.5px;color:var(--text);border-radius:8px;max-width:100%}.prop2-value .btn.ghost:hover{background:var(--surface-2)}.date-pill{position:relative;display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;font-size:13.5px;font-weight:500;cursor:pointer}.date-pill:hover{background:var(--surface-2)}.date-pill input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;padding:0}.date-pill input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.d-toggle{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font-size:13px;font-weight:600;padding:8px;margin-top:2px;border-radius:8px}.d-toggle:hover{color:var(--text)}.d-toggle .ic{transition:transform .2s var(--ease)}.meta-grid{display:grid;grid-template-columns:84px 1fr;gap:6px 10px;font-size:12.5px;margin:0 8px 4px;padding:12px;background:var(--surface-2);border-radius:10px;animation:fadeUp .2s var(--ease)}.meta-grid dt{color:var(--muted)}.meta-grid dd{margin:0;color:var(--text-2);word-break:break-all}.file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px 8px 6px}.file-card{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2)}.file-card a{display:flex;flex-direction:column;text-decoration:none;color:var(--text-2);font-size:12px}.file-card img{width:100%;height:64px;object-fit:cover}.file-card .file-ext{height:64px;display:grid;place-items:center;text-transform:uppercase;font-weight:800;color:var(--muted);letter-spacing:.05em}.file-card .ellipsis{padding:6px 8px}.file-card .icon-btn{position:absolute;top:4px;right:4px;background:var(--surface);opacity:0;transition:opacity .15s}.file-card:hover .icon-btn{opacity:1}.d-tabs{display:flex;gap:18px;padding:0 20px;border-bottom:1px solid var(--line)}.d-tabs button{border:0;background:none;padding:12px 0 10px;font-weight:600;font-size:13.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;gap:6px;align-items:center}.d-tabs button span{font-size:11px;background:var(--surface-2);color:var(--muted);padding:1px 7px;border-radius:99px}.d-tabs button.on{color:var(--text);border-color:var(--primary)}.d-thread{flex:1;overflow:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.comment{display:flex;gap:10px;animation:fadeUp .25s var(--ease)}.comment-body{flex:1;min-width:0;background:var(--surface-2);border-radius:4px 12px 12px;padding:8px 12px 10px}.comment-body p{white-space:pre-wrap;word-break:break-word;margin-top:2px;color:var(--text);font-size:14px}.comment-body small{font-size:12px}.timeline{list-style:none;margin:0;padding:0 0 0 4px;display:flex;flex-direction:column;gap:14px;font-size:13.5px}.timeline li{display:flex;gap:12px;position:relative}.timeline li:not(:last-child):after{content:"";position:absolute;left:4px;top:16px;bottom:-14px;width:1px;background:var(--line)}.tl-dot{width:9px;height:9px;border-radius:50%;background:var(--primary);margin-top:6px;flex:none;box-shadow:0 0 0 3px var(--primary-tint)}.tl-dot.first{background:var(--muted-2);box-shadow:0 0 0 3px var(--surface-2)}.timeline i{font-style:normal;font-weight:600;color:var(--text)}.composer{display:flex;gap:10px;padding:12px 16px 14px;border-top:1px solid var(--line);background:var(--surface)}.composer-box{flex:1;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s,box-shadow .15s;overflow:hidden}.composer-box:focus-within{border-color:var(--primary-soft);box-shadow:0 0 0 4px var(--primary-tint)}.composer-box textarea{border:0;resize:none;box-shadow:none!important;background:transparent;padding:10px 12px 4px}.composer-actions{display:flex;align-items:center;gap:6px;padding:4px 6px 6px 12px}.note-modal-body{background:var(--canvas)}.note-modal-body .detail{width:420px}@media(max-width:1100px){.detail{width:360px}.notes-panel{width:300px}.crumb>span{display:none}.crumb>.ic{display:none}}@media(max-width:900px){.detail{width:100%;overflow:visible}.d-thread{overflow:visible}.inbox-top{flex-wrap:wrap}.pager{display:none}.canvas-area{padding:14px}.project-bar .seg button{padding:6px 8px}.project-bar .btn{padding:7px 10px}}.board-head{display:flex;align-items:center;gap:12px;padding:14px 22px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.board-title{display:flex;align-items:center;gap:18px;min-width:0}.board-title h2{font-size:17px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.board-progress{display:flex;align-items:center;gap:10px}.board-progress .progress{width:140px;margin:0}.board-progress small{white-space:nowrap;font-variant-numeric:tabular-nums}.search-box.sm{min-width:200px}.search-box.sm input{padding:7px 0;font-size:13.5px}.board{gap:14px;padding:18px 22px 22px;scroll-padding:0 22px;align-items:flex-start;scroll-behavior:smooth;scroll-snap-type:x proximity}.bcol{width:300px;flex:none;max-height:100%;display:flex;flex-direction:column;background:var(--surface-2);border:1px solid transparent;border-radius:16px;scroll-snap-align:start;transition:background .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.bcol:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--col);opacity:.9}.bcol.drag-active{border-color:var(--line)}.bcol.over{background:color-mix(in srgb,var(--col) 9%,var(--surface-2));border-color:color-mix(in srgb,var(--col) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--col) 18%,transparent)}.bcol-head{display:flex;align-items:center;gap:8px;padding:14px 14px 10px}.bcol-dot{width:9px;height:9px;border-radius:50%;background:var(--col);box-shadow:0 0 0 3px color-mix(in srgb,var(--col) 22%,transparent);flex:none}.bcol-head h3{font-size:13.5px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcol-count{font-size:12px;font-weight:700;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:0 8px;border-radius:99px;line-height:20px;font-variant-numeric:tabular-nums}.bcol-tag{margin-left:auto;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:var(--primary-tint);padding:2px 7px;border-radius:6px}.bcol-tag.done{color:var(--on-green);background:var(--tint-green)}.bcol-list{padding:2px 10px 12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:60px}.bcol-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 10px;border:1.5px dashed var(--line-strong);border-radius:12px;color:var(--muted-2);font-size:13px;font-weight:500;transition:border-color .2s,color .2s}.bcol.over .bcol-empty{border-color:var(--col);color:var(--col)}.bcol-drop{padding:12px;border:1.5px dashed var(--col);border-radius:12px;text-align:center;font-size:12.5px;font-weight:600;color:var(--col);background:color-mix(in srgb,var(--col) 8%,transparent);animation:fadeUp .15s var(--ease)}.bcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:grab;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease),box-shadow .18s,border-color .18s,opacity .18s;animation:fadeUp .25s var(--ease) both}.bcard:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)}.bcard:active{cursor:grabbing}.bcard.dragging{opacity:.35;transform:scale(.98);box-shadow:none}.bcard.done .bcard-text{color:var(--muted)}.bcard.done .bcard-shot img{filter:grayscale(.6);opacity:.75}.bcard-shot{position:relative;height:110px;overflow:hidden;background:var(--surface-2);border-bottom:1px solid var(--line)}.bcard-shot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block;transition:transform .3s var(--ease)}.bcard:hover .bcard-shot img{transform:scale(1.03)}.bcard-pin{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 0 0 4px #2952ff40}.bcard-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.bcard-top{display:flex;align-items:center;gap:6px}.bcard-check{width:18px;height:18px;border-radius:50%;background:var(--success);color:#fff;display:grid;place-items:center}.prio{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;text-transform:capitalize;padding:2px 7px;border-radius:6px;background:var(--surface-2);color:var(--text-2)}.prio-high,.prio-urgent{background:var(--tint-red);color:var(--on-red)}.prio-medium{background:var(--tint-amber);color:var(--on-amber)}.prio-low{background:var(--tint-green);color:var(--on-green)}.bcard-text{font-size:14px;font-weight:500;line-height:1.45;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.bcard-host{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}.bcard-foot{display:flex;align-items:center;gap:8px;font-size:12px;min-height:22px}.avatar.empty-av.sm{width:22px;height:22px;color:var(--muted-2);border-style:dashed}[data-theme=dark] .bcol{background:#10172a}[data-theme=dark] .bcol.over{background:color-mix(in srgb,var(--col) 12%,#10172a)}[data-theme=dark] .bcard-pin{border-color:#131a2a}@media(max-width:900px){.board-head{padding:12px 14px;gap:8px}.board-progress{display:none}.search-box.sm{min-width:0;flex:1 1 140px}.board{padding:14px;gap:12px;scroll-snap-type:x mandatory}.bcol{width:82vw;max-width:320px}}.search-box input,.np-search input,.palette-input input,.composer-box textarea{background:transparent!important;border:0!important}.tasks-page .page-head{align-items:flex-end}.tasks-page .eyebrow{margin-bottom:4px}.bucket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.bucket{--tone: var(--primary);--tone-bg: var(--primary-tint);position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s,border-color .2s,background .2s;animation:fadeUp .35s var(--ease) both}.bucket:nth-child(2){animation-delay:40ms}.bucket:nth-child(3){animation-delay:80ms}.bucket:nth-child(4){animation-delay:.12s}.bucket:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.bucket.on{border-color:var(--tone);background:color-mix(in srgb,var(--tone) 7%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 16%,transparent)}.bucket.tone-red{--tone: var(--on-red);--tone-bg: var(--tint-red)}.bucket.tone-amber{--tone: var(--on-amber);--tone-bg: var(--tint-amber)}.bucket.tone-blue{--tone: var(--primary);--tone-bg: var(--primary-tint)}.bucket.tone-slate{--tone: var(--muted);--tone-bg: var(--surface-2)}.bucket-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--tone-bg);color:var(--tone);flex:none}.bucket-text{display:flex;flex-direction:column;line-height:1.2}.bucket-text b{font-size:22px;font-weight:750;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.bucket-text small{color:var(--muted);font-size:13px;font-weight:500}.bucket-x{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--tone);color:#fff;display:grid;place-items:center}.tt-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.tt-toolbar .btn.ghost-border{gap:7px}.tt-toolbar .btn.is-set{border-color:color-mix(in srgb,var(--primary) 45%,var(--line));color:var(--primary)}.search-box .icon-btn.xs{margin-right:-6px}.active-filters{display:flex;align-items:center;gap:8px;margin:0 0 12px;flex-wrap:wrap;animation:fadeUp .2s var(--ease)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));background:var(--primary-tint);color:var(--primary);font-size:12.5px;font-weight:600}.chip:hover{background:color-mix(in srgb,var(--primary) 18%,var(--surface))}.tt{padding:0;overflow:hidden}.tt{--cols: minmax(220px, 1fr) minmax(110px, 170px) 104px 112px 118px 24px}.tt.with-assignee{--cols: minmax(200px, 1fr) minmax(110px, 160px) 104px 112px 118px 52px 24px}.tt-head,.tt-row{display:grid;grid-template-columns:var(--cols);align-items:center;gap:12px;padding:0 18px}.tt-head{height:40px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.tt-group+.tt-group{border-top:1px solid var(--line)}.tt-group-head{display:flex;align-items:center;gap:8px;width:100%;border:0;background:var(--surface);padding:12px 18px 8px;text-align:left;color:var(--muted)}.tt-group-head .ic{transition:transform .2s var(--ease)}.tt-group-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.tt-group.g-overdue .tt-group-label{color:var(--on-red)}.tt-group.g-today .tt-group-label{color:var(--on-amber)}.tt-group-count{font-size:11px;font-weight:700;padding:1px 8px;border-radius:99px;background:var(--surface-2);color:var(--muted)}.tt-row{min-height:58px;border-top:1px solid var(--line-2);cursor:pointer;transition:background .15s,opacity .35s,transform .35s var(--ease);animation:fadeUp .3s var(--ease) both}.tt-group-head+.tt-row{border-top:0}.tt-row:hover{background:var(--hover)}.tt-row.leaving{opacity:.3;transform:translate(10px)}.tt-row.is-done .tt-title{text-decoration:line-through;color:var(--muted)}.tt-task{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 0}.tt-title{font-weight:550;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt-sub{display:flex;gap:10px;font-size:12px;margin-top:1px}.tt-cell{min-width:0;display:flex;align-items:center}.tt-project .proj-chip{min-width:0;font-size:13px}.tt-go{color:var(--muted-2);opacity:0;transform:translate(-4px);transition:opacity .15s,transform .15s;justify-content:flex-end}.tt-row:hover .tt-go{opacity:1;transform:none}.tt-assignee{justify-content:center}.tt-add-date{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;opacity:0;transition:opacity .15s}.tt-row:hover .tt-add-date{opacity:1}.prio-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;background:transparent;padding:4px 8px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--muted);transition:background .15s,border-color .15s}.prio-btn:hover{border-color:var(--line);background:var(--surface)}.prio-btn.prio-high,.prio-btn.prio-urgent{color:var(--on-red)}.prio-btn.prio-medium{color:var(--on-amber)}.prio-btn.prio-low{color:var(--on-green)}@media(max-width:1100px){.tt,.tt.with-assignee{--cols: minmax(200px, 1fr) 110px 120px 120px 30px}.tt-project,.tt-assignee,.tt-head .tt-project,.tt-head .tt-assignee{display:none}}@media(max-width:760px){.bucket-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bucket{padding:12px}.tt-head{display:none}.tt-row{grid-template-columns:1fr auto;grid-template-areas:"task due" "task prio";padding:6px 14px;row-gap:2px}.tt-row>.tt-task{grid-area:task}.tt-row>.tt-cell:nth-child(3){grid-area:prio;justify-content:flex-end}.tt-row>.tt-cell:nth-child(5){grid-area:due;justify-content:flex-end}.tt-row>.tt-cell:nth-child(4),.tt-go{display:none}.tt-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tt-toolbar .seg.sm button{padding:6px 8px}}[data-theme=dark] .status-chip{color:color-mix(in srgb,var(--c) 55%,#fff);background:color-mix(in srgb,var(--c) 22%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent)}.projects-page .eyebrow{margin-bottom:4px}.portfolio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.4fr);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);margin-bottom:20px;animation:fadeUp .35s var(--ease) both}.pf-item{display:flex;align-items:center;gap:12px;padding:16px 20px;min-width:0}.pf-item+.pf-item{border-left:1px solid var(--line)}.pf-item b{font-size:22px;font-weight:750;letter-spacing:-.02em;display:block;line-height:1.15;font-variant-numeric:tabular-nums}.pf-item small{color:var(--muted);font-size:13px;font-weight:500}.pf-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary);flex:none}.pf-icon.red{background:var(--tint-red);color:var(--on-red)}.pf-avg b{font-size:15px}.pf-avg .progress{height:8px;margin-top:8px}.pj-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.pj-toolbar .search-box{min-width:0;flex:0 1 200px}.pj-toolbar .btn.ghost-border{padding:8px 10px}.htabs button{padding:7px 10px}.htabs{display:inline-flex;gap:2px;padding:3px;background:var(--surface-2);border-radius:12px;flex-wrap:wrap}.htabs button{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:7px 12px;border-radius:9px;font-weight:600;font-size:13.5px;color:var(--muted);transition:background .2s,color .2s,box-shadow .2s}.htabs button:hover{color:var(--text)}.htabs button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.htab-count{font-size:11px;font-weight:700;padding:0 7px;line-height:18px;border-radius:99px;background:var(--surface-2);color:var(--muted)}.htabs button.on .htab-count{background:var(--primary-tint);color:var(--primary)}.hdot{width:8px;height:8px;border-radius:50%}.h-track{--h: #12b981;--h-bg: var(--tint-green);--h-fg: var(--on-green)}.h-risk{--h: #f59e0b;--h-bg: var(--tint-amber);--h-fg: var(--on-amber)}.h-overdue{--h: #ef4444;--h-bg: var(--tint-red);--h-fg: var(--on-red)}.h-done{--h: #2952ff;--h-bg: var(--primary-tint);--h-fg: var(--primary)}.h-idle{--h: #94a3b8;--h-bg: var(--surface-2);--h-fg: var(--muted)}.hdot{background:var(--h)}.health{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:7px;background:var(--h-bg);color:var(--h-fg);white-space:nowrap}.pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.pc{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;animation:fadeUp .4s var(--ease) both}.pc:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.pc-cover{position:relative;height:84px;background:radial-gradient(circle at 85% -20%,color-mix(in srgb,var(--accent) 55%,transparent) 0,transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--surface)),color-mix(in srgb,var(--accent) 6%,var(--surface)));background-size:cover;background-position:top center}.pc-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(color-mix(in srgb,var(--accent) 25%,transparent) 1px,transparent 1px);background-size:14px 14px;opacity:.55}.pc-cover.has-img:after{display:none}.pc-cover-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.18));opacity:0}.pc-cover.has-img .pc-cover-shade{opacity:1}.pc-tile{position:absolute;left:18px;bottom:-20px;z-index:2;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;font-size:19px;border:3px solid var(--surface);box-shadow:0 6px 16px -4px color-mix(in srgb,var(--accent) 60%,transparent)}.pc-menu{position:absolute;top:10px;right:10px;z-index:3;opacity:0;transition:opacity .15s}.pc:hover .pc-menu,.pc-menu:focus-within{opacity:1}.pc-menu .icon-btn{background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);box-shadow:var(--shadow-sm)}.pc-body{padding:28px 18px 16px;display:flex;flex-direction:column;gap:12px;flex:1}.pc-titlerow{display:flex;align-items:flex-start;gap:12px}.pc-titlerow h3{font-size:16.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:5px}.pc-desc{color:var(--text-2);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}.ring{flex:none;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:5}.ring-track{stroke:var(--surface-2)}.ring-bar{stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)}.ring text{transform:rotate(90deg);transform-origin:center;font-size:11.5px;font-weight:700;fill:var(--text)}.pc-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface-2);border-radius:12px;padding:10px 4px}.pc-stats div{text-align:center;line-height:1.2}.pc-stats div+div{border-left:1px solid var(--line)}.pc-stats b{display:block;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.pc-stats small{font-size:11.5px;color:var(--muted);font-weight:500}.pc-stats .bad b{color:var(--on-red)}.pc-foot{display:flex;align-items:center;gap:8px;margin-top:auto}.pc-due{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-2)}.pc-due i{font-style:normal;color:var(--muted-2)}.pc-due.late{color:var(--on-red)}.avatar.more{background:var(--surface-2);color:var(--muted);font-size:11px;width:26px;height:26px;border:2px solid var(--surface);margin-left:-8px}.pc-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:300px;border:1.5px dashed var(--line-strong);border-radius:18px;background:transparent;color:var(--text-2);transition:border-color .2s,background .2s,color .2s,transform .2s var(--ease);animation:fadeUp .4s var(--ease) both}.pc-new:hover{border-color:var(--primary);background:var(--primary-tint);color:var(--primary);transform:translateY(-2px)}.pc-new-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--primary);box-shadow:var(--shadow-sm);margin-bottom:4px}.pl{padding:0;overflow:hidden}.pl-row{display:grid;grid-template-columns:minmax(180px,2fr) 104px minmax(100px,1fr) 64px 104px 72px 32px;gap:12px;align-items:center;padding:12px 20px;border-top:1px solid var(--line-2);cursor:pointer;transition:background .15s;animation:fadeUp .3s var(--ease) both}.pl-row:hover{background:var(--hover)}.pl-head{border-top:0;cursor:default;height:42px;padding-top:0;padding-bottom:0;background:var(--surface-2);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);animation:none}.pl-head:hover{background:var(--surface-2)}.pl-progress{display:flex;align-items:center;gap:8px}.pl-progress .progress{flex:1;margin:0}.pl-progress small{font-weight:700;font-size:12px;min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.pl-num{font-weight:600;font-variant-numeric:tabular-nums}.pl-due b{font-size:13px}.pl-due small{font-size:11.5px}@media(max-width:1100px){.portfolio{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-avg{grid-column:1 / -1;border-left:0!important;border-top:1px solid var(--line)}.pl-row{grid-template-columns:minmax(200px,2fr) 110px minmax(110px,1fr) 70px 40px}.pl-row>:nth-child(5),.pl-row>:nth-child(6){display:none}}@media(max-width:760px){.portfolio{grid-template-columns:1fr 1fr}.pf-item:nth-child(3){border-left:0;border-top:1px solid var(--line)}.pf-item:nth-child(2){border-left:1px solid var(--line)}.pf-item{padding:12px 14px}.htabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.htabs button{white-space:nowrap}.pj-toolbar .search-box{flex:1;min-width:0}.pc-grid{grid-template-columns:1fr}.pc-new{min-height:140px}.pl-row{grid-template-columns:1fr auto 40px}.pl-row>:nth-child(3),.pl-row>:nth-child(4){display:none}.pl-head{display:none}}.pj-controls{display:flex;align-items:center;gap:10px;margin-left:auto}@media(max-width:760px){.pj-controls{width:100%;margin-left:0}}.home2{display:flex;flex-direction:column;gap:20px}.hero2{position:relative;overflow:hidden;display:flex;align-items:center;gap:28px;padding:28px 32px;border-radius:22px;color:#fff;background:radial-gradient(circle at 92% 10%,rgba(255,255,255,.18) 0,transparent 35%),radial-gradient(circle at 70% 120%,rgba(124,58,237,.55) 0,transparent 55%),linear-gradient(120deg,#1d3bff,#3b5bff 45%,#6d4dff);box-shadow:0 18px 40px -18px #2952ffa6;animation:fadeUp .4s var(--ease) both}.hero2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,transparent 30%,#000);mask-image:linear-gradient(90deg,transparent 30%,#000);pointer-events:none}[data-theme=dark] .hero2{background:radial-gradient(circle at 92% 10%,rgba(255,255,255,.1) 0,transparent 35%),radial-gradient(circle at 70% 120%,rgba(124,58,237,.5) 0,transparent 55%),linear-gradient(120deg,#1a2db8,#2a3fd0 45%,#4a2fbf);box-shadow:0 18px 40px -18px #000000b3}.hero2-main{flex:1;min-width:0;position:relative;z-index:1}.hero2-date{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;opacity:.85;letter-spacing:.02em}.hero2 h1{font-size:32px;font-weight:800;letter-spacing:-.03em;margin:6px 0 4px}.hero2-sub{opacity:.88;font-size:15px}.focus{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:6px 12px;border-radius:99px;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13.5px;font-weight:600;border:1px solid rgba(255,255,255,.22)}.focus-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d3994d;animation:pulse 2s infinite}.focus-red .focus-dot{background:#fca5a5;box-shadow:0 0 0 3px #fca5a54d}.focus-amber .focus-dot{background:#fcd34d;box-shadow:0 0 0 3px #fcd34d4d}@keyframes pulse{50%{box-shadow:0 0 0 6px transparent}}.hero2-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.hero-btn{background:#ffffff24!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;box-shadow:none!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-btn:hover{background:#ffffff3d!important}.hero-btn.primary{background:#fff!important;color:#1d3bff!important;border-color:#fff!important}.hero-btn.primary:hover{background:#eef2ff!important}.hero-btn kbd{background:#ffffff2e;border-color:#ffffff40;color:#fff;box-shadow:none}.hero2-side{position:relative;z-index:1;display:flex;align-items:center;gap:18px;padding:14px 18px;border-radius:18px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-ring{transform:rotate(-90deg);flex:none}.hero-ring circle{fill:none;stroke-width:8}.hr-track{stroke:#fff3}.hr-bar{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease)}.hero-ring text{transform:rotate(90deg);transform-origin:center;fill:#fff}.hr-val{font-size:20px;font-weight:800}.hr-lbl{font-size:9.5px;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.06em}.hero2-mini{display:flex;flex-direction:column;gap:10px}.hero2-mini b{font-size:20px;font-weight:800;display:block;line-height:1.1}.hero2-mini small{font-size:12px;opacity:.85}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{position:relative;display:flex;flex-direction:column;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;animation:fadeUp .4s var(--ease) both}a.kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong)}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.kpi-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.kpi-icon.blue{background:var(--primary-tint);color:var(--primary)}.kpi-icon.violet{background:var(--tint-violet);color:var(--on-violet)}.kpi-icon.red{background:var(--tint-red);color:var(--on-red)}.kpi-icon.green{background:var(--tint-green);color:var(--on-green)}.kpi-go{color:var(--muted-2);opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s}a.kpi:hover .kpi-go{opacity:1;transform:none}.kpi-value{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.kpi-label{font-weight:600;color:var(--text-2);margin-top:6px;font-size:14px}.kpi-sub{font-size:12.5px;color:var(--muted);margin-top:2px}.home2-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px;align-items:start}.col-main,.col-side{display:flex;flex-direction:column;gap:20px;min-width:0}.home2 .panel{animation:fadeUp .45s var(--ease) both}.home2 .panel-head{align-items:flex-start;padding:16px 20px 10px}.home2 .panel-head small{display:block;margin-top:2px;font-size:12.5px}.pad-sm{padding:6px 20px 18px}.ptabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.ptabs button{position:relative;display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:10px 8px 11px;font-weight:600;font-size:13.5px;color:var(--muted);white-space:nowrap;transition:color .15s}.ptabs button:after{content:"";position:absolute;left:6px;right:6px;bottom:-1px;height:2px;border-radius:2px;background:var(--primary);transform:scaleX(0);transition:transform .25s var(--ease)}.ptabs button.on{color:var(--text)}.ptabs button.on:after{transform:scaleX(1)}.ptabs button span{font-size:11px;font-weight:700;min-width:20px;padding:0 6px;line-height:18px;border-radius:99px;background:var(--surface-2);color:var(--muted);text-align:center}.ptabs button.t-overdue span{background:var(--tint-red);color:var(--on-red)}.ptabs button.t-today span{background:var(--tint-amber);color:var(--on-amber)}.ptab-list{animation:fade .25s ease}.ptab-list .task-row:first-child{border-top:0}.more-link{display:block;padding:10px 20px 14px;font-size:13px;font-weight:600;text-decoration:none}.trend{padding:4px 20px 18px}.trend-legend{display:flex;gap:18px;font-size:13px;color:var(--muted);margin-bottom:12px}.trend-legend span{display:inline-flex;align-items:center;gap:6px}.trend-legend b{color:var(--text)}.trend-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.lg-created{background:var(--primary)}.lg-completed{background:var(--success)}.trend-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;height:170px;align-items:end}.tb-col{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:10px;padding:8px 0 0;transition:background .15s;cursor:default}.tb-col.hover{background:var(--hover)}.tb-pair{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid var(--line)}.tb{width:min(16px,30%);min-height:3px;border-radius:5px 5px 2px 2px;transform-origin:bottom;animation:grow .6s var(--ease) both}.tb.created{background:linear-gradient(180deg,var(--primary-soft),var(--primary))}.tb.completed{background:linear-gradient(180deg,#34d399,var(--success))}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.tb-col small{font-size:11.5px;color:var(--muted);font-weight:600;padding-bottom:6px}.tb-col small.today{color:var(--primary)}.tb-tip{position:absolute;bottom:calc(100% - 4px);left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-radius:9px;background:var(--text);color:var(--surface);font-size:12px;white-space:nowrap;box-shadow:var(--shadow);animation:pop .12s var(--ease);pointer-events:none}.tb-tip span{opacity:.8}.mini2{display:flex;align-items:center;gap:12px;padding:10px 20px;text-decoration:none;color:inherit;transition:background .15s}.mini2:hover{background:var(--hover)}.mini2:last-child{padding-bottom:16px}.mini2-pct{font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}.deadlines{display:flex;flex-direction:column;padding:2px 12px 12px;gap:4px}.dl-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;text-decoration:none;color:inherit;transition:background .15s}.dl-item:hover{background:var(--hover)}.dl-cal{width:42px;flex:none;border-radius:10px;overflow:hidden;text-align:center;border:1px solid var(--line);background:var(--surface);line-height:1.1}.dl-cal small{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 0;background:var(--surface-2);color:var(--muted)}.dl-cal b{display:block;font-size:17px;font-weight:800;padding:3px 0 4px}.dl-overdue .dl-cal small{background:var(--tint-red);color:var(--on-red)}.dl-today .dl-cal small,.dl-soon .dl-cal small{background:var(--tint-amber);color:var(--on-amber)}.feed2-list{display:flex;flex-direction:column;padding:0 0 8px}.feed2{display:flex;gap:12px;align-items:flex-start;padding:10px 20px;border:0;background:none;text-align:left;width:100%;transition:background .15s}.feed2:hover{background:var(--hover)}.feed2-avatar{position:relative;flex:none}.feed2-badge{position:absolute;right:-4px;bottom:-3px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--surface);color:#fff;background:var(--primary)}.feed2-badge.t-status{background:#f59e0b}.feed2-badge.t-priority{background:#ef4444}.feed2-badge.t-assignee{background:#7c3aed}.feed2-badge.t-due-date{background:#0891b2}.feed2-badge.t-reply{background:#12b981}.feed2-line{font-size:13.5px;line-height:1.4}.feed2-line .muted b{color:var(--text-2);font-weight:600}.feed2-quote{font-size:13px;color:var(--text-2);margin-top:3px;padding-left:9px;border-left:2px solid var(--line-strong)}.feed2-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted-2);margin-top:3px}.feed2-meta i{font-style:normal}@media(max-width:1100px){.home2-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.hero2{flex-direction:column;align-items:stretch;padding:22px 20px;gap:18px}.hero2 h1{font-size:25px}.hero2-side{justify-content:center}.hero2-actions .btn{flex:1}.hero-btn kbd{display:none}.kpis{gap:10px}.kpi{padding:14px}.kpi-value{font-size:24px}.trend-bars{gap:4px;height:140px}}:root,[data-theme=light]{--bg: #f7f7f8;--surface: #ffffff;--surface-2: #f3f4f6;--hover: #f7f8fa;--line: #e7e8ec;--line-2: #f0f1f4;--line-strong: #d6d8de;--text: #111318;--text-2: #3f4450;--muted: #6b7180;--muted-2: #9aa0ac;--primary: #2f54eb;--primary-soft: #6b86f2;--primary-tint: #eff2fe;--sel: #f2f4fb;--canvas: #f1f2f4;--canvas-dot: #e1e3e8;--shadow-sm: 0 1px 2px rgba(16, 19, 24, .04);--shadow: 0 8px 24px -10px rgba(16, 19, 24, .14)}[data-theme=dark]{--bg: #0e0f12;--side: #121317;--surface: #15171c;--surface-2: #1c1f25;--hover: #1a1c22;--line: #262931;--line-2: #1f2228;--line-strong: #333742;--text: #ececef;--text-2: #c4c7cf;--muted: #8b909c;--muted-2: #676c78;--primary: #6b86f2;--primary-soft: #8ba0f5;--primary-tint: rgba(107, 134, 242, .14);--sel: rgba(107, 134, 242, .1);--canvas: #101115;--canvas-dot: #1d2027;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 10px 28px -12px rgba(0, 0, 0, .6)}.stat-icon,.kpi-icon,.pf-icon,.bucket-icon,.empty-art,.modal-icon,.pc-new-icon{background:var(--surface-2)!important;color:var(--text-2)!important;box-shadow:none!important}.kpi-icon.red,.pf-icon.red,.bucket.tone-red .bucket-icon{color:var(--on-red)!important}.ws-mark{background:var(--text)!important;color:var(--surface)}[data-theme=dark] .ws-mark{background:var(--surface-2)!important;color:var(--text);border:1px solid var(--line)}.eyebrow{color:var(--muted);letter-spacing:.06em}.side-nav a.active{background:var(--surface-2);color:var(--text)}.side-nav a.active .ic{color:var(--text)}.btn.primary,.btn,.icon-btn.bordered,.ws-switch,.search-box,.select-sm,.panel,.kpi,.stat-card,.bucket,.pc,.portfolio,.bcard,.pcard{box-shadow:none}a.kpi:hover,a.stat-card:hover,.pc:hover,.bucket:hover,.bcard:hover{box-shadow:0 4px 14px -8px #1013182e;transform:translateY(-1px)}.hero2{background:var(--surface)!important;color:var(--text);border:1px solid var(--line);box-shadow:none!important}.hero2:after{display:none}.hero2-date,.hero2-sub{color:var(--muted);opacity:1}.hero2-sub b{color:var(--text)}.focus{background:var(--surface-2);border-color:var(--line);color:var(--text-2);-webkit-backdrop-filter:none;backdrop-filter:none}.focus-dot{background:var(--success);box-shadow:none;animation:none}.focus-red .focus-dot{background:var(--danger)}.focus-amber .focus-dot{background:var(--warn)}.hero-btn{background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--text)!important;-webkit-backdrop-filter:none;backdrop-filter:none}.hero-btn:hover{background:var(--hover)!important}.hero-btn.primary{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.hero-btn kbd{background:var(--surface-2);border-color:var(--line);color:var(--muted)}.hero2-side{background:var(--surface-2);border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.hr-track{stroke:var(--line)}.hr-bar{stroke:var(--text)}.hero-ring text{fill:var(--text)}.hr-lbl{fill:var(--muted)}.hero2-mini small{color:var(--muted);opacity:1}.tb.created{background:var(--line-strong)}.tb.completed{background:var(--text)}.lg-created{background:var(--line-strong)}.lg-completed{background:var(--text)}.feed2-badge{background:var(--surface-2)!important;color:var(--muted)!important;border-color:var(--surface)}.feed2-badge .ic{stroke:currentColor}.pc-cover{background:var(--surface-2)!important;height:72px}.pc-cover.has-img{background-size:cover!important;background-position:top center!important}.pc-cover:after{display:none}.pc-tile{box-shadow:none}.ring-bar{stroke:var(--text)!important}.pc-stats{background:transparent;border:1px solid var(--line)}.pcard-cover{background:var(--surface-2)!important}.cover-letter{color:var(--muted-2);text-shadow:none}.htabs button.on .htab-count{background:var(--surface-2);color:var(--text)}.progress span{background:var(--text)!important}[data-theme=dark] .progress span{background:var(--text-2)!important}.bucket.on{background:var(--surface);border-color:var(--text);box-shadow:none}.bucket-x{background:var(--text);color:var(--surface)}.chip{background:var(--surface-2);border-color:var(--line);color:var(--text-2)}.bcol:before{height:2px;opacity:.7}.bcol-tag,.bcol-tag.done{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.prio-low,.prio-btn.prio-low{background:transparent;color:var(--text-2)}.prio-btn.prio-medium,.prio-btn.prio-high,.prio-btn.prio-urgent{background:transparent}.health.h-track,.health.h-done,.health.h-idle{background:var(--surface-2);color:var(--text-2)}.status-chip{color:var(--text-2)!important;background:var(--surface-2)!important;box-shadow:none!important;display:inline-flex;align-items:center;gap:6px}.status-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}.due-soon,.due-later{background:var(--surface-2);color:var(--text-2)}.due-done{background:var(--surface-2);color:var(--muted)}.np-item.sel{box-shadow:inset 2px 0 0 var(--text);border-color:var(--line);background:var(--surface-2)}.np-item.sel .pin.static{background:var(--text);color:var(--surface)}.task-check.on{background:var(--text);border-color:var(--text);color:var(--surface)}.task-check:hover{border-color:var(--text);color:var(--text)}.settings-page{max-width:1040px;padding:36px 32px 60px}.settings-head{margin-bottom:24px}.settings-head h1{font-size:24px;font-weight:700;letter-spacing:-.02em}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}.settings-nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:2px}.settings-user{display:flex;align-items:center;gap:10px;padding:4px 10px 14px;margin-bottom:6px;border-bottom:1px solid var(--line)}.settings-nav a,.settings-signout{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text-2);text-decoration:none;font-weight:500;font-size:14px;border:0;background:none;text-align:left;transition:background .15s,color .15s}.settings-nav a .ic,.settings-signout .ic{color:var(--muted-2)}.settings-nav a:hover,.settings-signout:hover{background:var(--hover);color:var(--text)}.settings-nav a.on{background:var(--surface-2);color:var(--text);font-weight:600}.settings-nav a.on .ic{color:var(--text)}.settings-nav-sep{height:1px;background:var(--line);margin:8px 0}.settings-content{animation:fadeUp .25s var(--ease);min-width:0}.ssection{background:var(--surface);border:1px solid var(--line);border-radius:12px}.ssection-head{padding:20px 24px 16px;border-bottom:1px solid var(--line)}.ssection-head h2{font-size:16px;font-weight:650}.ssection-head p{color:var(--muted);font-size:13.5px;margin-top:3px}.ssection-head p b{color:var(--text-2);font-weight:600}.ssection-body{padding:0 24px}.ssection-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 24px;border-top:1px solid var(--line);background:var(--hover);border-radius:0 0 12px 12px}.sfield{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:24px;padding:18px 0}.sfield+.sfield{border-top:1px solid var(--line-2)}.sfield-label b{display:block;font-size:14px;font-weight:600;color:var(--text)}.sfield-label small,.sfield-label .sfield-help{display:block;color:var(--muted);font-size:13px;margin-top:3px;line-height:1.45}.sfield-label .pw-rules{margin-top:8px;font-size:12.5px}.sfield-control{display:flex;flex-direction:column;gap:6px;max-width:420px;justify-content:center}.sfield-control input:not([type=checkbox]){margin:0}.field-error{color:var(--on-red);font-size:12.5px}.danger-link{color:var(--on-red)!important}.toggle-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;font-weight:500;font-size:14px;color:var(--text-2);cursor:pointer}.toggle-row+.toggle-row{border-top:1px solid var(--line-2)}.toggle-row:hover{background:var(--hover)}.toggle-row .switch span{flex:none}.switch input:checked+span{background:var(--text)}[data-theme=dark] .switch input:checked+span{background:var(--primary)}.theme-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:520px}.theme-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left;transition:border-color .15s,box-shadow .15s}.theme-card:hover{border-color:var(--line-strong)}.theme-card.on{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.theme-preview{height:64px;border-radius:8px;display:grid;grid-template-columns:30% 1fr;grid-template-rows:1fr 1fr;gap:5px;padding:7px;border:1px solid var(--line)}.theme-preview i{border-radius:4px}.theme-preview i:first-child{grid-row:1 / 3}.tp-light{background:#f7f7f8}.tp-light i{background:#fff;border:1px solid #e7e8ec}.tp-dark{background:#0e0f12;border-color:#262931}.tp-dark i{background:#1c1f25}.tp-system{background:linear-gradient(110deg,#f7f7f8 50%,#0e0f12 50%)}.tp-system i{background:#80808c59}.theme-card-text b{display:block;font-size:13.5px}.theme-card-text small{color:var(--muted);font-size:12px}.theme-radio{position:absolute;top:18px;right:18px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--surface)}.theme-card.on .theme-radio{border:5px solid var(--text)}@media(max-width:860px){.settings-page{padding:20px 16px 48px}.settings-layout{grid-template-columns:1fr;gap:16px}.settings-nav{position:static;flex-direction:row;overflow-x:auto;gap:4px;border-bottom:1px solid var(--line);padding-bottom:8px;scrollbar-width:none}.settings-user,.settings-nav-sep{display:none}.settings-nav a,.settings-signout{white-space:nowrap}.sfield{grid-template-columns:1fr;gap:10px}.ssection-body,.ssection-head,.ssection-foot{padding-left:16px;padding-right:16px}.theme-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.project{background:var(--surface)}.project-top{display:flex;align-items:center;gap:10px;height:54px;padding:0 16px 0 10px;background:var(--surface);border-bottom:1px solid var(--line);flex:none}.project-top .proj-tile{width:26px;height:26px;border-radius:7px;font-size:12px;box-shadow:none}.project-top .bar-title{padding:4px 8px}.project-top .bar-title b{font-size:14.5px;font-weight:650}.project-top .bar-title small{font-size:12px}.project-top .avatars{margin-right:4px}.project-top .seg{background:transparent;border:1px solid var(--line);padding:2px;border-radius:9px}.project-top .seg button{padding:5px 11px;font-size:13px}.project-top .seg button.on{background:var(--surface-2);box-shadow:none}.project-top .btn{padding:6px 12px;font-size:13.5px}.project-top .icon-btn.bordered{border:0;background:transparent}.project-body{background:var(--surface)}.notes-panel{width:320px;background:var(--surface);border-right:1px solid var(--line)}.np-search{margin:12px 12px 6px;background:var(--surface-2);border-radius:8px}.np-search input{font-size:13.5px;padding:8px 2px}.np-head{padding:4px 12px 6px}.np-head b{font-size:13px;color:var(--muted);font-weight:600}.np-head .icon-btn.bordered{border:0;background:none}.select-all{padding:4px 16px 6px;font-size:13px}.np-group{padding:12px 16px 4px;font-size:11px;letter-spacing:.05em;color:var(--muted-2);border-top:1px solid var(--line-2)}.np-group:first-child{border-top:0}.np-item{margin:0;padding:11px 16px 11px 14px;border-radius:0;border:0;border-left:2px solid transparent;gap:10px;align-items:flex-start}.np-item:hover{background:var(--hover)}.np-item.sel{background:var(--surface-2);border-left-color:var(--text);box-shadow:none}.np-item .round{margin-top:3px}.np-item .pin.static{width:22px;height:22px;font-size:10.5px;border-radius:6px;background:var(--surface-2);color:var(--text-2);margin-top:0}.np-item.sel .pin.static,.np-item .pin.static.done{background:var(--text);color:var(--surface)}.np-text{font-size:13.5px;font-weight:500;line-height:1.4;-webkit-line-clamp:2;margin:0 0 4px}.np-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);flex-wrap:wrap}.np-meta .ellipsis{max-width:110px}.np-dot{width:6px;height:6px;border-radius:50%;flex:none}.np-meta .due{padding:1px 6px;font-size:11px}.np-meta .due-later,.np-meta .due-soon{background:transparent;padding:0;color:var(--muted)}.show-completed{font-size:13px;padding:10px 16px}.inbox-top{height:48px;padding:0 12px 0 10px;gap:6px;border-bottom:1px solid var(--line);min-height:0}.inbox-top .icon-btn.active{color:var(--text);background:var(--surface-2)}.pager{border:0;background:none;padding:0;gap:0}.pager small{font-size:13px;font-weight:600;padding:0 4px}.pager .icon-btn{padding:5px 7px}.inbox-split{display:block;overflow:auto;background:var(--surface)}.detail{display:block;width:100%;max-width:820px;margin:0 auto;border:0;overflow:visible;padding:8px 32px 48px}.detail>section{padding-left:0;padding-right:0}.d-head{padding:24px 0 18px;gap:12px;border-bottom:0!important}.d-kicker{gap:10px}.d-num{background:transparent;padding:0;font-size:13px;color:var(--muted)}.d-title{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.3}.d-author{font-size:13.5px;color:var(--muted)}.d-author b{color:var(--text)}.d-props{flex-direction:row;flex-wrap:wrap;gap:4px 28px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)!important}.prop2{display:flex;align-items:center;gap:8px;grid-template-columns:none;min-height:32px;padding:0;border-radius:0}.prop2:hover{background:transparent}.prop2-label{font-size:13px;color:var(--muted)}.prop2-label .ic{display:none}.prop2-value .btn.ghost,.date-pill{padding:4px 8px;margin-left:-8px;font-size:13.5px;font-weight:500}.prop2-value .btn.ghost:hover,.date-pill:hover{background:var(--surface-2)}.d-props .file-grid{flex-basis:100%;padding:6px 0 2px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.d-props .d-toggle{flex-basis:100%;padding:6px 0 0;margin:0;justify-content:flex-start}.d-props .meta-grid{flex-basis:100%;margin:6px 0 0}.d-media{padding:22px 0 6px}.d-media .canvas-area{background:none;padding:0;display:block;overflow:visible}.d-media .canvas-tools{margin-bottom:10px;max-width:none}.d-media .url-chip{background:transparent;border:0;padding:0;font-size:13px;color:var(--muted);box-shadow:none}.d-media .url-chip:hover{color:var(--text)}.d-media .url-dot{display:none}.d-media .shot{display:block;box-shadow:none;border-radius:10px;border:1px solid var(--line);animation:none}.d-media .shot img{border-radius:9px}.d-media .shot.fit{max-width:none}.d-media .no-shot{padding:36px 20px;border:1px dashed var(--line-strong);border-radius:10px;margin:0}.d-media .no-shot .empty-art{display:none}.d-media .seg{background:transparent;border:1px solid var(--line);padding:2px}.d-media .seg button.on{background:var(--surface-2);box-shadow:none}.inbox-split>.canvas-area{background:var(--surface);padding:28px 32px;max-width:880px;margin:0 auto;display:block;overflow:visible}.inbox-split>.canvas-area .shot{box-shadow:none;border:1px solid var(--line)}.inbox-split>.canvas-area .no-shot{padding:80px 20px}.d-tabs{padding:0;margin-top:10px;gap:20px}.d-tabs button{padding:12px 0}.d-tabs button span{background:var(--surface-2)}.d-thread{overflow:visible;padding:18px 0 8px}.comment{gap:12px}.comment-body{background:transparent;border:1px solid var(--line);border-radius:10px;padding:10px 14px 12px}.timeline{padding-left:2px}.composer{padding:8px 0 0;border-top:0;background:transparent}.composer-box{background:var(--surface)}.board-wrap{background:var(--bg)}.board-head{padding:12px 20px}.board-title h2{font-size:15px}.bcol{background:transparent;border:1px solid var(--line);border-radius:12px}.bcol:before{display:none}.bcol-head h3{font-size:13px}.bcol-count{background:transparent;border:0;padding:0}.bcol-tag{display:none}.bcard{border-radius:10px}.bcard-shot{height:96px}.bcard:hover{box-shadow:none;border-color:var(--line-strong);transform:none}.bcol.over{background:var(--surface-2);box-shadow:none;border-color:var(--line-strong)}.bcol-drop{border-color:var(--line-strong);color:var(--text-2);background:transparent}[data-theme=dark] .bcol{background:transparent}[data-theme=dark] .bcol.over{background:var(--surface-2)}.note-modal{background:#10131880;place-items:center;padding:24px}.note-modal-body{width:min(920px,100%);max-height:100%;background:var(--surface);border-radius:14px;overflow:auto;display:block}.note-modal-body .detail{width:100%;max-width:none;padding:8px 36px 40px}.note-modal-body .modal-x{color:var(--muted)}.onboarding{background:var(--surface)}.onb-logo{color:var(--muted-2)}.tabs-folder button.on{background:var(--surface)}.step{border-radius:12px}.step .btn.primary{background:var(--surface);border-color:var(--line);color:var(--text)}.step .btn.primary:hover{background:var(--hover)}.step:first-child .btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}@media(max-width:1100px){.notes-panel{width:290px}}@media(max-width:900px){.project-top{height:auto;padding:8px 12px;flex-wrap:wrap;row-gap:6px}.project-top .grow{display:none}.project-top .seg{order:10;width:100%;display:flex}.project-top .seg button{flex:1;justify-content:center}.detail{padding:4px 16px 40px}.d-title{font-size:21px}.d-props{gap:2px 18px}.notes-panel{inset:0 auto 0 0}.note-modal{padding:0}.note-modal-body{border-radius:0;height:100%}}.board{align-items:stretch}.bcol{min-height:260px}.file-card.video{grid-column:1 / -1}.file-card video{display:block;width:100%;max-height:380px;background:#000}.site{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg)}.site-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap}.site-url{display:flex;align-items:center;gap:2px;flex:1 1 320px;max-width:560px;background:var(--surface-2);border-radius:9px;padding:0 4px}.site-url input{border:0!important;background:transparent!important;box-shadow:none!important;padding:7px 6px;font-size:13px}.site .seg{background:transparent;border:1px solid var(--line);padding:2px}.site .seg button.on{background:var(--surface-2);box-shadow:none}.rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ef4444}.rec-dot.blink{animation:pulse-dot 1s infinite}@keyframes pulse-dot{50%{opacity:.25}}.site-warn{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--tint-amber);color:var(--text);font-size:13.5px;border-bottom:1px solid var(--line)}.site-warn .ic{color:var(--on-amber);flex:none}.site-warn>span{flex:1}.site-stage{flex:1;min-height:0;display:flex;justify-content:center;padding:16px;overflow:auto}.site-frame{position:relative;width:100%;height:100%;min-height:420px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:width .25s var(--ease)}.site-frame.tablet,.site-frame.mobile{flex:none;max-width:100%;box-shadow:0 0 0 6px var(--surface-2)}.site-frame iframe{width:100%;height:100%;border:0;display:block;background:#fff}.site-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;background:#2f54eb0a}.site-frame .pin{z-index:2}.site-frame .pin-pop{z-index:3}.site-foot{display:flex;gap:8px;padding:0 16px 12px;font-size:12.5px;flex-wrap:wrap}.site-empty{margin:auto;max-width:480px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px}.site-empty h2{font-size:20px}.site-empty-form{display:flex;gap:8px;width:100%;margin-top:6px}.rec-pill{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;background:var(--text);color:var(--surface);border-radius:12px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:var(--shadow)}.clip-preview{width:100%;max-height:320px;background:#000;border-radius:10px}@media(max-width:900px){.site-bar{padding:8px 10px}.site-stage{padding:8px}}.note-modal-body .no-shot .muted{color:var(--muted)}.btn.exact-on{border-color:var(--success);color:var(--on-green);background:var(--tint-green)}.site-frame.capturing .pin,.site-frame.capturing .pin-pop{visibility:hidden}.site-frame.capturing .site-layer{background:transparent}.draft-shot{width:100%;max-height:120px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--line);margin-bottom:8px}.site-frozen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;z-index:1;pointer-events:none}.site-frame .site-layer{z-index:1}.frozen-hint{position:absolute;left:50%;top:12px;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;border-radius:10px;background:var(--text);color:var(--surface);font-size:13px;font-weight:600;box-shadow:var(--shadow);pointer-events:auto}.site-frame.capturing .frozen-hint{visibility:hidden}.site-warn.soft{background:var(--surface-2)}.site-warn.soft .ic{color:var(--muted)}.draw-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;margin:0 16px 10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;align-self:center;box-shadow:var(--shadow-sm)}.draw-colors{display:flex;gap:6px}.draw-colors button{width:20px;height:20px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}.draw-colors button.on{box-shadow:0 0 0 2px var(--text)}.draw-fade{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2)}.site-frame.capturing .draw-layer{visibility:hidden}.rec-pill .btn.primary{background:#fff;color:#111827}.auth2{min-height:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--surface)}.auth2-side{display:flex;flex-direction:column;justify-content:space-between;padding:36px 44px;background:var(--surface-2);border-right:1px solid var(--line)}.auth2-pitch h2{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.25;max-width:360px;margin-bottom:22px}.auth2-pitch ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.auth2-pitch li{display:flex;align-items:center;gap:10px;color:var(--text-2);font-size:14.5px}.auth2-pitch li .ic{color:var(--muted)}.auth2-main{display:grid;place-items:center;padding:40px 24px}.auth2-form{width:min(380px,100%);display:flex;flex-direction:column;gap:6px}.auth2-logo{display:none;margin-bottom:18px}.auth2-form h1{font-size:24px;font-weight:700;letter-spacing:-.02em}.auth2-lead{font-size:14px;margin-bottom:18px}.auth2-fields{display:flex;flex-direction:column;gap:14px}.auth2-fields label{font-size:13px;color:var(--text-2)}.auth2-fields input{padding:10px 12px;font-size:14.5px}.auth2-submit{margin-top:6px;width:100%}.auth2-foot{margin-top:22px;font-size:14px}.auth2-foot a{color:var(--text);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line-strong)}.auth2-foot a:hover{border-color:var(--text)}.auth2-terms{font-size:12px;text-align:center}.pw-wrap{position:relative}.pw-wrap input{padding-right:58px}.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 8px;border-radius:6px}.pw-eye:hover{color:var(--text);background:var(--surface-2)}.auth2 .alert{background:var(--surface-2);color:var(--on-red);border:1px solid var(--line);font-size:13.5px}.auth2 .pw-rules{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:12.5px}@media(max-width:900px){.auth2{grid-template-columns:1fr}.auth2-side{display:none}.auth2-logo{display:block}.auth2-main{align-items:start;padding-top:56px}}.auth2-alt{width:100%}.auth2-form h1 .accent{color:var(--primary)}.auth2-form .info{font-size:14px}:root,[data-theme=light]{--x-bg: #f4f5f7;--x-stage: #e9ebef;--x-surface: #ffffff;--x-soft: #f0f1f4;--x-soft-2: #f7f8fa;--x-col: #eceef2;--x-thumb: #eef0f4;--x-line: #e3e5ea;--x-line-2: #eceef2;--x-strong: #d6d9df;--x-dashed: #c4c7cf;--x-text: #14161b;--x-text-2: #3f4450;--x-muted: #5b616e;--x-ink: #14161b;--x-on-ink: #ffffff;--x-blue: #2f54eb;--x-blue-ink: #1f3fc4;--x-blue-tint: #e8ecfd;--x-blue-soft: #f7f8fc;--x-blue-line: #dfe5fb;--x-avatar: #e8ebf3;--x-red: #e5484d;--x-red-ink: #b42318;--x-red-tint: #fdecec;--x-red-line: #f6c9c9;--x-red-text: #7a1a14;--x-amber: #f0b429;--x-amber-tint: #fff7e6;--x-amber-line: #f3dfb0;--x-amber-text: #5a3e00;--x-yellow-tint: #fffbeb;--x-yellow-line: #f6e7b4;--x-green: #16a34a;--x-pop-shadow: 0 16px 40px -12px rgba(20, 22, 27, .35)}[data-theme=dark]{--x-bg: #0e0f12;--x-stage: #0b0c0f;--x-surface: #15171c;--x-soft: #22252c;--x-soft-2: #1a1c22;--x-col: #1a1c21;--x-thumb: #1f2228;--x-line: #262931;--x-line-2: #22252c;--x-strong: #343843;--x-dashed: #474c58;--x-text: #ececef;--x-text-2: #c4c7cf;--x-muted: #8b909c;--x-ink: #ececef;--x-on-ink: #14161b;--x-blue: #5b7cf5;--x-blue-ink: #9db0fa;--x-blue-tint: rgba(91, 124, 245, .16);--x-blue-soft: rgba(91, 124, 245, .07);--x-blue-line: rgba(91, 124, 245, .25);--x-avatar: #262a35;--x-red-tint: rgba(229, 72, 77, .14);--x-red-ink: #ff8a8d;--x-red-line: rgba(229, 72, 77, .35);--x-red-text: #ffb3b5;--x-amber-tint: rgba(240, 180, 41, .1);--x-amber-line: rgba(240, 180, 41, .3);--x-amber-text: #f3cf7a;--x-yellow-tint: rgba(240, 180, 41, .08);--x-yellow-line: rgba(240, 180, 41, .25);--x-pop-shadow: 0 16px 40px -12px rgba(0, 0, 0, .7)}.x{font-family:Inter,system-ui,sans-serif;color:var(--x-text);letter-spacing:normal}.x *,.x *:before,.x *:after{box-sizing:border-box}.x h1,.x h2,.x h3,.x p{margin:0}.x a{color:var(--x-blue)}.x button{font:inherit;color:inherit}.x input,.x textarea,.x select{font:inherit;color:var(--x-text)}.x-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.x-grow{flex:1}.x-min0{min-width:0}.x-btn{height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid var(--x-strong);background:var(--x-surface);color:var(--x-text)!important;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s}.x-btn:hover{border-color:var(--x-muted)}.x-btn:disabled{opacity:.5;cursor:not-allowed}.x-btn.blue{background:var(--x-blue);border-color:var(--x-blue);color:#fff!important}.x-btn.blue:hover{filter:brightness(1.06)}.x-btn.ink{background:var(--x-ink);border-color:var(--x-ink);color:var(--x-on-ink)!important}.x-btn.outline-ink{border-color:var(--x-ink)}.x-btn.sm{height:36px;padding:0 12px;border-radius:9px;font-size:13px}.x-btn.lg{height:52px;border-radius:12px;font-size:16px}.x-btn.wide{flex:1}.x-btn.ghost{border-color:transparent;background:transparent;color:var(--x-text-2)!important}.x-btn.ghost:hover{background:var(--x-soft)}.x-chip{align-self:flex-start;display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--x-soft);color:var(--x-text-2);white-space:nowrap}.x-chip.st-check{background:var(--x-blue-tint);color:var(--x-blue-ink)}.x-chip.st-done{background:#16a34a1f;color:var(--x-green)}.x-chip.red{background:var(--x-red-tint);color:var(--x-red-ink)}.x-avatar{flex:none;width:32px;height:32px;border-radius:50%;background:var(--x-avatar);color:var(--x-blue);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.x-avatar img{width:100%;height:100%;object-fit:cover}.x-avatar.sm{width:22px;height:22px;font-size:10px}.x-avatar.ghost{background:var(--x-soft);border:1px dashed var(--x-dashed)}.x-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--x-text-2)!important;text-decoration:none}.x-back:hover{color:var(--x-text)!important}.x-vsep{width:1px;height:24px;background:var(--x-line);flex:none}.x-seg{display:flex;gap:2px;padding:3px;border:1px solid var(--x-line);border-radius:10px}.x-seg>*{height:30px;padding:0 12px;display:inline-flex;align-items:center;border:0;border-radius:7px;background:transparent;font-size:13px;font-weight:500;color:var(--x-muted)!important;text-decoration:none;cursor:pointer}.x-seg>.on{background:var(--x-soft);font-weight:600;color:var(--x-text)!important}.x-steps-num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--x-ink);color:var(--x-on-ink);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}.x-bubble{flex:1;min-width:0;padding:10px 14px;border-radius:4px 12px 12px;background:var(--x-bg)}.x-bubble .who{margin:0 0 2px;font-size:13px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.x-bubble .who span{color:var(--x-muted)}.x-bubble p.body{font-size:14px;line-height:1.5;white-space:pre-wrap}.x-bubble.internal{background:var(--x-yellow-tint);border:1px solid var(--x-yellow-line)}.x-msg{display:flex;gap:10px}.x-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--x-text-2)}.x-field textarea,.x-field input{font-weight:400;font-size:15px;padding:10px 12px;border:1px solid var(--x-strong);border-radius:10px;background:var(--x-surface);resize:vertical}.x-field textarea:focus,.x-field input:focus{outline:none;border-color:var(--x-blue);box-shadow:0 0 0 3px #2f54eb26}.x-modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#14161b73;display:grid;place-items:center;padding:16px}.x-modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--x-surface);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--x-pop-shadow)}.x-modal h2{font-size:20px;font-weight:700}.cx{min-height:100%;background:var(--x-bg)}.cx-top{background:var(--x-surface);border-bottom:1px solid var(--x-line);position:sticky;top:0;z-index:40}.cx-top-in{max-width:1160px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:20px}.cx-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px;color:var(--x-blue)!important;letter-spacing:-.02em;text-decoration:none}.cx-nav{display:flex;gap:4px}.cx-nav a{height:36px;padding:0 12px;display:inline-flex;align-items:center;border-radius:8px;font-size:14px;font-weight:500;color:var(--x-muted)!important;text-decoration:none}.cx-nav a.active{background:var(--x-soft);font-weight:600;color:var(--x-text)!important}.cx-how{font-size:14px;font-weight:500;color:var(--x-text-2);background:none;border:0;cursor:pointer;padding:0}.cx-how:hover{color:var(--x-text)}.cx-me{width:36px;height:36px;border-radius:50%;border:0;background:var(--x-avatar);color:var(--x-blue)!important;font-weight:700;cursor:pointer;overflow:hidden;padding:0}.cx-me img{width:100%;height:100%;object-fit:cover}.cx-menu{position:relative}.cx-menu-pop{position:absolute;right:0;top:44px;z-index:60;width:240px;background:var(--x-surface);border:1px solid var(--x-line);border-radius:12px;box-shadow:var(--x-pop-shadow);padding:6px}.cx-menu-pop .head{padding:8px 10px 10px;border-bottom:1px solid var(--x-line-2);margin-bottom:4px}.cx-menu-pop .head b{display:block;font-size:14px}.cx-menu-pop .head small{color:var(--x-muted);font-size:12.5px}.cx-menu-pop button{width:100%;text-align:left;padding:9px 10px;border:0;border-radius:8px;background:none;font-size:14px;cursor:pointer}.cx-menu-pop button:hover{background:var(--x-soft)}.cx-main{max-width:1160px;margin:0 auto;padding:32px 24px 56px;display:flex;flex-direction:column;gap:22px}.cx-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.cx-head>div{flex:1 1 400px;min-width:0}.cx-hello{margin:0 0 4px!important;font-size:14px;color:var(--x-muted)}.cx-head h1{font-size:28px;font-weight:700;letter-spacing:-.02em}.cx-search{flex:0 1 280px;display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:10px;background:var(--x-surface);border:1px solid var(--x-line);font-size:14px;color:var(--x-muted)}.cx-search input{flex:1;min-width:0;border:0;background:transparent;outline:none}.cx-banner{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;background:#14161b;color:#fff;border-radius:14px}[data-theme=dark] .cx-banner{background:#20232b;border:1px solid var(--x-line)}.cx-banner .dot{width:10px;height:10px;border-radius:50%;background:#8ea2f5;flex:none}.cx-banner .txt{flex:1 1 300px;font-size:15px}.cx-banner button{height:40px;padding:0 16px;border:0;border-radius:10px;background:#fff;color:#14161b;font-size:14px;font-weight:700;cursor:pointer}.cx-tabs{display:flex;flex-wrap:wrap;gap:6px}.cx-tabs button{height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--x-strong);background:var(--x-surface);font-size:13px;font-weight:500;cursor:pointer}.cx-tabs button.on{border-color:var(--x-ink);background:var(--x-ink);color:var(--x-on-ink);font-weight:600}.cx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cx-card{background:var(--x-surface);border:1px solid var(--x-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.cx-card:hover{box-shadow:0 12px 28px -14px #14161b4d;transform:translateY(-1px)}.cx-cover{position:relative;height:130px;background:var(--x-thumb) center top / cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--x-muted)!important;text-decoration:none}.cx-badge{position:absolute;left:12px;top:12px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--x-surface);color:var(--x-text);border:1px solid var(--x-strong)}.cx-badge.check{background:var(--x-blue);border-color:var(--x-blue);color:#fff}.cx-badge.progress{color:var(--x-text-2)}.cx-badge.done{background:var(--x-ink);border-color:var(--x-ink);color:var(--x-on-ink)}.cx-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}.cx-card-body h2{font-size:17px;font-weight:700}.cx-card-body .sub{margin:2px 0 0;font-size:13px;color:var(--x-muted)}.cx-prog{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--x-text-2)}.cx-bar{flex:1;height:6px;border-radius:99px;background:var(--x-col);overflow:hidden}.cx-bar span{display:block;height:100%;background:var(--x-ink)}.cx-none{font-size:12.5px;color:var(--x-text-2)}.cx-actions{display:flex;gap:8px;margin-top:auto;padding-top:6px}.cx-older{border:1.5px dashed var(--x-strong);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;min-height:300px}.cx-older b{font-size:15px;font-weight:600}.cx-older span{font-size:13px;color:var(--x-muted)}.cx-older button{border:0;background:none;color:var(--x-blue);font-size:14px;font-weight:600;cursor:pointer}.cx-empty{background:var(--x-surface);border:1px solid var(--x-line);border-radius:16px;padding:48px 24px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.cx-empty h2{font-size:17px}.cx-empty p{color:var(--x-muted);font-size:14px}.cx-skel{height:300px;border-radius:16px;background:linear-gradient(90deg,var(--x-col),var(--x-soft-2),var(--x-col));background-size:200% 100%;animation:cx-shimmer 1.2s infinite linear}@keyframes cx-shimmer{to{background-position:-200% 0}}.cx-how-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.cx-how-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5}.cx-how-list li>span:last-child{padding-top:2px}@media(max-width:1000px){.cx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.cx-grid{grid-template-columns:1fr}.cx-top-in{gap:12px;padding:0 16px}.cx-how{display:none}.cx-main{padding:20px 16px 40px}}.ix{min-height:100%;display:flex;flex-wrap:wrap;background:var(--x-surface)}.ix-left{flex:1 1 520px;min-width:0;background:var(--x-bg);padding:48px 56px;display:flex;flex-direction:column;gap:32px}.ix-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px;color:var(--x-blue);letter-spacing:-.02em}.ix-intro{display:flex;flex-direction:column;gap:12px;max-width:460px}.ix-intro .kicker{font-size:14px;font-weight:600;color:var(--x-muted)}.ix-intro h1{font-size:36px;line-height:1.2;letter-spacing:-.02em;font-weight:700}.ix-intro h1 span{color:var(--x-blue)}.ix-intro p.lead{font-size:16px;line-height:1.6;color:var(--x-text-2)}.ix-browser{background:var(--x-surface);border:1px solid var(--x-line);border-radius:14px;overflow:hidden;max-width:460px}.ix-browser .bar{height:28px;background:var(--x-col);display:flex;align-items:center;gap:6px;padding:0 12px}.ix-browser .bar i{width:8px;height:8px;border-radius:50%;background:#c9ccd3}.ix-browser .bar span{margin-left:10px;font-size:11px;color:var(--x-muted)}.ix-browser .shot{height:200px;display:flex;align-items:center;justify-content:center;color:var(--x-muted);font-size:13px;background:var(--x-soft-2) center top / cover no-repeat}.ix-steps{max-width:460px}.ix-right{flex:1 1 480px;min-width:0;padding:48px 56px;display:flex;align-items:center;justify-content:center}.ix-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:20px}.ix-form h2{font-size:26px;font-weight:700;letter-spacing:-.02em}.ix-form .sub{margin-top:6px!important;font-size:15px;color:var(--x-muted)}.ix-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--x-text-2)}.ix-form input{height:48px;padding:0 14px;font-weight:400;font-size:16px;border:1px solid var(--x-strong);border-radius:10px;background:var(--x-surface)}.ix-form input:focus{outline:none;border-color:var(--x-blue);box-shadow:0 0 0 3px #2f54eb26}.ix-form input[readonly]{background:var(--x-soft-2)}.ix-form .foot{font-size:13px;line-height:1.6;color:var(--x-muted)}.ix-form .err{padding:10px 12px;border-radius:10px;background:var(--x-red-tint);color:var(--x-red-ink);font-size:14px}@media(max-width:900px){.ix-left,.ix-right{padding:28px 20px}.ix-intro h1{font-size:28px}}.fx{min-height:100%;background:var(--x-bg)}.fx-top{background:var(--x-surface);border-bottom:1px solid var(--x-line);position:sticky;top:0;z-index:40}.fx-top-in{max-width:1180px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:14px}.fx-top-in b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-body{max-width:1180px;margin:0 auto;padding:24px;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.fx-list{flex:1 1 380px;min-width:0;max-width:440px;background:var(--x-surface);border:1px solid var(--x-line);border-radius:16px;overflow:hidden}.fx-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;border-bottom:1px solid var(--x-line-2)}.fx-tabs button{position:relative;min-width:0;padding:8px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;border-radius:10px;background:transparent;color:var(--x-muted);cursor:pointer;transition:background .15s,color .15s}.fx-tabs button:hover{background:var(--x-soft-2);color:var(--x-text)}.fx-tabs .ic{display:inline-flex;align-items:center;gap:6px}.fx-tabs .ic b{min-width:20px;height:18px;padding:0 6px;border-radius:99px;background:var(--x-soft);color:var(--x-text-2);font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.fx-tabs .lb{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fx-tabs button.on{background:var(--x-blue-tint);color:var(--x-blue-ink)}.fx-tabs button.on .lb{font-weight:600}.fx-tabs button.on .ic b{background:var(--x-surface);color:var(--x-blue-ink)}.fx-tabs button.attn .ic b{background:var(--x-blue);color:#fff}.fx-item{width:100%;display:flex;gap:12px;padding:16px;border:0;border-bottom:1px solid var(--x-line-2);background:none;text-align:left;cursor:pointer}.fx-item:hover{background:var(--x-soft-2)}.fx-item.on{background:var(--x-blue-soft);box-shadow:inset 3px 0 0 var(--x-blue)}.fx-thumb{flex:0 0 64px;height:44px;border-radius:8px;background:var(--x-thumb) center top / cover no-repeat;border:1px solid var(--x-line);position:relative;overflow:hidden}.fx-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top left}.fx-thumb.video{background:var(--x-ink);color:var(--x-on-ink);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border-color:var(--x-ink)}.fx-item .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.fx-item .ttl{font-size:14px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fx-item .meta{font-size:12px;color:var(--x-muted)}.fx-more{padding:14px 16px;font-size:13px;color:var(--x-muted)}.fx-detail{flex:999 1 520px;min-width:0;background:var(--x-surface);border:1px solid var(--x-line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:22px}.fx-detail.empty{align-items:center;justify-content:center;min-height:320px;color:var(--x-muted);font-size:14px;text-align:center}.fx-meta{font-size:13px;color:var(--x-muted)}.fx-detail h1{font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.3;white-space:pre-wrap}.fx-prog{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fx-prog li{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:var(--x-muted)}.fx-prog li>span{height:6px;border-radius:99px;background:var(--x-line)}.fx-prog li.past{font-weight:600;color:var(--x-text)}.fx-prog li.past>span{background:var(--x-ink)}.fx-prog li.now{font-weight:700;color:var(--x-blue-ink)}.fx-prog li.now>span{background:var(--x-blue)}.fx-shot{position:relative;border-radius:12px;background:var(--x-thumb);border:1px solid var(--x-line);overflow:hidden}.fx-shot>img:first-child{width:100%;display:block}.fx-shot.none{height:220px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--x-muted)}.fx-shot .pin{position:absolute}.fx-video{width:100%;max-height:420px;border-radius:12px;background:#000;display:block}.fx-check{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;border-radius:12px;background:var(--x-blue-soft);border:1px solid var(--x-blue-line)}.fx-check .q{flex:1 1 220px;font-size:14px;font-weight:600}.fx-check a{font-size:14px;font-weight:600}.fx-check .x-btn{height:44px}.fx-reopen{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;border:1px solid var(--x-line)}.fx-reply-row{display:flex;justify-content:flex-end;margin-top:-12px}.fx-thread{display:flex;flex-direction:column;gap:14px}.fx-hint{font-size:13px;color:var(--x-muted)}@media(max-width:900px){.fx-body{padding:16px}.fx-list{max-width:none}.fx.has-detail .fx-list{display:none}.fx:not(.has-detail) .fx-detail{display:none}.fx-detail{padding:18px}}.rx{height:100%;display:flex;flex-direction:column;background:var(--x-stage)}.rx-top{flex:none;background:var(--x-surface);border-bottom:1px solid var(--x-line);min-height:60px;display:flex;align-items:center;gap:14px;padding:8px 20px;flex-wrap:wrap}.rx-top b{font-size:15px;white-space:nowrap}.rx-url{flex:1 1 260px;max-width:400px;display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:9px;background:var(--x-bg);font-size:13px;color:var(--x-muted)}.rx-url input{flex:1;min-width:0;border:0;background:transparent;outline:none}.rx-recpill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:99px;background:var(--x-red-tint);color:var(--x-red-ink);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.rx-recpill i,.rx-dot{width:9px;height:9px;border-radius:50%;background:var(--x-red);flex:none}.rx-banner{flex:none;display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;font-size:13.5px;flex-wrap:wrap;text-align:center;border-bottom:1px solid}.rx-banner.draw{background:var(--x-amber-tint);border-color:var(--x-amber-line);color:var(--x-amber-text)}.rx-banner.rec{background:var(--x-red-tint);border-color:var(--x-red-line);color:var(--x-red-text)}.rx-banner.comment{background:var(--x-blue-soft);border-color:var(--x-blue-line);color:var(--x-blue-ink)}.rx-banner.warn{background:var(--x-amber-tint);border-color:var(--x-amber-line);color:var(--x-amber-text)}.rx-banner button{border:0;background:none;text-decoration:underline;font-weight:600;cursor:pointer;color:inherit}.rx-body{flex:1;min-height:0;display:flex;position:relative}.rx-stage{flex:1;min-width:0;position:relative;padding:18px;display:flex;justify-content:center}.rx-frame{position:relative;width:100%;height:100%;background:#fff;border-radius:12px;border:2px solid transparent;overflow:hidden;transition:width .25s,border-color .2s;box-shadow:0 1px 2px #14161b0f}.rx-frame.tablet,.rx-frame.mobile{flex:none;max-width:100%}.rx-frame.mode-draw{border-color:var(--x-amber);cursor:crosshair}.rx-frame.mode-rec{border-color:var(--x-red)}.rx-frame.mode-comment{border-color:var(--x-blue)}.rx-frame iframe{width:100%;height:100%;border:0;display:block;background:#fff}.rx-frame.capturing .pin,.rx-frame.capturing .rx-pop,.rx-frame.capturing .draw-layer,.rx-frame.capturing .rx-cam{visibility:hidden}.rx-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:crosshair}.rx-frozen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;z-index:1;pointer-events:none}.rx-frame .pin{z-index:3}.rx-count{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:96px;height:96px;border-radius:50%;background:#14161bcc;color:#fff;font-size:44px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}.rx-tools{position:absolute;left:50%;bottom:96px;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:4px;padding:6px;background:var(--x-surface);border:1px solid var(--x-line);border-radius:14px;box-shadow:0 12px 32px -10px #14161b59;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 24px)}.rx-tools .lbl{font-size:12px;font-weight:700;color:var(--x-muted);padding:0 8px}.rx-tools .grp{display:flex;gap:2px}.rx-tool{width:40px;height:40px;border:0;border-radius:9px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--x-text)}.rx-tool:hover{background:var(--x-soft-2)}.rx-tool.on{background:var(--x-soft)}.rx-tool:disabled{opacity:.35;cursor:default}.rx-tools .sep{width:1px;height:26px;background:var(--x-line);margin:0 6px}.rx-colors{display:flex;gap:6px;padding:0 4px}.rx-colors button{width:24px;height:24px;border-radius:50%;border:2px solid var(--x-surface);box-shadow:0 0 0 1px var(--x-strong);cursor:pointer;padding:0}.rx-colors button.on{box-shadow:0 0 0 2px var(--x-text)}.rx-tools .txtbtn{height:40px;padding:0 12px;border:0;border-radius:9px;background:transparent;font-size:13px;font-weight:600;color:var(--x-muted);cursor:pointer}.rx-tools .txtbtn:hover{background:var(--x-soft-2);color:var(--x-text)}.rx-fade{display:inline-flex;align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:500;color:var(--x-text-2);cursor:pointer}.rx-fade input{width:16px;height:16px;accent-color:var(--x-ink)}.rx-dock{position:absolute;left:50%;bottom:32px;transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:6px;padding:6px;background:#14161b;border-radius:16px;box-shadow:0 16px 40px -10px #14161b8c;white-space:nowrap}[data-theme=dark] .rx-dock{background:#23262e;border:1px solid #333742}.rx-dock button{height:44px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:11px;background:transparent;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.rx-dock button:hover{background:#ffffff14}.rx-dock button.on{background:#2f54eb;font-weight:600}.rx-dock button.icon{width:44px;padding:0;justify-content:center}.rx-dock button.icon.off{color:#ff8a8d}.rx-dock button.white{background:#fff;color:#14161b;font-weight:700}.rx-dock button:disabled{opacity:.5;cursor:default}.rx-dock .sep{width:1px;height:26px;background:#3a3e48;margin:0 4px}.rx-dock .timer{display:inline-flex;align-items:center;gap:8px;padding:0 12px;color:#fff;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.rx-dock .timer small{font-weight:500;color:#8b909c;font-size:15px}.rx-dock .rec-dot{width:10px;height:10px;border-radius:50%;background:#ff5a5a;display:inline-block}.rx-dock .stop-sq{width:10px;height:10px;border-radius:2px;background:#e5484d;display:inline-block}.rx-dock .rec-dot.blink{animation:rx-blink 1s infinite}@keyframes rx-blink{50%{opacity:.25}}.rx-pop{position:absolute;z-index:9;text-align:left;width:320px;background:var(--x-surface);border:1px solid var(--x-line);border-radius:14px;box-shadow:var(--x-pop-shadow);padding:14px;display:flex;flex-direction:column;gap:10px;color:var(--x-text);cursor:default}.rx-pop.center{left:50%!important;top:auto!important;bottom:160px;transform:translate(-50%);width:min(420px,calc(100% - 32px))}.rx-pop .marks{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--x-text-2)}.rx-pop .marks span:first-child{white-space:nowrap;flex:none;padding:3px 8px;border-radius:99px;background:var(--x-red-tint);color:var(--x-red-ink)}.rx-pop .marks span:last-child{color:var(--x-muted);font-weight:500}.rx-pop .shot{width:100%;max-height:110px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--x-line)}.rx-pop textarea{font-size:15px;resize:none}.rx-urg{display:flex;flex-direction:column;gap:6px}.rx-urg-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rx-urg-head span{font-size:13px;font-weight:600;color:var(--x-text-2)}.rx-urg-head small{font-size:12px;color:var(--x-muted)}.rx-urg-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--x-line);border-radius:10px;background:var(--x-soft-2)}.rx-urg-seg button{height:34px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;background:transparent;font-size:13px;font-weight:500;color:var(--x-muted);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}.rx-urg-seg button svg{opacity:.55;transition:opacity .15s}.rx-urg-seg button:hover{color:var(--x-text)}.rx-urg-seg button:hover svg{opacity:1}.rx-urg-seg button.on{background:var(--x-surface);color:var(--x-text);font-weight:600;box-shadow:0 1px 2px #14161b14,0 0 0 1px var(--x-line)}.rx-urg-seg button.on svg{opacity:1}.rx-urg-seg button.on.lv-urgent{background:var(--x-red-tint);color:var(--x-red-ink);box-shadow:0 0 0 1px var(--x-red-line)}.rx-pop .row{display:flex;align-items:center;gap:8px}.rx-side{flex:0 0 320px;background:var(--x-surface);border-left:1px solid var(--x-line);display:flex;flex-direction:column;min-height:0}.rx-side.rec{flex-basis:300px}.rx-side-head{padding:18px 20px 12px;border-bottom:1px solid var(--x-line-2);display:flex;align-items:center;gap:10px}.rx-side-head h2{font-size:16px;font-weight:700}.rx-side-head p{margin-top:4px!important;font-size:13px;color:var(--x-muted)}.rx-collapse{width:34px;height:34px;border:0;border-radius:8px;background:var(--x-bg);cursor:pointer;color:var(--x-text-2);font-size:16px;flex:none}.rx-side-list{flex:1;overflow:auto}.rx-side-item{width:100%;display:flex;gap:12px;padding:16px 20px;border:0;border-bottom:1px solid var(--x-line-2);background:none;text-align:left;cursor:pointer}.rx-side-item:hover{background:var(--x-soft-2)}.rx-side-item .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.rx-side-item p{font-size:14px;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.rx-side-empty{padding:20px;font-size:13.5px;color:var(--x-muted);line-height:1.5}.rx-side-help{margin-top:auto;padding:16px 20px;background:var(--x-soft-2);border-top:1px solid var(--x-line-2);font-size:13px;line-height:1.55;color:var(--x-text-2);display:flex;flex-direction:column;gap:6px}.rx-side-help b{color:var(--x-text)}.rx-rec-steps{margin:0;padding:16px 20px;list-style:none;display:flex;flex-direction:column;gap:14px;font-size:13.5px;line-height:1.5;color:var(--x-text-2)}.rx-rec-steps li{display:flex;gap:10px}.rx-rec-steps .x-steps-num{width:22px;height:22px;font-size:11px;font-weight:700}.rx-rec-steps b{color:var(--x-text)}.rx-fadebox{margin:0 20px;padding:14px;border-radius:12px;background:var(--x-soft-2);border:1px solid var(--x-line-2);font-size:13px;line-height:1.55;color:var(--x-text-2);display:flex;flex-direction:column;gap:6px}.rx-fadebox b{color:var(--x-text)}.rx-side-foot{margin-top:auto;padding:16px 20px;border-top:1px solid var(--x-line-2);font-size:12.5px;color:var(--x-muted);line-height:1.5}.rx-open-side{position:absolute;right:26px;top:26px;z-index:7}.rx-cam{position:absolute;right:18px;bottom:18px;z-index:7;width:200px;height:112px;border-radius:12px;background:#2b2f38;border:2px solid #fff;box-shadow:0 10px 24px #0000004d;overflow:hidden;cursor:pointer}.rx-cam video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.rx-cam span{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:6px;background:#00000073;padding:3px 8px;border-radius:6px;color:#fff;font-size:11px;font-weight:600}.rx-image-wrap{width:100%;height:100%;overflow:auto;background:var(--x-surface)}.rx-image{position:relative;max-width:1100px;margin:0 auto}.rx-image>img{width:100%;display:block}@media(max-width:1000px){.rx-side{display:none}.rx-side.force{display:flex;position:absolute;right:0;top:0;bottom:0;z-index:20;box-shadow:var(--x-pop-shadow)}}@media(max-width:700px){.rx-dock{bottom:12px}.rx-dock button{padding:0 10px;font-size:13px}.rx-tools{bottom:76px}.rx-stage{padding:8px}}.draw-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;touch-action:none}.draw-layer.active{pointer-events:auto;cursor:crosshair}.draw-layer.spot{cursor:none}.draw-text{position:absolute;z-index:4;min-width:160px;padding:4px 8px;font:700 16px Inter,system-ui,sans-serif;border:2px solid;border-radius:6px;background:#ffffffeb;outline:none}.shot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;object-fit:fill}.shot-wrap{position:relative}.shot-wrap>img:first-child{width:100%;display:block;border-radius:10px;border:1px solid var(--line)}.shot-wrap .pin{position:absolute}.tx{height:100%;display:flex;flex-direction:column;background:var(--x-surface)}.tx.board-bg{background:var(--x-bg)}.tx-top{flex:none;min-height:60px;display:flex;align-items:center;gap:14px;padding:8px 20px;border-bottom:1px solid var(--x-line);flex-wrap:wrap;background:var(--x-surface)}.tx-tile{width:28px;height:28px;border-radius:8px;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex:none}.tx-top .name{font-size:15px;font-weight:700;border:0;background:none;padding:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.tx-top .client{font-size:13px;color:var(--x-muted);white-space:nowrap}.tx-icon{width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:var(--x-text-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.tx-icon:hover{background:var(--x-soft);color:var(--x-text)}.tx-bar{flex:none;display:flex;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--x-line-2);flex-wrap:wrap;background:var(--x-surface)}.tx-search{display:flex;align-items:center;gap:8px;height:34px;width:220px;padding:0 12px;border-radius:9px;background:var(--x-bg);font-size:13px;color:var(--x-muted)}.tx-search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:13px}.tx-fbtn{height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--x-strong);background:var(--x-surface);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.tx-fbtn.on{border-color:var(--x-ink);background:var(--x-ink);color:var(--x-on-ink)!important;font-weight:600}.tx-count{font-size:13px;color:var(--x-muted)}.tx-link{height:34px;padding:0 12px;border-radius:9px;border:0;background:transparent;font-size:13px;font-weight:600;color:var(--x-text-2);cursor:pointer}.tx-link:hover{background:var(--x-soft)}.tx-drop{position:relative}.tx-drop-pop{position:absolute;left:0;top:40px;z-index:60;min-width:230px;max-height:380px;overflow:auto;background:var(--x-surface);border:1px solid var(--x-line);border-radius:12px;box-shadow:var(--x-pop-shadow);padding:6px}.tx-drop-pop.right{left:auto;right:0}.tx-opt{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:transparent;font-size:14px;cursor:pointer;text-align:left;white-space:nowrap}.tx-opt:hover{background:var(--x-soft-2)}.tx-opt.on{background:var(--x-soft);font-weight:600}.tx-opt input{accent-color:var(--x-ink);margin:0}.tx-opt .side{margin-left:auto;padding-left:16px;font-size:12px;color:var(--x-muted);font-weight:500}.tx-opt .side.blue{color:var(--x-blue-ink);font-weight:600}.tx-pop-head{display:flex;justify-content:space-between;gap:16px;padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--x-muted)}.tx-pop-foot{border-top:1px solid var(--x-line-2);margin-top:4px;padding:8px 10px 4px}.tx-pop-foot button{border:0;background:none;padding:0;color:var(--x-blue);font-size:13px;font-weight:600;cursor:pointer}.tx-dot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}.tx-split{flex:1;min-height:0;display:flex}.tx-list{flex:0 0 380px;border-right:1px solid var(--x-line);overflow:auto;position:relative;display:flex;flex-direction:column}.tx-row{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid var(--x-line-2);cursor:pointer}.tx-row:hover{background:var(--x-soft-2)}.tx-row.on{background:var(--x-bg);box-shadow:inset 2px 0 0 var(--x-ink)}.tx-num{flex:none;width:24px;height:24px;border-radius:6px;background:var(--x-soft);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative}.tx-row.on .tx-num{background:var(--x-ink);color:var(--x-on-ink)}.tx-num input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:24px;height:24px;opacity:0;cursor:pointer;accent-color:var(--x-ink)}.tx-row:hover .tx-num input,.tx-num input:checked{opacity:1}.tx-row .main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.tx-row .main b{font-size:14px;font-weight:600}.tx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--x-muted)}.tx-prio{display:inline-flex;align-items:center;gap:4px;font-weight:600}.tx-prio.urgent{color:#b42318}.tx-prio.high{color:#c2410c}.tx-prio.medium{color:#a16207}.tx-prio.low{color:var(--x-muted)}[data-theme=dark] .tx-prio.urgent{color:#ff8a8d}[data-theme=dark] .tx-prio.high{color:#fb923c}[data-theme=dark] .tx-prio.medium{color:#fbbf24}.tx-label{display:inline-flex;align-items:center;padding:1px 8px;border-radius:99px;border:1px solid var(--x-line);background:var(--x-surface);color:var(--x-text-2);font-size:12px;white-space:nowrap}.tx-label i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.tx-label.red{border-color:transparent;background:var(--x-red-tint);color:var(--x-red-ink);font-weight:600}.tx-label.grey{border-color:transparent;background:var(--x-soft);color:var(--x-text-2)}.tx-empty{padding:40px 20px;text-align:center;color:var(--x-muted);font-size:14px}.tx-completed{display:flex;align-items:center;gap:8px;padding:12px 18px;font-size:13px;color:var(--x-muted);margin-top:auto}.tx-bulk{position:sticky;bottom:0;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--x-ink);color:var(--x-on-ink);font-size:13px;flex-wrap:wrap}.tx-bulk .tx-fbtn{height:30px;color:var(--x-text)}.tx-main{flex:1;min-width:0;overflow:auto}.tx-detail{max-width:760px;margin:0 auto;padding:22px 32px 40px;display:flex;flex-direction:column;gap:18px}.tx-dhead{display:flex;align-items:center;gap:10px}.tx-dhead .meta{font-size:13px;color:var(--x-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tx-dhead .meta a{color:inherit}.tx-detail h1{font-size:24px;font-weight:700;letter-spacing:-.01em;white-space:pre-wrap}.tx-props{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;padding:16px;border:1px solid var(--x-line);border-radius:12px}.tx-prop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.tx-prop.full{grid-column:1 / -1}.tx-prop>.k{width:74px;font-size:13px;color:var(--x-muted);flex:none}.tx-pbtn{height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--x-line);background:var(--x-surface);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;max-width:100%}.tx-pbtn:hover{border-color:var(--x-strong)}.tx-pbtn.open{border-color:var(--x-blue);box-shadow:0 0 0 3px #2f54eb26}.tx-pbtn.muted{color:var(--x-muted);font-weight:500}.tx-said{font-size:12px;color:var(--x-muted)}.tx-said.urgent{color:var(--x-red-ink);font-weight:600}.tx-said.high{color:#c2410c;font-weight:600}[data-theme=dark] .tx-said.high{color:#fb923c}.tx-date{position:relative;display:inline-flex;align-items:center;gap:4px}.tx-date input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.tx-lbtn{max-width:260px}.tx-lbtn-item{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis}.tx-lbtn-item i{width:7px;height:7px;border-radius:50%;flex:none}.tx-lbtn-item+.tx-lbtn-item:before{content:",";margin:0 2px 0 -4px;color:var(--x-muted)}.tx-lbtn-more{font-size:12px;font-weight:600;color:var(--x-muted);background:var(--x-soft);border-radius:99px;padding:1px 7px}.tx-lpick-hint{color:var(--x-muted);padding:4px 8px;font-size:12.5px}.tx-lpick{padding:4px;width:250px;display:flex;flex-direction:column;gap:4px}.tx-lpick input{height:34px;padding:0 10px;border:1px solid var(--x-strong);border-radius:8px;background:var(--x-surface);font-size:13px;outline:none;margin-bottom:2px}.tx-media{display:flex;flex-direction:column;gap:10px}.tx-media-bar{display:flex;align-items:center;gap:8px}.tx-shot{position:relative;border-radius:12px;background:var(--x-thumb);border:1px solid var(--x-line);overflow:hidden}.tx-shot>img:first-child{width:100%;display:block}.tx-shot.none{min-height:170px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;font-size:13px;color:var(--x-muted);padding:20px;text-align:center}.tx-shot.adding{cursor:crosshair}.tx-shot .pin{position:absolute}.tx-files{display:flex;flex-wrap:wrap;gap:8px}.tx-file{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--x-line);font-size:13px;color:var(--x-text-2)!important;text-decoration:none;max-width:260px}.tx-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-file button{border:0;background:none;color:var(--x-muted);cursor:pointer;padding:0}.tx-video{width:100%;max-height:420px;border-radius:12px;background:#000;display:block}.tx-thread{display:flex;flex-direction:column;gap:14px}.tx-thread-head{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--x-muted)}.tx-thread-head b{color:var(--x-text);font-size:14px}.tx-thread-head button{border:0;background:none;color:var(--x-muted);font-size:13px;cursor:pointer;text-decoration:underline;margin-left:auto}.tx-msg-actions{margin-left:auto;display:inline-flex;gap:2px}.tx-msg-actions button{border:0;background:none;color:var(--x-muted);font-size:12px;cursor:pointer;padding:0 4px}.tx-msg-actions button:hover{color:var(--x-text)}.tx-lock{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;color:#a16207!important}[data-theme=dark] .tx-lock{color:#fbbf24!important}.tx-history{margin:0;padding:0 0 0 4px;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--x-text-2)}.tx-history small{color:var(--x-muted);margin-left:6px}.tx-compose{border:1px solid var(--x-strong);border-radius:12px;overflow:hidden;background:var(--x-surface)}.tx-compose.internal{border-color:var(--x-yellow-line);background:var(--x-yellow-tint)}.tx-compose .modes{display:flex;gap:2px;padding:6px 6px 0}.tx-compose .modes button{height:28px;padding:0 10px;border:0;border-radius:7px;background:transparent;font-size:12.5px;font-weight:600;color:var(--x-muted);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.tx-compose .modes button.on{background:var(--x-soft);color:var(--x-text)}.tx-compose.internal .modes button.on{background:#f0b42940;color:var(--x-amber-text)}.tx-compose textarea{width:100%;border:0;background:transparent;padding:10px 12px;font-size:14px;resize:vertical;min-height:64px;outline:none;display:block}.tx-compose .foot{display:flex;align-items:center;gap:8px;padding:0 8px 8px 12px}.tx-compose .foot small{flex:1;color:var(--x-muted);font-size:12px}.tx-board-wrap{flex:1;min-height:0;overflow:auto;padding:16px 20px}.tx-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:12px;min-height:100%}.tx-col{background:var(--x-col);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:0;transition:outline-color .15s;outline:2px dashed transparent;outline-offset:-2px}.tx-col.over{outline-color:var(--col)}.tx-col-head{display:flex;align-items:center;gap:8px;padding:4px 4px 0}.tx-col-head b{font-size:13px}.tx-col-head span:last-child{font-size:12px;color:var(--x-muted)}.tx-col .sees{margin:0 4px 4px;font-size:11.5px;color:var(--x-muted)}.tx-col .sees.check{color:var(--x-blue-ink);font-weight:600}.tx-card{background:var(--x-surface);border:1px solid var(--x-line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;cursor:grab;transition:transform .15s,box-shadow .15s}.tx-card:hover{border-color:var(--x-strong)}.tx-card.dragging{border:2px solid var(--x-ink);padding:11px;transform:rotate(-1.5deg);box-shadow:0 14px 28px -10px #14161b66}.tx-card.done{opacity:.7;gap:6px}.tx-card .top{display:flex;align-items:center;gap:6px;font-size:12px}.tx-card .top>span:first-child{color:var(--x-muted)}.tx-card .ttl{font-size:13.5px;font-weight:600;line-height:1.4}.tx-card.done .ttl{text-decoration:line-through}.tx-card .chips{display:flex;flex-wrap:wrap;gap:4px}.tx-card .chips .tx-label{font-size:11.5px}.tx-card .foot{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--x-muted);min-width:0}.tx-card .foot .r{margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-card .approved{font-size:12px;color:var(--x-green);font-weight:600}.tx-col .more{margin:2px 4px 0;font-size:12px;color:var(--x-muted);border:0;background:none;text-align:left;cursor:pointer;padding:0}.tx-col .hint{margin:6px 4px 0;font-size:12px;color:var(--x-muted);text-align:center}.tx-col .empty{padding:18px 8px;text-align:center;font-size:12px;color:var(--x-muted);border:1px dashed var(--x-dashed);border-radius:10px}.tx-site{flex:1;min-height:0}.tx-note-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#14161b73;display:flex;justify-content:flex-end}.tx-note-modal>div{width:min(820px,100%);height:100%;background:var(--x-surface);overflow:auto;position:relative;box-shadow:var(--x-pop-shadow)}.tx-note-modal .close{position:sticky;top:12px;float:right;margin:12px 12px 0 0;z-index:2;background:var(--x-soft)}@media(max-width:900px){.tx-list{flex-basis:100%;border-right:0}.tx-split.has-note .tx-list{display:none}.tx-split:not(.has-note) .tx-main{display:none}.tx-detail{padding:16px}.tx-props{grid-template-columns:1fr}.tx-top .client{display:none}}.client-sees{font-size:11.5px;color:var(--muted);font-weight:500}.role-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.role-pick button{display:flex;flex-direction:column;gap:4px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}.role-pick button small{color:var(--muted);font-size:12.5px;line-height:1.4}.role-pick button.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary) inset}.pill.pill-client{background:var(--primary-tint);color:var(--primary)}.status-row .client-sees{display:flex;align-items:center;gap:6px;white-space:nowrap}.status-row .stage-select select{padding:5px 8px;font-size:12.5px}label.tx-opt{flex-direction:row;align-items:center;gap:10px;margin:0;padding:8px 10px;font-size:14px;font-weight:500;color:var(--x-text);line-height:1.3}label.tx-opt input{width:15px;height:15px;flex:none;margin:0}.org-switch{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;cursor:pointer;margin-bottom:6px}.org-switch:hover{background:var(--hover)}.org-mark{flex:none;width:30px;height:30px;border-radius:8px;background:var(--text);color:var(--surface);font-weight:700;font-size:13px;display:grid;place-items:center}.org-mark.sm{width:24px;height:24px;font-size:11px;border-radius:6px}.trial-banner{display:flex;align-items:center;gap:10px;padding:9px 20px;background:var(--primary-tint);color:var(--text);font-size:13.5px;border-bottom:1px solid var(--line)}.trial-banner .ic{color:var(--primary)}.center-row{justify-content:center;margin-top:8px}.org-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-2)}.org-row:last-child{border-bottom:0}.org-role{width:auto;padding:6px 8px;font-size:13px}.org-slug{font-size:13px;background:var(--surface-2);padding:4px 8px;border-radius:6px}.org-plan-now{display:flex;align-items:center;gap:12px;margin-bottom:14px}.org-plan-name{font-size:22px;font-weight:700;letter-spacing:-.01em}.org-usages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:10px}.org-usage-top{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:6px}.org-usage-top .warn{color:var(--on-red);font-weight:600}.org-bar{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}.org-bar span{display:block;height:100%;background:var(--primary);border-radius:inherit}.org-bar span.warn{background:var(--danger)}.org-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.org-plan{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.org-plan.featured{border-color:var(--primary)}.org-plan.on{box-shadow:0 0 0 2px var(--primary) inset}.org-plan-tag{position:absolute;top:-10px;left:16px;padding:2px 9px;border-radius:99px;background:var(--primary);color:#fff;font-size:11.5px;font-weight:700}.org-plan>b{font-size:16px}.org-price{font-size:26px;font-weight:700;letter-spacing:-.02em}.org-price small{font-size:13px;font-weight:500;color:var(--muted)}.org-plan ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;font-size:13.5px;flex:1}.org-plan li{display:flex;align-items:center;gap:7px}.org-plan li .ic{color:var(--success);flex:none}.org-plan li.off{color:var(--muted)}.org-plan li.off .ic{color:var(--muted-2)}@media(max-width:900px){.org-plans,.org-usages{grid-template-columns:1fr}}.trial-banner.warn{background:var(--tint-amber)}.trial-banner.warn .ic{color:var(--on-amber)}.trial-banner.danger{background:var(--tint-red)}.trial-banner.danger .ic{color:var(--on-red)}.x-brand-logo{display:block;width:auto;max-width:160px;object-fit:contain}.rx-top .x-brand-logo,.fx-top-in .x-brand-logo{max-width:120px}.brand-logo-box{width:150px;height:56px;border:1px dashed var(--line-strong);border-radius:10px;display:grid;place-items:center;padding:6px;background:var(--surface-2)}.brand-logo-box img{max-width:100%;max-height:100%;object-fit:contain}.brand-preview{padding:6px 12px;border-radius:8px;color:#fff;font-size:13px;font-weight:600}.brand-dns{display:flex;flex-direction:column;gap:8px;margin-top:6px}.brand-dns-table{border-collapse:collapse;font-size:13px;width:100%}.brand-dns-table th,.brand-dns-table td{text-align:left;padding:8px 10px;border:1px solid var(--line)}.brand-dns-table th{background:var(--surface-2);font-weight:600}.adm-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.adm-stat{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.adm-stat b{font-size:22px;letter-spacing:-.01em}.adm-bar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.adm-bar input{max-width:320px}.adm-bar select{width:auto}.adm-table-wrap{border:1px solid var(--line);border-radius:12px;overflow:auto;background:var(--surface)}.adm-table{width:100%;border-collapse:collapse;font-size:13.5px}.adm-table th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.adm-table td{padding:10px 14px;border-bottom:1px solid var(--line-2);max-width:240px}.adm-table tbody tr{cursor:pointer}.adm-table tbody tr:hover,.adm-table tbody tr:focus{background:var(--hover);outline:none}.adm-pill{display:inline-flex;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-2);white-space:nowrap}.adm-pill.green{background:var(--tint-green);color:var(--on-green)}.adm-pill.blue{background:var(--primary-tint);color:var(--primary)}.adm-pill.amber{background:var(--tint-amber);color:var(--on-amber)}.adm-pill.red{background:var(--tint-red);color:var(--on-red)}.adm-drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#10131866;display:flex;justify-content:flex-end}.adm-drawer{position:relative;width:min(520px,100%);height:100%;overflow:auto;background:var(--surface);padding:24px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.adm-drawer h2{font-size:20px}.adm-drawer h3{font-size:14px;margin-top:12px}.adm-drawer select{width:auto}.adm-close{position:absolute;right:14px;top:14px;font-size:20px}.adm-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.adm-note{padding:8px 12px;border-radius:8px;font-size:13px}.adm-note.red{background:var(--tint-red);color:var(--on-red)}.adm-log{font-size:13px;padding:6px 0;border-bottom:1px solid var(--line-2)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.wrap{flex-wrap:wrap}@media(max-width:1100px){.adm-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.adm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.sfield-control.row{flex-direction:row;align-items:center;flex-wrap:wrap}.int-logo{flex:none;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:17px;color:#fff}.int-logo.slack{background:#4a154b}.pill.pill-on{background:var(--tint-green);color:var(--on-green)}.int-events{border:1px solid var(--line);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;margin:0}.int-events legend{font-size:13px;font-weight:600;padding:0 4px}.int-events .check-line{font-weight:500}.int-steps{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--text-2)}.int-log>span:first-child{width:24px;text-align:center}