:root{
  --blue:#2f6bed;--blue-d:#1e4fc0;--blue-bg:#eef3ff;--blue-bd:#cfdfff;
  --red:#e5484d;--amber:#d97706;--green:#22a565;--purple:#7c6cf0;
  --purple-bg:#f2effe;--purple-bd:#dcd4fb;--green-bg:#eafbf1;--green-bd:#c8ede0;--amber-bg:#fff6e9;--amber-bd:#f5dfb3;--pink:#e0578a;--pink-bg:#fdedf3;--pink-bd:#f6cfe1;
  --bg:#f4f5f7;--surface:#fff;--surface2:#f8fafc;--surface3:#eef0f3;
  --border:#e8eaee;--border2:#e2e5ea;--text:#1a1d23;--text2:#6b7280;--text3:#9aa1ac;--text4:#b6bdc9;
  --r:12px;--shadow:0 1px 3px rgba(0,0,0,.05),0 8px 24px rgba(0,0,0,.05);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);font-family:'Inter',system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}
a{color:var(--blue)}a:hover{color:var(--blue-d)}
button{font-family:inherit;cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.ic{width:20px;height:20px;flex:0 0 20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#d4d9e1;border-radius:5px}

#app{display:flex;height:100vh;height:100dvh}
.side{width:230px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;transition:width .15s}
.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 22px}
.brand .logo{width:32px;height:32px;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.brand .name{font-weight:800;font-size:16px;letter-spacing:-.3px}
.nav{display:flex;flex-direction:column;gap:2px}
.nav button{display:flex;align-items:center;gap:11px;border:none;background:none;padding:10px 12px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--text2);text-align:left;transition:.12s}
.nav button:hover{background:var(--surface3);color:var(--text)}
.nav button.on{background:var(--blue-bg);color:var(--blue)}
.nav button .ic{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.nav .count{margin-left:auto;font-size:11px;font-weight:700;color:var(--text4)}
.nav button.on .count{color:var(--blue)}
.nav button[data-mobile='onlymore']{display:none}
.side-foot{margin-top:auto;padding:10px;display:flex;flex-direction:column;gap:8px}
.addbtn{width:100%;border:none;background:var(--blue);color:#fff;font-weight:700;font-size:13.5px;padding:12px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px rgba(47,107,237,.3)}
.addbtn:hover{background:var(--blue-d)}
.syncline{font-size:10.5px;color:var(--text4);text-align:center;font-weight:500}

.main{flex:1;overflow-y:auto}
.wrap{max-width:720px;margin:0 auto;padding:34px 28px 80px}
@media(min-width:1440px){.wrap{max-width:840px}}
.phd{margin-bottom:26px}
.phd h1{font-size:27px;font-weight:800;letter-spacing:-.6px;margin:0}
.phd p{font-size:13.5px;color:var(--text3);margin:5px 0 0}
.sec-t{font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--text3);margin:26px 2px 12px;display:flex;justify-content:space-between;align-items:baseline}

.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;margin-bottom:9px;display:flex;align-items:center;gap:14px;transition:.12s;cursor:pointer}
.card:hover{border-color:#d4d9e1;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.card.overdue{border-left:3px solid var(--red)}
.card.today{border-left:3px solid var(--amber)}
.rank{font-size:20px;font-weight:800;color:#c8ccd4;width:22px;text-align:center;flex-shrink:0}
.cinfo{flex:1;min-width:0}
.cname{font-size:15px;font-weight:600;margin-bottom:5px}
.cmeta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);flex-wrap:wrap}
.cmeta .sep{color:#d5d9df}
.cmeta b{color:var(--text);font-weight:700}
.cmeta .g{color:var(--green);font-weight:600}
.cmeta .r{color:var(--red);font-weight:600}
.cmeta .a{color:var(--amber);font-weight:600}
.prog{height:4px;background:var(--surface3);border-radius:2px;overflow:hidden;margin-top:8px}
.prog>div{height:100%;background:var(--blue);border-radius:2px}
.cbtn{border:1.5px solid var(--blue);background:#fff;color:var(--blue);font-weight:600;font-size:12px;padding:8px 14px;border-radius:9px;flex-shrink:0}
.cbtn:hover{background:var(--blue-bg)}
.check{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:50%;border:2px solid #d3d8e0;color:var(--text4);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;transition:.12s}
.check:hover{border-color:var(--blue);color:var(--blue)}

.days{display:flex;gap:5px;margin:6px 0 8px}
.day{width:24px;height:24px;border-radius:50%;background:var(--surface3);color:var(--text4);font-weight:700;font-size:10px;display:flex;align-items:center;justify-content:center}
.day.on{background:var(--text);color:#fff}

.ring{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ring>div{width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--blue)}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:15px}
.kpi .n{font-size:26px;font-weight:800;line-height:1}
.kpi .l{font-size:11.5px;color:var(--text2);margin-top:4px}
.kpi.hi{background:var(--blue-bg);border-color:var(--blue-bd)}
.kpi.hi .n{color:var(--blue)}.kpi.hi .l{color:#5e7099}
.kpi.bad{border-color:#f2d5d5}.kpi.bad .n{color:var(--red)}
.chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:18px;margin-top:12px}
.bars{display:flex;align-items:flex-end;gap:7px;height:80px}
.bars>div{flex:1;background:#dfe4ea;border-radius:3px 3px 0 0}
.bars>div.hi{background:var(--blue)}

.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.dj-row{display:flex;gap:18px;overflow-x:auto;padding:6px 2px 16px}
.dj-card{border:1.5px solid var(--blue-bd);border-radius:16px;overflow:hidden;background:var(--surface);min-width:min(380px,86vw);max-width:420px;flex-shrink:0;display:flex;flex-direction:column}
.dj-hd{background:var(--blue-bg);padding:16px}
.dj-title{font-size:18px;font-weight:800;border:none;background:none;padding:0;width:100%;color:var(--text);margin-bottom:8px;font-family:inherit}
.dj-note{width:100%;box-sizing:border-box;border:1px solid var(--blue-bd);border-radius:8px;padding:8px 10px;font-size:12.5px;font-family:inherit;resize:vertical;background:#fff;margin-bottom:8px;min-height:38px}
.dj-body{padding:16px;display:flex;flex-direction:column;gap:16px}
.dj-sec{background:var(--surface2);border-radius:12px;padding:12px}
.dj-shelf{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 2px}
.dj-chip{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;min-width:160px;flex-shrink:0;cursor:pointer}
.dj-add{display:flex;align-items:center;gap:6px;min-width:170px;flex-shrink:0;background:var(--surface);border:1.5px dashed var(--border2);border-radius:10px;padding:8px}
.dj-add input{flex:1;min-width:0;border:1px solid var(--border2);border-radius:7px;padding:6px 8px;font-size:11.5px;font-family:inherit}
.dj-footer{display:flex;gap:8px;background:var(--surface2);border:1.5px dashed var(--border2);border-radius:12px;padding:10px 12px}
.dj-footer input{flex:1}
.row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #f0f1f4}
.row:last-child{border-bottom:none}
.row .rname{font-size:13px;font-weight:600}
.row .rsub{font-size:11.5px;color:var(--text2);margin-top:1px}
.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.toggle-wrap{display:inline-flex;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.toggle{width:38px;height:22px;border-radius:12px;background:#dfe2e7;position:relative;flex-shrink:0;transition:.15s}
.sr-only:checked+.toggle{background:var(--blue)}
.toggle>span{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:.15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.sr-only:checked+.toggle>span{left:18px}
.sr-only:focus-visible+.toggle{outline:2px solid var(--blue);outline-offset:2px}
.day{border:none;font-family:inherit;cursor:default}
button.day{cursor:pointer}
button.day:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.empty{text-align:center;padding:52px 28px}
.empty .badge{width:64px;height:64px;border-radius:18px;background:var(--blue-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:28px;font-weight:800;color:var(--blue)}
.empty .badge.ok{border-radius:50%;background:#e9f7ef;color:var(--green)}
.empty h3{font-size:17px;font-weight:700;margin:0 0 6px}
.empty p{font-size:13px;color:var(--text2);line-height:1.55;max-width:320px;margin:0 auto 22px}

.scrim{position:fixed;inset:0;background:rgba(20,24,31,.4);opacity:0;pointer-events:none;transition:.2s;z-index:40}
.scrim.show{opacity:1;pointer-events:auto}
.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);background:var(--surface);border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.25);width:360px;max-width:90vw;max-height:calc(100dvh - 32px);overflow-y:auto;padding:22px;z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:.15s}
.modal.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.sheet{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:440px;max-width:92vw;background:var(--surface);box-shadow:-8px 0 40px rgba(0,0,0,.14);transform:translateX(100%);visibility:hidden;transition:transform .24s cubic-bezier(.4,0,.2,1),visibility 0s linear .24s;z-index:50;display:flex;flex-direction:column;overflow-y:auto}
.sheet.show{transform:none;visibility:visible;transition-delay:0s}
.sheet-hd{padding:22px 22px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:2}
.sheet-bd{padding:18px 22px 28px;flex:1}
.x{position:absolute;top:18px;right:18px;width:30px;height:30px;border:none;background:var(--surface3);border-radius:8px;color:var(--text2);font-size:16px;display:flex;align-items:center;justify-content:center}
.chip{font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--blue);background:var(--blue-bg);padding:3px 8px;border-radius:6px}

.sbig{font-size:40px;font-weight:800;color:var(--blue);line-height:1}
.compbar{display:flex;height:10px;border-radius:5px;overflow:hidden;margin-bottom:12px;background:var(--surface3)}
.frow{display:flex;align-items:center;gap:9px;font-size:12.5px;margin-bottom:9px}
.frow .sw{width:9px;height:9px;border-radius:2px;flex-shrink:0}
.frow .fn{flex:1;color:#5a6273}
.frow .fv{font-weight:700;min-width:44px;text-align:right}
.frow .fp{color:var(--text3);width:44px;text-align:right}
.why{background:#f6f4ff;border:1px solid #e4defb;border-radius:var(--r);padding:12px 14px;margin:14px 0 0;font-size:12.5px;line-height:1.5;color:#524a76}

.dots{display:flex;gap:6px}
.dots span{width:6px;height:6px;border-radius:3px;background:#dfe2e7;transition:.2s}
.dots span.on{width:18px;background:var(--blue)}
.field{width:100%;border:1px solid var(--border2);border-radius:11px;padding:13px 14px;font:400 14px 'Inter';outline:none;color:var(--text)}
@media(max-width:768px){input,textarea,select{font-size:16px!important}}
.field:focus{border-color:var(--blue)}
.typegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.typ{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px;text-align:left}
.typ.on{border:1.5px solid var(--blue)}
.typ .tn{font-size:14px;font-weight:700}.typ.on .tn{color:var(--blue)}
.typ .td{font-size:11.5px;color:var(--text2);margin-top:3px}
.more-menu{display:flex;flex-direction:column;gap:4px}
.more-menu .typ{min-height:48px;display:flex;align-items:center;gap:12px;padding:12px 14px}
.more-menu .ic{width:20px;height:20px;flex-basis:20px}
.habit-card,.repeat-card{min-width:0}
.project-task-fields{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1.3fr);gap:8px}
.catchips{display:flex;flex-wrap:wrap;gap:8px}
.catchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border2);background:#fff;border-radius:20px;padding:7px 13px;font-size:12.5px;font-weight:500;color:#5a6273}
.catchip.on{border:1.5px solid var(--blue);background:var(--blue-bg);color:var(--blue);font-weight:600}
.slider{margin-bottom:18px}
.sl-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
.sl-name{font-size:13px;font-weight:700}
.sl-val{font-size:15px;font-weight:800;color:var(--blue)}
.sl-desc{font-size:11px;color:var(--text3);margin-bottom:9px}
input[type=range]{-webkit-appearance:none;width:100%;height:5px;border-radius:3px;background:var(--surface3);outline:none;transition:background .15s}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:19px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;transition:transform .15s ease}
input[type=range]::-moz-range-thumb{width:19px;height:19px;border-radius:50%;background:#fff;border:2px solid var(--blue);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;transition:transform .15s ease}
input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}
input[type=range]:active::-moz-range-thumb{transform:scale(1.15)}
.scorebox{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center;margin-bottom:18px}
.scorebox .n{font-size:44px;font-weight:800;color:var(--blue);line-height:1}
.scorebox .l{font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--text3);text-transform:uppercase;margin-top:3px}
.btn-p{border:none;background:var(--blue);color:#fff;font-weight:700;font-size:14px;padding:13px;border-radius:11px}
.btn-p:hover{background:var(--blue-d)}
.btn-p:disabled{opacity:.5}
.btn-s{border:1px solid var(--border2);background:#fff;color:#5a6273;font-weight:600;font-size:13px;padding:13px 18px;border-radius:11px}
.btn-s:hover{background:var(--surface2)}
.impact-mult{color:var(--purple);font-weight:700}

.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--text);color:#fff;font-size:13px;font-weight:600;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.25s;z-index:60;display:flex;align-items:center;gap:10px}
.toast.show{opacity:1;transform:translateX(-50%)}
.toast.big{bottom:auto;top:50%;transform:translate(-50%,-40%) scale(.85);padding:22px 30px;border-radius:18px;font-size:16px;text-align:center;flex-direction:column;gap:4px}
.toast.big.show{transform:translate(-50%,-50%) scale(1)}
.toast .pts{color:#7ee0a8;font-weight:800}
@keyframes pulseGood{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.pulse{animation:pulseGood .38s ease}
@keyframes burst{0%{transform:scale(.3);opacity:1}100%{transform:scale(2.6);opacity:0}}
.burst{position:fixed;width:34px;height:34px;border-radius:50%;background:var(--green);pointer-events:none;z-index:70;animation:burst .5s ease-out forwards}

/* auth */
#auth{position:fixed;inset:0;background:var(--bg);z-index:100;overflow-y:auto}
.auth-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--border);background:var(--surface)}
.auth-hd .brandmark{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px}
.auth-hd .brandmark>span{display:flex;flex-direction:column;gap:1px}
.auth-hd .brandmark small{font:600 9px 'DM Sans';letter-spacing:.8px;text-transform:uppercase;color:var(--text3)}
.auth-hd .brandmark .logo{width:32px;height:32px;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}
.auth-hd nav{display:flex;align-items:center;gap:26px;font-size:13.5px;font-weight:600;color:var(--text2)}
.auth-hd nav a{cursor:pointer}
.auth-hero{max-width:1080px;margin:0 auto;padding:64px 32px 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.auth-badge{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--blue);background:var(--blue-bg);border:1px solid var(--blue-bd);border-radius:20px;padding:6px 12px;margin-bottom:20px}
.auth-hero h1{font-size:44px;font-weight:800;letter-spacing:-1px;line-height:1.08;margin:0 0 18px}
.auth-hero>div>p.lede{font-size:16px;color:var(--text2);line-height:1.55;margin:0 0 22px;max-width:440px}
.auth-checks{display:flex;flex-direction:column;gap:11px}
.auth-checks div{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;color:var(--text1)}
.auth-checks span.tick{color:var(--green);flex-shrink:0}
.auth-actions{display:flex;align-items:center;gap:18px;margin-top:28px}
.auth-actions a{font-size:13.5px;font-weight:700;cursor:pointer}
.welcome-features{max-width:1080px;margin:0 auto;padding:12px 32px 80px}
.welcome-features-hd{text-align:center;max-width:600px;margin:0 auto 38px}
.welcome-features-hd h2{font-size:30px;letter-spacing:-.6px;margin:0 0 10px}
.welcome-features-hd p{font-size:14px;line-height:1.55;color:var(--text2);margin:0}
.welcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.welcome-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.welcome-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:15px}
.welcome-card h3{font-size:17px;margin:0 0 6px}
.welcome-card>p{font-size:13px;line-height:1.55;color:var(--text2);margin:0 0 16px}
.welcome-demo{background:var(--surface2);border:1px solid var(--border);border-radius:11px;padding:13px;min-height:84px}
.demo-task{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:9px;padding:10px}
.demo-score{margin-left:auto;color:var(--blue);font-size:18px;font-weight:800}
.demo-days{display:flex;gap:6px;margin-top:10px}.demo-days span{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface3);font-size:9px;font-weight:700;color:var(--text3)}.demo-days span.on{background:var(--purple);color:#fff}
.demo-tree{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700}.demo-tree span{background:#fff;border:1px solid var(--border);border-radius:7px;padding:6px 9px;width:max-content;max-width:100%}.demo-tree span:nth-child(2){margin-left:18px}.demo-tree span:nth-child(3){margin-left:36px;color:var(--blue);border-style:dashed}
.demo-bars{height:62px;display:flex;align-items:flex-end;gap:8px}.demo-bars span{flex:1;background:#cfdfff;border-radius:4px 4px 0 0}.demo-bars span:nth-child(1){height:38%}.demo-bars span:nth-child(2){height:62%}.demo-bars span:nth-child(3){height:48%}.demo-bars span:nth-child(4){height:82%}.demo-bars span:nth-child(5){height:100%;background:var(--blue)}
.welcome-cta{background:var(--blue);padding:58px 24px;text-align:center}.welcome-cta h2{color:#fff;font-size:28px;margin:0 0 10px}.welcome-cta p{color:#cfe0ff;font-size:14px;margin:0 0 24px}.welcome-cta button{background:#fff;color:var(--blue);border:none;border-radius:11px;padding:14px 24px;font-size:14px;font-weight:800}
.welcome-footer{text-align:center;padding:26px 20px;font-size:12px;color:var(--text3);background:var(--surface)}
.authcard{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 26px;box-shadow:var(--shadow)}
.authtabs{display:flex;gap:4px;background:var(--surface2);border-radius:11px;padding:4px;margin-bottom:22px}
.authtabs button{flex:1;border:none;background:none;padding:9px 0;border-radius:8px;font-size:13.5px;font-weight:700;color:var(--text3);cursor:pointer}
.authtabs button.on{background:var(--surface);color:var(--text1);box-shadow:var(--shadow)}
.authcard .logo{width:44px;height:44px;border-radius:12px;background:var(--blue);color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.authcard h1{font-size:20px;font-weight:800;letter-spacing:-.4px;margin:0 0 5px}
.authcard p.sub{font-size:13px;color:var(--text3);margin:0 0 20px}
.authcard label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text3);display:block;margin:0 0 6px}
.authcard .field{margin-bottom:14px}
.autherr{font-size:12.5px;color:var(--red);margin:2px 0 14px;min-height:0}
.authswitch{font-size:12.5px;color:var(--text2);text-align:center;margin-top:18px}
.authswitch a{cursor:pointer;font-weight:600}
.auth-security-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px;background:var(--blue);color:#10150a;font-weight:900;font-size:18px}
.auth-private-warning{display:flex;flex-direction:column;gap:4px;margin:-4px 0 18px;padding:12px 13px;border:1px solid rgba(186,243,74,.18);border-radius:11px;background:rgba(186,243,74,.06);color:var(--text2);font-size:11px;line-height:1.45}
.auth-private-warning b{color:var(--blue);font-size:10px;letter-spacing:.7px;text-transform:uppercase}
.auth-privacy-note{font-size:10.5px;color:var(--text3);text-align:center;margin:14px 0 0}
.auth-owner-link{color:var(--text3)!important;font-size:11px!important}
.private-access-note{max-width:1160px;margin:0 auto 56px;padding:20px 32px;display:flex;align-items:center;gap:14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text2)}
.private-access-note .private-access-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:var(--surface2);border:1px solid var(--border);color:var(--blue);font-weight:800}
.private-access-note b{font-size:12px;color:var(--text1)}
.private-access-note p{margin:3px 0 0;font-size:11.5px;color:var(--text3)}
.forgot{font-size:12px;text-align:right;margin:-8px 0 14px}.forgot a{cursor:pointer}
@media(max-width:860px){.auth-hero{grid-template-columns:1fr;gap:36px;padding:40px 20px 60px}.auth-hero h1{font-size:32px}.auth-hd{padding:14px 18px}.auth-hd nav{gap:14px}.welcome-features{padding:8px 20px 60px}.welcome-grid{grid-template-columns:1fr}.authcard{max-width:none}}
@media(max-width:520px){.auth-hd nav a:first-child{display:none}.auth-hd nav{gap:10px}.auth-hd nav .btn-p{padding:10px 12px}.auth-actions{align-items:flex-start;flex-direction:column;gap:12px}.welcome-features-hd h2{font-size:25px}.welcome-card{padding:18px}.welcome-cta h2{font-size:24px}}
@media(max-width:520px){.auth-owner-link{display:none}.private-access-note{margin:0 16px 38px;padding:17px 0}.auth-hd .brandmark small{font-size:8px}}

@media(min-width:721px) and (max-width:900px){
  .side{width:76px;padding:16px 8px}
  .brand .name,.addbtn span,.side-foot .btn-s,.nav-copy,.nav .count{display:none}
  .brand{justify-content:center;padding:6px 0 18px}
  .nav button{justify-content:center;padding:11px 0}
  .nav button .ic{width:20px;height:20px}
  .addbtn{padding:12px 0}
  .wrap{padding:28px 20px 80px}
  .kpis{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}
}
@media(max-width:720px){
  .side{position:fixed;bottom:0;left:0;width:100%;height:auto;flex-direction:row;padding:6px;border-right:none;border-top:1px solid var(--border);z-index:30;padding-bottom:max(6px,env(safe-area-inset-bottom))}
  .brand,.side-foot{display:none}
  .nav{flex-direction:row;flex:1;justify-content:space-around;gap:0;overflow-x:auto}
  .nav>div{display:none}
  .nav button{flex-direction:column;gap:3px;font-size:9.5px;padding:6px 2px;flex:1;justify-content:center;min-width:52px;min-height:48px}
  .nav button[data-mobile='more']{display:none}
  .nav button[data-mobile='onlymore']{display:flex}
  .nav .count{display:none}
  .main{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .wrap{padding:20px 16px 90px}
  .fab{position:fixed;bottom:calc(74px + env(safe-area-inset-bottom));right:16px;width:56px;height:56px;border-radius:18px;background:var(--blue);color:#fff;border:none;font-size:26px;box-shadow:0 6px 20px rgba(47,107,237,.4);z-index:31;display:flex;align-items:center;justify-content:center}
  .fab2{position:fixed;bottom:calc(138px + env(safe-area-inset-bottom));right:16px;width:56px;height:56px;border-radius:18px;background:var(--surface);color:var(--blue);border:1.5px solid var(--blue);font-size:12px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.12);z-index:31;display:flex;align-items:center;justify-content:center}
  .modal{width:92vw;max-width:380px}
  .sheet{width:100%;max-width:100%}
  .kpis{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}
  .dj-row{gap:12px}
  .day,.check{min-width:36px;min-height:36px}
  .check{width:36px;height:36px}
  .cbtn{min-height:40px;padding:9px 14px}
  .btn-s,.btn-p{min-height:44px}
  .catchip{min-height:44px;padding:8px 14px}
  .habit-card,.repeat-card{align-items:stretch;flex-direction:column;gap:12px}
  .habit-card .cbtn,.repeat-card .cbtn{width:100%;min-height:44px}
  .habit-card .days,.repeat-card .days{flex-wrap:wrap}
  .task-card .cbtn,.project-card .cbtn{min-height:44px}
  .main{scroll-padding-bottom:150px}
}
@media(max-width:480px){
  .sheet{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;max-height:90dvh;width:100%;border-radius:16px 16px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.18);transform:translateY(100%)}
  .sheet.show{transform:none}
  .sheet-hd{border-radius:16px 16px 0 0}
  .modal{top:auto;bottom:calc(76px + env(safe-area-inset-bottom));left:12px;right:12px;width:auto!important;max-width:none;max-height:calc(100dvh - 104px);transform:translateY(12px) scale(.98);border-radius:16px;padding:16px}
  .modal.show{transform:none}
  .more-menu .typ{min-height:52px}
  .project-task-fields{grid-template-columns:1fr}
}
@media(min-width:721px){.fab,.fab2{display:none}}

/* ═══════════════════════════════════════════════════════════════════════
   CLARO FOCUS — dark minimal interface
   The product logic and scoring engine below are intentionally unchanged.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  color-scheme:dark;
  --blue:#b6f24a;--blue-d:#9ed837;--blue-bg:#1b2912;--blue-bd:#3d5b24;
  --red:#ff6b75;--amber:#f8b84e;--green:#66d894;--purple:#aa93ff;
  --purple-bg:#211d35;--purple-bd:#3b335d;--green-bg:#12291e;--green-bd:#24563b;--amber-bg:#2d2314;--amber-bd:#574322;--pink:#ff82ad;--pink-bg:#301b25;--pink-bd:#5f3042;
  --bg:#090b0d;--surface:#111418;--surface2:#161a20;--surface3:#20252d;
  --border:#242a32;--border2:#303741;--text:#f4f6f8;--text2:#a5adb8;--text3:#7b8592;--text4:#5e6875;
  --r:16px;--shadow:0 14px 36px rgba(0,0,0,.24);
  --glow:0 0 0 1px rgba(182,242,74,.08),0 16px 44px rgba(0,0,0,.32);
}
*{scrollbar-color:#303741 transparent}
::selection{background:rgba(182,242,74,.24);color:var(--text)}
body{
  background:
    radial-gradient(900px 560px at 76% -160px,rgba(182,242,74,.055),transparent 72%),
    var(--bg);
  font-family:'DM Sans',system-ui,sans-serif;
  letter-spacing:-.01em;
}
h1,h2,h3,.brand .name,.phd h1,.scorebox .n,.kpi .n{font-family:'Manrope','DM Sans',system-ui,sans-serif}
a{color:var(--blue)}a:hover{color:#d4ff83}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--blue);outline-offset:3px;box-shadow:0 0 0 5px rgba(182,242,74,.13);
}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:#303741;border-radius:20px}

.side{
  width:286px;overflow-y:auto;
  background:rgba(13,16,19,.94);
  border-right:1px solid var(--border);
  padding:24px 18px 18px;
  backdrop-filter:blur(18px);
}
.brand{padding:4px 8px 26px;gap:12px}
.brand .logo,.auth-hd .brandmark .logo,.authcard .logo{
  position:relative;background:var(--blue);color:#10150a;border-radius:12px;
  box-shadow:0 0 28px rgba(182,242,74,.16);font-family:'Manrope',sans-serif;
}
.brand .logo::after{
  content:'';position:absolute;right:-3px;bottom:-3px;width:8px;height:8px;border-radius:50%;
  background:#101318;border:2px solid var(--blue);
}
.brand .name{font-size:15px;letter-spacing:-.35px}
.nav{gap:0}
.nav-section{position:relative;margin-bottom:10px}
.nav-label{
  font-size:9px;font-weight:700;letter-spacing:1.25px;text-transform:uppercase;
  color:var(--text4);margin:14px 12px 7px;
}
.nav-section.flow{padding-left:0}
.nav-section.flow::before{
  content:'';position:absolute;left:22px;top:45px;bottom:18px;width:1px;
  background:linear-gradient(var(--border2),rgba(182,242,74,.35));
}
.nav-section.flow button{position:relative}
.nav-section.flow button::before{
  content:'';position:absolute;left:18px;width:8px;height:8px;border-radius:50%;
  background:#15191e;border:2px solid #48515d;z-index:1;
}
.nav-section.flow button.on::before{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 4px rgba(182,242,74,.1)}
.nav-section.flow button .ic{margin-left:15px}
.nav button{
  min-height:48px;gap:11px;border-radius:11px;padding:8px 11px;
  color:var(--text3);font-size:13px;font-weight:600;
}
.nav button:hover{background:#181d23;color:var(--text)}
.nav button.on{background:#202a18;color:var(--blue);box-shadow:inset 0 0 0 1px rgba(182,242,74,.08)}
.nav button .ic{width:17px;height:17px}
.nav-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.nav-copy .lbl{color:inherit;line-height:1.15}
.nav-copy small{font-size:9.5px;font-weight:500;color:var(--text4);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav button.on .nav-copy small{color:#8ca65e}
.nav .count{color:var(--text3);background:var(--surface3);padding:2px 7px;border-radius:999px}
.nav button.on .count{background:rgba(182,242,74,.13);color:var(--blue)}
.side-foot{padding:10px 5px 0;gap:9px}
.side-foot>.btn-s{background:transparent}
.side-hierarchy{
  margin:10px 4px 0;padding:13px 10px 12px;border:1px solid var(--border);
  border-radius:14px;background:rgba(255,255,255,.018);
}
.side-hierarchy-label{
  margin-bottom:10px;font-size:8.5px;font-weight:700;letter-spacing:1.15px;
  text-transform:uppercase;color:var(--text4);
}
.side-hierarchy button{
  position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  border:0;background:transparent;color:var(--text);text-align:left;padding:7px 7px 7px 24px;
  border-radius:9px;
}
.side-hierarchy button:hover{background:var(--surface2)}
.side-hierarchy button::before{
  content:'';position:absolute;left:7px;top:13px;width:7px;height:7px;border-radius:50%;
  background:var(--surface3);border:1px solid #46505c;z-index:1;
}
.side-hierarchy button:not(:last-child)::after{
  content:'';position:absolute;left:10px;top:20px;width:1px;height:25px;background:var(--border2);
}
.side-hierarchy button:nth-of-type(2){margin-left:7px;width:calc(100% - 7px)}
.side-hierarchy button:nth-of-type(3){margin-left:14px;width:calc(100% - 14px)}
.side-hierarchy button:nth-of-type(3)::before{background:var(--blue);border-color:var(--blue)}
.side-hierarchy small{font-size:8.5px;color:var(--text4);text-transform:uppercase;letter-spacing:.65px}
.side-hierarchy b{max-width:100%;font-size:10.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.addbtn,.btn-p{
  background:var(--blue);color:#10150a;border:none;box-shadow:none;
}
.addbtn{min-height:46px;border-radius:13px;font-size:13px}
.addbtn:hover,.btn-p:hover{background:var(--blue-d);color:#0d1207;transform:translateY(-1px)}
.syncline{text-align:left;padding:0 4px;font-size:10px}

.main{background:transparent;scroll-behavior:smooth}
.app-topbar{
  height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(36,42,50,.7);background:rgba(9,11,13,.72);
  backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;
}
.app-crumb{font-size:12px;color:var(--text3);display:flex;align-items:center;gap:8px}
.app-crumb b{font-weight:600;color:var(--text2)}
.top-status{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text3)}
.top-status .status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(102,216,148,.09)}
.wrap{max-width:1040px;padding:44px 40px 100px}
@media(min-width:1440px){.wrap{max-width:1120px}}
.phd{margin-bottom:28px}
.phd h1{font-size:32px;letter-spacing:-1.2px;line-height:1.05}
.phd p{font-size:13px;color:var(--text3);margin-top:8px}
.eyebrow{display:block;margin-bottom:10px;font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue)}
.focus-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.focus-heading .btn-p{min-width:114px}
.sec-t{font-size:9.5px;letter-spacing:1.15px;color:var(--text3);margin:30px 3px 12px}

.focus-context{margin-bottom:4px}
.focus-context>summary{
  min-height:48px;list-style:none;display:flex;align-items:center;gap:12px;padding:0 3px;
  color:var(--text2);cursor:pointer;border-bottom:1px solid transparent;
}
.focus-context>summary::-webkit-details-marker{display:none}
.focus-context>summary::after{
  content:'\2303';margin-left:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--border);border-radius:9px;background:var(--surface2);color:var(--text3);
  font-size:14px;transition:.18s;
}
.focus-context:not([open])>summary::after{transform:rotate(180deg)}
.focus-context>summary:hover{color:var(--text)}
.focus-context-title{display:flex;flex-direction:column;gap:2px}
.focus-context-title b{font-size:11.5px;color:var(--text);letter-spacing:.1px}
.focus-context-title small{font-size:9.5px;color:var(--text4)}
.focus-context-state{font-size:10px;color:var(--text4);margin-left:auto}
.focus-context-state .state-closed{display:none}
.focus-context:not([open]) .focus-context-state .state-open{display:none}
.focus-context:not([open]) .focus-context-state .state-closed{display:inline}
.focus-overview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:12px;margin:10px 0 26px}
.flow-card,.score-card{
  background:linear-gradient(145deg,#13171c,#101318);border:1px solid var(--border);
  border-radius:20px;padding:20px;box-shadow:0 12px 34px rgba(0,0,0,.16);
}
.overview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;color:var(--text3);font-size:10px;font-weight:700;letter-spacing:.9px;text-transform:uppercase}
.overview-label span:last-child{font-weight:500;letter-spacing:0;text-transform:none;color:var(--text4)}
.path-track{display:flex;align-items:center;min-width:0}
.path-step{
  border:0;background:transparent;color:var(--text2);padding:0;width:92px;flex:0 1 92px;min-width:0;
  display:flex;flex-direction:column;align-items:flex-start;gap:7px;cursor:pointer;
}
.path-step:hover .path-node{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
.path-step small{font-size:10px;color:var(--text3);white-space:nowrap}
.path-step-name{
  width:100%;max-width:92px;color:var(--text);font-size:9.5px;font-weight:650;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.path-node{
  width:34px;height:34px;border-radius:11px;border:1px solid var(--border2);background:var(--surface2);
  display:flex;align-items:center;justify-content:center;font:700 11px 'Manrope';transition:.18s;
}
.path-step.current .path-node{background:var(--blue);border-color:var(--blue);color:#10150a;box-shadow:0 0 22px rgba(182,242,74,.13)}
.path-step.current small{color:var(--text);font-weight:700}
.path-line{height:1px;flex:1;min-width:12px;background:linear-gradient(90deg,var(--border2),rgba(182,242,74,.42));margin:0 7px 21px}
.path-branches{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.path-branches>span{font-size:10px;color:var(--text4);margin-right:2px}
.branch-chip{border:1px solid var(--border);background:var(--surface2);color:var(--text2);border-radius:999px;padding:6px 10px;font-size:10.5px}
.branch-chip:hover{border-color:var(--blue-bd);color:var(--blue)}
.score-card{position:relative;overflow:hidden}
.score-card::after{content:'';position:absolute;right:-70px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:rgba(182,242,74,.045);filter:blur(2px)}
.score-card .score-kicker{font-size:10px;color:var(--blue);font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.score-card h3{font-size:17px;margin:7px 0 5px;letter-spacing:-.4px}
.score-card p{font-size:11.5px;line-height:1.5;color:var(--text3);margin:0 0 15px}
.score-formula{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.factor{font-size:9.5px;color:var(--text2);padding:5px 7px;border:1px solid var(--border);background:var(--surface2);border-radius:7px}
.operator{font-size:10px;color:var(--text4)}
.score-live{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:10.5px;color:var(--text3)}
.score-live i{display:block;width:6px;height:6px;border-radius:50%;background:var(--green)}

.card{
  min-height:78px;background:rgba(17,20,24,.9);border-color:var(--border);
  border-radius:15px;padding:15px 16px;margin-bottom:9px;gap:15px;box-shadow:none;
}
.card:hover{background:#15191e;border-color:#3b444f;box-shadow:var(--glow);transform:translateY(-1px)}
.card.overdue{border-left:2px solid var(--red)}
.card.today{border-left:2px solid var(--amber)}
.rank{
  width:34px;height:34px;border-radius:11px;background:var(--surface3);display:flex;align-items:center;justify-content:center;
  color:var(--text3);font:700 12px 'Manrope';font-variant-numeric:tabular-nums;
}
.task-card:first-of-type .rank{background:var(--blue);color:#10150a}
.cname{font-size:14px;font-weight:650;margin-bottom:6px;letter-spacing:-.12px}
.cmeta{gap:7px;font-size:11px;color:var(--text3)}
.cmeta b{color:var(--blue);font-family:'Manrope';font-weight:800;font-variant-numeric:tabular-nums}
.cmeta .sep{color:#3d454f}
.cbtn{
  background:transparent;border:1px solid var(--border2);color:var(--text2);border-radius:10px;
  min-height:38px;padding:8px 13px;
}
.cbtn:hover{background:var(--blue);border-color:var(--blue);color:#10150a}
.check{border-color:var(--border2);background:var(--surface2)}
.check:hover{border-color:var(--blue);color:var(--blue)}
.prog{background:var(--surface3)}.prog>div{background:var(--blue)}

.panel,.kpi,.chart,.welcome-card,.welcome-demo,.authcard{
  background:var(--surface);border-color:var(--border);box-shadow:none;
}
.panel{border-radius:16px}
.row{border-color:var(--border)}
.kpis{gap:9px}.kpi{border-radius:15px}.kpi.hi{background:var(--blue-bg);border-color:var(--blue-bd)}.kpi.hi .n{color:var(--blue)}.kpi.hi .l{color:#96aa79}
.kpi.bad{border-color:#4b272d}.chart{border-radius:16px}
.empty{border:1px dashed var(--border2);border-radius:18px;background:rgba(17,20,24,.52)}
.empty .badge{background:var(--blue-bg);color:var(--blue)}

.field,.typ,.catchip,.btn-s,.dj-chip,.dj-add,.dj-note,.authtabs,.demo-task{
  background:var(--surface2);border-color:var(--border2);color:var(--text);
}
.field::placeholder,textarea::placeholder{color:var(--text4)}
.field:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(182,242,74,.08)}
.native-picker{
  position:relative;display:flex;align-items:center;min-height:54px;width:100%;
  border:1px solid var(--border2);border-radius:11px;background:var(--surface2);
  color:var(--text4);overflow:hidden
}
.native-picker.has-value{color:var(--text)}
.native-picker:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(182,242,74,.08)}
.native-picker>span{display:block;width:100%;padding:13px 42px 13px 14px;font:500 14px 'Inter';pointer-events:none}
.native-picker>input{
  position:absolute;inset:0;width:100%;height:100%;opacity:.01;cursor:pointer;
  appearance:none;-webkit-appearance:none;color-scheme:dark
}
.native-picker::after{
  content:'›';position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(90deg);
  color:var(--text3);font-size:22px;pointer-events:none
}
@media (min-width:701px) and (hover:hover) and (pointer:fine){
  .native-picker>span,.native-picker::after{display:none}
  .native-picker>input{
    position:relative;inset:auto;opacity:1;width:100%;height:52px;padding:0 14px;
    appearance:auto;-webkit-appearance:auto;background:transparent;border:0;
    color:var(--text);font:500 14px 'Inter';cursor:pointer
  }
}
.exact-calendar-card{
  display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:16px;margin:14px 0 18px;
  border:1px solid var(--border);border-radius:13px;background:var(--surface2)
}
.exact-calendar-card b{grid-column:1/-1;font-size:14px}
.exact-calendar-card span,.exact-calendar-card small{color:var(--text2);font-size:12px}
.btn-s{color:var(--text2)}
.btn-s:hover{background:var(--surface3);color:var(--text)}
.catchip{border-radius:999px;color:var(--text2);padding:8px 13px}
.catchip:hover{border-color:#48515d;color:var(--text)}
.catchip.on{background:var(--blue-bg);border-color:var(--blue-bd);color:var(--blue)}
.scorebox{background:linear-gradient(145deg,var(--surface2),#12161a);border-color:var(--border)}
.scorebox .n,.sl-val{color:var(--blue)}
input[type=range]{background:var(--surface3)}
input[type=range]::-webkit-slider-thumb,input[type=range]::-moz-range-thumb{background:var(--surface);border-color:var(--blue)}
.toggle{background:#303741}.sr-only:checked+.toggle{background:var(--blue)}.toggle>span{background:#f4f6f8}.sr-only:checked+.toggle>span{background:#10150a}
.day{background:var(--surface3);color:var(--text3)}.day.on{background:var(--blue);color:#10150a}
.ring>div{background:var(--surface);color:var(--blue)}

.dj-card{background:var(--surface);border-color:var(--border)!important}
.dj-hd,.dj-sec,.dj-footer{background:var(--surface2)!important}
.dj-title{color:var(--text)}
.scrim{background:rgba(2,3,4,.74);backdrop-filter:blur(4px)}
.modal,.sheet{background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 80px rgba(0,0,0,.56)}
.sheet-hd{background:rgba(17,20,24,.96);border-color:var(--border);backdrop-filter:blur(16px)}
.x{background:var(--surface3);color:var(--text2)}
.chip{color:var(--blue);background:var(--blue-bg)}
.why{background:var(--purple-bg);border-color:var(--purple-bd);color:#cec5f2}
.toast{background:#ecf1e7;color:#11160d}

#auth{background:var(--bg)}
.auth-hd{background:rgba(9,11,13,.84);border-color:var(--border);backdrop-filter:blur(18px);position:sticky;top:0;z-index:2}
.auth-hero{max-width:1160px;min-height:660px;align-items:center}
.auth-hero h1{font-size:58px;letter-spacing:-2.5px;line-height:1.01}
.auth-badge{background:var(--blue-bg);color:var(--blue);border-color:var(--blue-bd)}
.auth-checks span.tick{color:var(--blue)}
.authcard{background:linear-gradient(155deg,#15191e,#101318);box-shadow:0 28px 80px rgba(0,0,0,.34)}
.authtabs button{color:var(--text3)}.authtabs button.on{background:var(--surface3);color:var(--text);box-shadow:none}
.welcome-card{border-radius:18px}.welcome-demo{background:var(--surface2)}
.welcome-cta{background:var(--blue)}.welcome-cta h2{color:#10150a}.welcome-cta p{color:#385012}.welcome-cta button{background:#10150a;color:var(--blue)}
.welcome-footer{background:var(--surface);color:var(--text3)}

[style*="background:#fff"],[style*="background: #fff"]{background:var(--surface)!important}
[style*="border:1px solid #f0f1f4"]{border-color:var(--border)!important}
[style*="border:2px solid #d3d8e0"]{border-color:var(--border2)!important}

@media(max-width:1024px){
  .focus-overview{grid-template-columns:1fr}
  .wrap{padding:34px 28px 90px}
}
@media(min-width:721px) and (max-width:900px){
  .side{width:82px;padding:18px 8px}
  .side-hierarchy{display:none}
  .nav-section.flow::before,.nav-section.flow button::before,.nav-label{display:none}
  .nav-section.flow button .ic{margin-left:0}
  .app-topbar{padding:0 22px}
}
@media(max-width:720px){
  .side{background:rgba(13,16,19,.94);border-color:var(--border);backdrop-filter:blur(18px);padding:7px 6px}
  .app-topbar{height:54px;padding:0 17px}.top-status{display:none}
  .wrap{padding:25px 16px 100px}
  .phd h1{font-size:28px}
  .focus-heading{align-items:center}.focus-heading .btn-p{min-width:0;padding:11px 14px}
  .flow-card,.score-card{padding:17px;border-radius:17px}
  .focus-context>summary{padding:0;min-height:52px}
  .focus-context-state{display:none}
  .path-track{overflow:visible;padding:0;flex-direction:column;align-items:stretch}
  .path-step{
    width:100%;max-width:none;min-height:46px;flex:0 0 auto;flex-direction:row;
    align-items:center;gap:10px;text-align:left;
  }
  .path-step small{font-size:9px;width:48px;flex:0 0 48px}
  .path-step-name{width:auto;max-width:none;flex:1;font-size:10.5px}
  .path-node{flex:0 0 34px}
  .path-line{width:1px;height:11px;min-width:1px;flex:0 0 11px;margin:-5px 0 -5px 17px}
  .focus-overview{gap:9px}
  .path-branches{gap:7px}
  .branch-chip{min-height:40px;padding:8px 12px}
  .card{align-items:flex-start;padding:14px 13px;gap:10px}
  .task-card .cbtn{padding:8px 10px;min-height:38px}
  .fab{background:var(--blue);color:#10150a;box-shadow:0 8px 28px rgba(0,0,0,.45)}
  .fab2{background:var(--surface);color:var(--blue);border-color:var(--blue)}
  .nav>.nav-section{display:contents}
  .nav>.nav-section .nav-label{display:none}
}
@media(max-width:440px){
  .path-branches{align-items:flex-start;flex-wrap:wrap}
  .rank{width:30px;height:30px}
  .cbtn{font-size:0;width:38px;padding:0}
  .cbtn::after{content:'\2713';font-size:14px}
  .auth-hero h1{font-size:40px;letter-spacing:-1.7px}
}

/* UX consolidation: one action, one planning tree, dedicated mobile navigation */
.mobile-nav{display:none}
.top-actions{display:flex;align-items:center;gap:9px}
.ranking-status{
  display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text3);
  font:600 11px 'DM Sans';padding:9px 10px;border-radius:10px;
}
.ranking-status:hover{background:var(--surface2);color:var(--text2)}
.ranking-status .status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(102,216,148,.09)}
.top-add{padding:10px 15px;font-size:12px;border-radius:10px}
.top-find-time{
  border:1px solid #353b44;background:#050607;color:var(--text);border-radius:10px;
  padding:10px 15px;font:650 12px 'DM Sans';cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.22);
}
.top-find-time:hover{border-color:var(--blue);color:var(--blue)}
.empty-actions{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;flex-wrap:wrap}
.find-time-icon{
  width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#050607;border:1px solid #353b44;
  display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:18px;
}
.scout-context-block{margin-top:16px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(182,242,74,.025)}
.scout-context-block.compact{margin-top:16px;padding:12px}
.scout-context-block p{margin:-3px 0 10px;color:var(--text3);font-size:11px;line-height:1.55}
.task-detail-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:14px;border-top:1px solid var(--border)}
.task-detail-actions .btn-p{flex:1;min-width:112px}
.calendar-task-button{color:var(--blue);border-color:var(--blue-bd)}
.idea-capture{margin-bottom:22px;padding:18px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}
.idea-capture-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px}
.idea-capture textarea{margin-top:10px;resize:vertical;font-family:inherit}
.idea-capture-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px}
.idea-capture-actions small{max-width:620px;color:var(--text3);font-size:11px;line-height:1.5}
.idea-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.idea-card{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.idea-card-top,.idea-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.idea-card-top span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}
.idea-card-top button{border:0;background:none;color:var(--text4);font-size:10px;cursor:pointer}
.idea-card>input,.idea-card>textarea{display:block;width:100%;border:0;background:transparent;color:var(--text);font-family:inherit}
.idea-card>input{margin:13px 0 7px;font-size:15px;font-weight:750}
.idea-card>textarea{min-height:72px;resize:vertical;color:var(--text2);font-size:11.5px;line-height:1.5}
.idea-card footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);color:var(--text4);font-size:9px}
.top-settings{display:none;border:1px solid var(--border);background:var(--surface2);color:var(--text2);width:40px;height:40px;border-radius:11px;align-items:center;justify-content:center}
.top-settings .ic{width:18px;height:18px}
.first-section{margin-top:0}
.text-button{border:0;background:transparent;color:var(--text3);font:600 10.5px 'DM Sans';padding:5px 0;text-transform:none;letter-spacing:0}
.text-button:hover{color:var(--blue)}
.show-more{
  width:100%;border:1px dashed var(--border2);background:transparent;color:var(--text2);
  min-height:42px;border-radius:12px;font:600 12px 'DM Sans';margin:3px 0 2px;
}
.show-more:hover{border-color:var(--blue-bd);color:var(--blue);background:rgba(182,242,74,.025)}
.today-links{display:flex;gap:18px;justify-content:center;margin-top:34px;padding-top:20px;border-top:1px solid var(--border)}
.today-links button{border:0;background:transparent;color:var(--text3);font:600 11.5px 'DM Sans';padding:7px}
.today-links button:hover{color:var(--blue)}

/* Claro assistant: simple request, recommendations, and approval */
.find-time-card{
  margin:18px 0 26px;border:1px solid var(--blue-bd);border-radius:18px;
  background:linear-gradient(135deg,rgba(182,242,74,.08),rgba(182,242,74,.015) 60%),var(--surface);
  overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.13);
}
.find-time-main{display:flex;align-items:center;gap:14px;padding:18px}
.assistant-mark{
  width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:var(--blue);
  color:#10150a;display:flex;align-items:center;justify-content:center;font:800 17px 'Manrope';
}
.find-time-copy{min-width:0;flex:1}
.find-time-copy .eyebrow{display:block;margin-bottom:4px}
.find-time-copy h2{font:700 16px 'Manrope';margin:0 0 4px}
.find-time-copy p{font-size:11.5px;line-height:1.45;color:var(--text2);margin:0;max-width:480px}
.find-time-open{flex-shrink:0;padding:11px 16px}
.find-time-note{
  display:flex;align-items:center;gap:8px;border-top:1px solid var(--border);
  padding:10px 18px;color:var(--text3);font-size:10.5px;
}
.saved-time-list{border-top:1px solid var(--border);padding:5px 16px 8px}
.saved-time{display:flex;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid var(--border)}
.saved-time:last-child{border-bottom:0}
.saved-time>span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.saved-time b{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saved-time small{font-size:10px;color:var(--text3)}
.saved-time button{border:0;background:transparent;color:var(--text3);font:600 10.5px 'DM Sans';padding:8px}
.saved-time button:hover{color:var(--red)}
.find-time-modal h2{font:700 22px 'Manrope';margin:5px 0 7px}
.find-time-loading{text-align:center;padding:16px 4px}
.find-time-loading .assistant-mark{margin:0 auto 16px}
.find-time-loading h2{font:700 20px 'Manrope';margin:0 0 7px}
.find-time-loading p{font-size:12px;color:var(--text2);margin:0}
.find-time-modal>p{font-size:12px;line-height:1.5;color:var(--text2);margin:0 0 18px}
.find-time-modal>label,.find-time-grid label,.find-time-more>label{
  display:flex;flex-direction:column;gap:7px;font-size:10.5px;font-weight:700;
  letter-spacing:.35px;text-transform:uppercase;color:var(--text3);
}
.find-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.find-time-task-context{
  display:flex;justify-content:space-between;gap:10px;margin-top:10px;padding:10px 12px;
  border:1px solid var(--blue-bd);border-radius:10px;background:var(--blue-bg);
  color:var(--text2);font-size:10.5px;font-weight:650;
}
.task-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.task-time-grid label,.task-duration-field{
  display:flex;flex-direction:column;gap:7px;color:var(--text3);font-size:10.5px;
  font-weight:800;letter-spacing:.35px;text-transform:uppercase;
}
.task-duration-field{margin-bottom:18px}
.scheduled-task-note{
  display:flex;align-items:flex-start;gap:12px;margin:-4px 0 18px;padding:12px;
  border:1px solid var(--blue-bd);border-radius:11px;background:var(--blue-bg);
}
.scheduled-task-note b{font-size:11px;color:var(--blue)}
.scheduled-task-note span{font-size:10.5px;line-height:1.55;color:var(--text2)}
.find-time-more{margin-top:12px;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.find-time-more summary{list-style:none;padding:12px 14px;color:var(--text2);font-size:11.5px;font-weight:700}
.find-time-more summary::-webkit-details-marker{display:none}
.find-time-more summary::after{content:'+';float:right;color:var(--blue)}
.find-time-more[open] summary::after{content:'-'}
.find-time-more[open] summary{border-bottom:1px solid var(--border)}
.find-time-more>label{margin:12px 14px}
.find-time-more .find-check{flex-direction:row;align-items:center;text-transform:none;letter-spacing:0}
.find-time-more .find-check input{width:18px;height:18px;accent-color:var(--blue)}
.find-options{display:flex;flex-direction:column;gap:9px}
.find-time-empty{
  border:1px dashed var(--border2);border-radius:13px;padding:18px;text-align:center;
  display:flex;flex-direction:column;gap:5px;
}
.find-time-empty b{font-size:12.5px}.find-time-empty span{font-size:10.5px;color:var(--text3)}
.find-option{border:1px solid var(--border);background:var(--surface2);border-radius:14px;padding:13px}
.find-option-top{display:flex;align-items:flex-start;gap:10px}
.find-option-top>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.find-option-top b{font:700 12.5px 'Manrope'}
.find-option-top small{font-size:10.5px;color:var(--text3)}
.find-option-top button{
  border:1px solid var(--blue-bd);background:var(--blue-bg);color:var(--blue);
  border-radius:9px;padding:8px 11px;font-size:10.5px;font-weight:700;
}
.find-blocks{display:flex;gap:6px;overflow-x:auto;padding-top:11px;scrollbar-width:none}
.find-blocks::-webkit-scrollbar{display:none}
.find-blocks>div{
  min-width:105px;border:1px solid var(--border);border-radius:10px;background:var(--surface);
  padding:9px;display:flex;flex-direction:column;gap:2px;
}
.find-blocks span,.find-confirm-blocks span{font-size:9px;text-transform:uppercase;letter-spacing:.45px;color:var(--text3)}
.find-blocks strong{font-size:11.5px}.find-blocks small{font-size:9.5px;color:var(--text2)}
.find-time-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.find-confirm-title{font:700 15px 'Manrope';margin-bottom:10px}
.find-confirm-blocks{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:13px;overflow:hidden}
.find-confirm-blocks>div{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:12px 13px;border-bottom:1px solid var(--border);align-items:center}
.find-confirm-blocks>div:last-child{border-bottom:0}
.find-confirm-blocks b{font-size:11.5px}.find-confirm-blocks small{font-size:10.5px;color:var(--text2)}
.calendar-logo{
  display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;
  border:1px solid var(--border2);background:var(--surface2);font:800 15px 'Manrope';color:var(--text2);
}
.calendar-logo.connected{background:var(--blue-bg);border-color:var(--blue-bd);color:var(--blue)}
.calendar-connect{padding:10px 15px;min-height:40px}
.today-empty{margin-bottom:22px}

.plan-hub-search{
  position:relative;margin-bottom:18px;background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:5px;
}
.plan-hub-search input{
  width:100%;min-height:46px;border:0;background:transparent;color:var(--text);
  padding:10px 42px 10px 42px;font:500 13px 'DM Sans';outline:none;
}
.plan-hub-search>svg{position:absolute;left:17px;top:18px;width:18px;height:18px;color:var(--text4)}
.plan-search-clear{
  position:absolute;right:8px;top:8px;width:40px;height:40px;border:0;border-radius:10px;
  background:transparent;color:var(--text3);font-size:17px;display:none;
}
.plan-search-clear.show{display:block}.plan-search-clear:hover{background:var(--surface3);color:var(--text)}
.plan-search-results{display:none;margin:-8px 0 18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}
.plan-search-results.show{display:block}
.plan-result{
  width:100%;min-height:58px;border:0;border-bottom:1px solid var(--border);background:transparent;
  color:var(--text);display:flex;align-items:center;gap:12px;text-align:left;padding:11px 14px;
}
.plan-result:last-child{border-bottom:0}.plan-result:hover{background:var(--surface2)}
.plan-result-type{
  min-width:56px;font-size:8.5px;font-weight:700;letter-spacing:.75px;text-transform:uppercase;color:var(--blue);
}
.plan-result-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.plan-result-copy b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-result-copy small{font-size:10px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-result-empty{padding:22px;text-align:center;color:var(--text3);font-size:12px}
.plan-hub-map{
  position:relative;background:linear-gradient(145deg,#13171c,#101318);border:1px solid var(--border);
  border-radius:18px;padding:10px;margin-bottom:14px;overflow:hidden;
}
.plan-hub-map::before{
  content:'';position:absolute;left:35px;top:38px;bottom:38px;width:1px;
  background:linear-gradient(var(--border2),rgba(182,242,74,.45));
}
.plan-hub-row{
  position:relative;width:100%;min-height:76px;border:0;background:transparent;color:var(--text);
  display:grid;grid-template-columns:42px minmax(0,1fr) auto 22px;align-items:center;gap:10px;
  padding:8px 10px;text-align:left;border-radius:12px;
}
.plan-hub-row:hover{background:rgba(255,255,255,.025)}
.plan-hub-icon{
  position:relative;z-index:1;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--text3);background:#12161b;border:2px solid #48515d;
}
.plan-hub-icon .ic{width:14px;height:14px}
.plan-hub-row:hover .plan-hub-icon{border-color:var(--blue);color:var(--blue)}
.plan-hub-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.plan-hub-copy b{font:700 15px 'Manrope'}
.plan-hub-copy small{font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-hub-count{min-width:28px;padding:4px 8px;border-radius:999px;background:var(--surface3);color:var(--text2);font:700 10px 'Manrope';text-align:center}
.plan-hub-arrow{color:var(--text4);font-size:18px}
.plan-hub-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.plan-meta-card{
  min-height:64px;border:1px solid var(--border);background:var(--surface);color:var(--text);
  border-radius:13px;padding:12px 14px;display:flex;align-items:center;gap:11px;text-align:left;
}
.plan-meta-card:hover{border-color:var(--blue-bd);background:var(--blue-bg)}
.plan-meta-card span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.plan-meta-card b{font-size:11.5px}.plan-meta-card small{font-size:9.5px;color:var(--text3)}
.plan-meta-card strong{font:700 12px 'Manrope';color:var(--blue)}
.plan-section-back{
  border:0;background:transparent;color:var(--text3);font:600 11px 'DM Sans';
  padding:5px 0;margin-bottom:14px;
}
.plan-section-back:hover{color:var(--blue)}

.plan-add{
  display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);
  border:1px solid var(--border);border-radius:16px;padding:16px 18px;margin-bottom:16px;
}
.plan-add>div:first-child{display:flex;flex-direction:column;gap:3px}
.plan-add b{font-size:13px}.plan-add span{font-size:11.5px;color:var(--text3)}
.inline-add{display:flex;gap:8px;min-width:min(420px,52%)}
.inline-add .field{min-height:40px;padding:9px 12px}
.inline-add .btn-p,.inline-add .btn-s{white-space:nowrap;min-height:40px;padding:9px 14px}
.plan-tree{display:flex;flex-direction:column;gap:12px}
.tree-journey,.tree-goal{
  border:1px solid var(--border);background:var(--surface);border-radius:17px;overflow:hidden;
}
.tree-goal{border-radius:14px;background:var(--surface2)}
.tree-journey>summary,.tree-goal>summary{
  list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:15px 16px;min-height:62px;
}
.tree-journey>summary::-webkit-details-marker,.tree-goal>summary::-webkit-details-marker{display:none}
.tree-journey>summary::after,.tree-goal>summary::after{content:'\2304';color:var(--text4);font-size:16px;margin-left:4px;transition:.15s}
.tree-journey:not([open])>summary::after,.tree-goal:not([open])>summary::after{transform:rotate(-90deg)}
.tree-journey>summary:hover,.tree-goal>summary:hover{background:rgba(255,255,255,.012)}
.tree-icon{
  display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;
  background:var(--surface3);border:1px solid var(--border2);color:var(--text2);font:700 10px 'Manrope';flex:0 0 30px;
}
.tree-journey>summary>.tree-icon{background:var(--blue-bg);border-color:var(--blue-bd);color:var(--blue)}
.tree-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;text-align:left}
.tree-copy b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tree-copy small{font-size:10.5px;color:var(--text3);font-weight:500}
.tree-actions{display:flex;gap:4px}
.tree-actions button{
  border:0;background:transparent;color:var(--text3);font:600 10.5px 'DM Sans';
  min-height:32px;padding:6px 8px;border-radius:8px;
}
.tree-actions button:hover{background:var(--surface3);color:var(--text)}
.tree-actions .danger-link:hover{color:var(--red);background:var(--pink-bg)}
.tree-children{position:relative;margin:0 14px 14px 31px;padding:2px 0 0 18px;border-left:1px solid var(--border2);display:flex;flex-direction:column;gap:9px}
.tree-goal>.tree-children{margin-left:27px;padding-left:16px}
.tree-empty{font-size:11.5px;color:var(--text3);margin:4px 3px 2px}
.nested-add{min-width:0;width:100%;padding-top:2px}
.tree-project{background:#12161b;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.project-main{
  display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:var(--text);
  text-align:left;padding:12px;min-height:56px;
}
.project-main:hover{background:rgba(255,255,255,.018)}
.progress-mini{width:72px;height:4px;border-radius:3px;background:var(--surface3);overflow:hidden}
.progress-mini i{display:block;height:100%;background:var(--blue);border-radius:3px}
.tree-tasks{border-top:1px solid var(--border);padding:5px 10px}
.tree-task{
  width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--text2);
  min-height:38px;text-align:left;padding:6px 4px;border-radius:8px;
}
.tree-task:hover{background:var(--surface2)}
.tree-task>span{width:19px;height:19px;border:1.5px solid var(--border2);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#10150a;font-size:10px}
.tree-task>b{font-size:11.5px;flex:1}.tree-task>small{font-size:9.5px;color:var(--text4)}
.tree-task.done{opacity:.55}.tree-task.done>b{text-decoration:line-through}.tree-task.done>span{background:var(--blue);border-color:var(--blue)}
.project-add-task{width:100%;border:0;border-top:1px solid var(--border);background:transparent;color:var(--text3);font:600 10.5px 'DM Sans';padding:9px}
.project-add-task:hover{color:var(--blue);background:rgba(182,242,74,.025)}
.unlinked-goals{display:flex;flex-direction:column;gap:9px}
.parked-project{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.parked-project>span{display:flex;flex-direction:column;gap:2px;flex:1}.parked-project b{font-size:12.5px}.parked-project small{font-size:10px;color:var(--text3)}
.parked-project .btn-s{padding:8px 12px;font-size:11px}
.plan-empty{margin-top:0}

.routine-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.routine-add{padding:11px 15px;font-size:12px}
.segmented{display:inline-flex;background:var(--surface);border:1px solid var(--border);padding:4px;border-radius:12px;margin-bottom:22px}
.segmented button{border:0;background:transparent;color:var(--text3);font:600 12px 'DM Sans';padding:9px 13px;border-radius:9px}
.segmented button span{font-size:9px;margin-left:4px;color:var(--text4)}
.segmented button.on{background:var(--surface3);color:var(--text)}
.segmented button.on span{color:var(--blue)}

.priority-disclosure{margin-top:17px;border:1px solid var(--border);border-radius:13px;background:var(--surface2);overflow:hidden}
.priority-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:13px 14px}
.priority-disclosure>summary::-webkit-details-marker{display:none}
.priority-disclosure>summary>span{display:flex;flex-direction:column;gap:2px}
.priority-disclosure>summary b{font-size:12.5px}.priority-disclosure>summary small{font-size:10.5px;color:var(--text3);font-weight:500}
.priority-disclosure>summary strong{font:700 12px 'Manrope';color:var(--blue);white-space:nowrap}
.priority-controls{padding:15px 14px 16px;border-top:1px solid var(--border)}
.score-help h2{font:700 21px 'Manrope';margin:0 0 8px}.score-help p{font-size:12.5px;line-height:1.55;color:var(--text2);margin:0 0 17px}
.auth-nav-link,.auth-text-link,.forgot button,.authswitch button{
  border:0;background:transparent;color:var(--blue);font:600 13px 'DM Sans';padding:3px;cursor:pointer;
}
.auth-nav-link{color:var(--text2);font-size:13.5px}.auth-nav-link:hover,.auth-text-link:hover,.forgot button:hover,.authswitch button:hover{color:#d4ff83}
.forgot button{font-size:12px}.authswitch button{font-size:12.5px}

@media(max-width:720px){
  .side{display:none!important}
  .mobile-nav{
    position:fixed;left:0;right:0;bottom:0;z-index:45;height:72px;display:grid;
    grid-template-columns:repeat(5,1fr);padding:5px 8px max(5px,env(safe-area-inset-bottom));
    background:rgba(13,16,19,.96);border-top:1px solid var(--border);backdrop-filter:blur(18px);
  }
  .mobile-nav button{
    position:relative;border:0;background:transparent;color:var(--text3);display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:3px;font:600 9.5px 'DM Sans';border-radius:11px;min-width:0;
  }
  .mobile-nav button.on{color:var(--blue);background:var(--blue-bg)}
  .mobile-nav .ic{width:19px;height:19px}
  .mobile-nav b{position:absolute;top:5px;right:20%;min-width:16px;height:16px;border-radius:8px;background:var(--blue);color:#10150a;font-size:8px;display:flex;align-items:center;justify-content:center}
  .main{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .app-topbar{height:56px;padding:0 14px}
  .app-crumb{font-size:11px}.ranking-status span:last-child{display:none}
  .ranking-status{padding:9px}.top-add,.top-actions>.top-find-time{display:none}.top-settings{display:flex}
  .idea-capture{padding:14px}.idea-capture-row{grid-template-columns:1fr}.idea-capture-actions{align-items:stretch;flex-direction:column}.idea-grid{grid-template-columns:1fr}
  .fab{display:flex!important;bottom:calc(84px + env(safe-area-inset-bottom));right:16px;background:var(--blue);color:#10150a}
  .fab2{display:none!important}
  .wrap{padding:25px 14px 95px}
  .phd{margin-bottom:22px}
  .first-section{margin-top:0}
  .plan-add{align-items:stretch;flex-direction:column;padding:15px;gap:12px}
  .inline-add{min-width:0;width:100%}
  .tree-children{margin-left:22px;padding-left:12px}
  .tree-goal>.tree-children{margin-left:18px;padding-left:11px}
  .tree-actions button{min-height:38px}
  .progress-mini{width:46px}
  .nested-add{flex-direction:column}.nested-add .btn-s{width:100%}
  .routine-heading{align-items:flex-start}.routine-add{display:none}
  .today-links{flex-direction:column;gap:4px}
  .plan-hub-row{min-height:72px;grid-template-columns:38px minmax(0,1fr) auto 18px;padding:7px 6px}
  .plan-hub-map::before{left:27px}
  .plan-hub-copy b{font-size:14px}
  .plan-hub-meta{grid-template-columns:1fr}
  .find-time-main{align-items:flex-start;flex-wrap:wrap;padding:15px}
  .find-time-copy{flex-basis:calc(100% - 54px)}
  .find-time-open{width:100%}
  .empty-actions{align-items:stretch;flex-direction:column}.empty-actions button{width:100%}
  .task-detail-actions{display:grid;grid-template-columns:1fr 1fr}.task-detail-actions .btn-p{min-width:0}
  .find-time-note{padding:10px 15px}
  .find-time-grid{grid-template-columns:1fr}
  .find-time-task-context{flex-direction:column;gap:4px}
  .task-time-grid{grid-template-columns:1fr}
  .find-option-top button{min-height:40px}
}
@media(max-width:440px){
  .tree-actions button{font-size:0;width:36px;padding:0}
  .tree-actions button:first-child::after{content:'✎';font-size:13px}
  .tree-actions button:last-child::after{content:'\00d7';font-size:16px}
  .project-main{padding:11px 9px}.tree-icon{width:28px;height:28px;flex-basis:28px}
  .plan-add .inline-add{flex-direction:column}
  .plan-add .inline-add .btn-p{width:100%}
}

/* iPhone and touch stability: keep every view inside the viewport */
html,body{
  width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;
}
body,#app,.main,.wrap{
  min-width:0;max-width:100%;
}
#app,.main{
  overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none;
}
.wrap,.panel,.card,.flow-card,.score-card,.plan-tree,.tree-journey,.tree-goal,.tree-project,
.habit-card,.repeat-card,.kpis,.chart,.modal,.sheet{
  min-width:0;max-width:100%;
}
button,[role="button"],summary{
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
input[type=range]{
  display:block;width:100%;min-width:0;max-width:100%;touch-action:none;
  -webkit-user-select:none;user-select:none;
}
.slider,.priority-controls,.sheet-bd{min-width:0;max-width:100%;overflow-x:hidden}
.modal,.sheet{
  overscroll-behavior-x:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;
}

@media(max-width:720px){
  html,body,#app{overflow-x:hidden!important}
  body{touch-action:pan-y pinch-zoom}
  .main{width:100%;touch-action:pan-y pinch-zoom}
  .wrap{
    width:100%;padding-left:max(14px,env(safe-area-inset-left));
    padding-right:max(14px,env(safe-area-inset-right));
  }
  .app-topbar{
    height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);
    padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));
  }
  .mobile-nav{
    height:calc(72px + env(safe-area-inset-bottom));
    padding-left:max(8px,env(safe-area-inset-left));
    padding-right:max(8px,env(safe-area-inset-right));
    padding-bottom:max(5px,env(safe-area-inset-bottom));
  }
  .fab{right:max(16px,env(safe-area-inset-right))}
  .sheet{max-width:100vw;overflow-x:hidden}
  .sheet-hd{
    padding-top:max(22px,env(safe-area-inset-top));
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
  }
  .sheet-bd{
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
    padding-bottom:max(30px,calc(env(safe-area-inset-bottom) + 18px));
  }
  .modal{
    max-width:calc(100vw - 24px)!important;
    padding-bottom:max(16px,env(safe-area-inset-bottom));
    overflow-x:hidden;
  }
  input,textarea,select{font-size:16px!important}
  .x{
    width:44px;height:44px;top:max(10px,env(safe-area-inset-top));
    right:max(10px,env(safe-area-inset-right));
  }
  button[role="checkbox"]{
    min-width:40px!important;min-height:40px!important;display:inline-flex!important;
    align-items:center!important;justify-content:center!important;
  }
  button.day{min-width:38px;min-height:38px}
  .field,textarea,select{max-width:100%;min-width:0}
  .score-formula,.catchips,.days,.cmeta,.top-actions{max-width:100%}
  .card,.row,.project-main,.plan-add,.priority-disclosure>summary{min-width:0}
  .cinfo,.tree-copy,.priority-disclosure>summary>span{min-width:0}
  .cname,.tree-copy b,.tree-copy small,.phd p{overflow-wrap:anywhere}
  .dj-row{
    display:grid;grid-template-columns:minmax(0,1fr);gap:12px;overflow:visible;padding:0;
  }
  .dj-card{width:100%;min-width:0;max-width:none}
  .dj-shelf{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;gap:8px}
  .dj-chip,.dj-add{width:100%;min-width:0}
  .project-task-fields,.inline-add{width:100%;max-width:100%}
}

@media(max-width:480px){
  .sheet{height:auto;max-height:90dvh}
}

@media(max-width:390px){
  .sheet-hd{padding-left:15px;padding-right:15px}
  .sheet-bd{padding-left:15px;padding-right:15px}
  .card{padding-left:11px;padding-right:11px}
  .rank{width:27px;flex-basis:27px}
  .cmeta{gap:5px}
  .score-formula{gap:5px}
  .factor{font-size:9px;padding:5px 6px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* AI-first prototype: one obvious entry point, complexity behind proposals */
.claro-compose{
  margin:18px 0 30px;padding:20px;border:1px solid var(--blue-bd);border-radius:20px;
  background:
    radial-gradient(circle at 92% 0%,rgba(182,242,74,.09),transparent 27%),
    linear-gradient(145deg,#14191a,#101417 70%);
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.claro-compose-heading{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.claro-compose-heading>div{min-width:0}
.claro-compose-heading .eyebrow{display:block;margin-bottom:3px}
.claro-compose-heading h2{font:700 17px 'Manrope';letter-spacing:-.25px;margin:0}
.claro-compose-form{
  display:flex;align-items:center;gap:8px;padding:6px;background:var(--surface2);
  border:1px solid var(--border2);border-radius:16px;transition:border-color .18s,box-shadow .18s;
}
.claro-compose-form:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(182,242,74,.07)}
.claro-compose-form input{
  flex:1;min-width:0;min-height:48px;border:0;outline:0;background:transparent;color:var(--text);
  padding:10px 12px;font:500 14px 'DM Sans';
}
.claro-compose-form input::placeholder{color:var(--text4)}
.claro-compose-form button{
  width:46px;height:46px;flex:0 0 46px;border:0;border-radius:12px;background:var(--blue);color:#10150a;
  font:800 21px 'Manrope';cursor:pointer;transition:transform .15s,filter .15s;
}
.claro-compose-form button:hover{filter:brightness(1.06);transform:translateX(1px)}
.claro-examples{display:flex;align-items:flex-start;gap:10px;margin-top:13px}
.claro-examples>span{
  color:var(--text4);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding-top:8px;
}
.claro-examples>div{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.claro-examples>div::-webkit-scrollbar{display:none}
.claro-examples button{
  flex:0 0 auto;max-width:270px;border:1px solid var(--border);background:rgba(19,23,28,.78);color:var(--text2);
  border-radius:999px;padding:7px 11px;font:500 10.5px 'DM Sans';white-space:nowrap;cursor:pointer;
}
.claro-examples button:hover{border-color:var(--blue-bd);color:var(--blue);background:var(--blue-bg)}
.claro-manual{
  display:block;margin:11px 0 0 auto;border:0;background:transparent;color:var(--text3);
  font:600 10.5px 'DM Sans';padding:5px 0;cursor:pointer;
}
.claro-manual:hover{color:var(--blue)}
.assistant-dialog h2{font:700 23px 'Manrope';letter-spacing:-.55px;margin:6px 0 6px}
.assistant-dialog>p{font-size:12px;line-height:1.5;color:var(--text2);margin:0 0 16px}
.assistant-proposal,.assistant-plan{
  border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,var(--surface2),#111519);
  padding:17px;overflow:hidden;
}
.proposal-type{
  display:inline-flex;color:var(--blue);background:var(--blue-bg);border:1px solid var(--blue-bd);
  border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;letter-spacing:.65px;text-transform:uppercase;
}
.assistant-proposal h3{font:700 18px 'Manrope';letter-spacing:-.3px;margin:10px 0 7px}
.proposal-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--text3);font-size:10.5px}
.proposal-meta span{display:inline-flex;padding:5px 8px;border-radius:8px;background:var(--surface);border:1px solid var(--border)}
.proposal-score{
  display:flex;align-items:center;gap:12px;margin-top:16px;padding:13px 14px;border-radius:12px;
  background:rgba(182,242,74,.055);border:1px solid var(--blue-bd);
}
.proposal-score>span{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.proposal-score small{font-size:9.5px;color:#9dae81}
.proposal-score b{font:800 15px 'Manrope';color:var(--blue)}
.proposal-score>i{
  font-style:normal;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;
  color:var(--green);background:rgba(102,216,148,.08);border:1px solid rgba(102,216,148,.2);padding:4px 7px;border-radius:999px;
}
.proposal-details{margin-top:11px;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}
.proposal-details summary{
  list-style:none;display:flex;justify-content:space-between;gap:10px;padding:12px 13px;
  color:var(--text2);font-size:11px;font-weight:700;cursor:pointer;
}
.proposal-details summary::-webkit-details-marker{display:none}
.proposal-details summary::after{content:'+';color:var(--blue);order:3}
.proposal-details[open] summary::after{content:'−'}
.proposal-details summary span{margin-left:auto;color:var(--text4);font-size:9.5px;font-weight:500}
.proposal-details>div{padding:13px;border-top:1px solid var(--border)}
.proposal-details>div>p{font-size:10.5px;line-height:1.45;color:var(--text3);margin:11px 0 0}
.proposal-factor{display:grid;grid-template-columns:105px 1fr 34px;align-items:center;gap:9px;margin-bottom:9px}
.proposal-factor:last-of-type{margin-bottom:0}
.proposal-factor span,.proposal-factor strong{font-size:10px;color:var(--text2)}
.proposal-factor strong{text-align:right;color:var(--text3)}
.proposal-factor i{height:5px;border-radius:999px;background:var(--surface3);overflow:hidden}
.proposal-factor i b{display:block;height:100%;border-radius:999px;background:var(--blue)}
.assistant-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.assistant-conversation{display:flex;flex-direction:column;gap:9px;margin:16px 0}
.assistant-bubble{max-width:86%;padding:11px 13px;border-radius:14px;font-size:12px;line-height:1.5}
.assistant-bubble.user{align-self:flex-end;background:var(--blue);color:#10150a;border-bottom-right-radius:5px}
.assistant-bubble.claro{align-self:flex-start;background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-bottom-left-radius:5px}
.assistant-bubble.claro b{color:var(--text)}
.assistant-choice-list{display:flex;flex-direction:column;gap:8px}
.assistant-choice-list button{
  display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:13px 14px;
  border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);cursor:pointer;
}
.assistant-choice-list button:hover{border-color:var(--blue-bd);background:var(--blue-bg)}
.assistant-choice-list b{font-size:12.5px}.assistant-choice-list span{font-size:10.5px;color:var(--text3)}
.assistant-plan{display:flex;flex-direction:column;padding:4px 17px}
.assistant-plan>div{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 0 14px 32px;border-bottom:1px solid var(--border)}
.assistant-plan>div:last-child{border-bottom:0}
.assistant-plan>div::before{
  content:'';position:absolute;left:5px;top:20px;width:10px;height:10px;border-radius:50%;
  background:var(--surface3);border:2px solid var(--blue-bd);
}
.assistant-plan>div:not(:last-child)::after{content:'';position:absolute;left:11px;top:31px;bottom:-8px;width:1px;background:var(--blue-bd)}
.assistant-plan span{font-size:8.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--text4)}
.assistant-plan b{font:700 13px 'Manrope'}
.assistant-plan small{font-size:10px;color:var(--text3)}
.assistant-plan-tasks ol{margin:7px 0 0;padding-left:17px;color:var(--text2);font-size:11px;line-height:1.75}

@media(max-width:720px){
  .claro-compose{margin:14px 0 24px;padding:15px;border-radius:18px}
  .claro-compose-heading{margin-bottom:13px}
  .claro-compose-heading h2{font-size:15px}
  .claro-compose-form input{font-size:16px;min-height:45px;padding:8px 10px}
  .claro-compose-form button{width:44px;height:44px;flex-basis:44px}
  .claro-examples{display:block;margin-top:11px}
  .claro-examples>span{display:block;padding:0 0 7px}
  .claro-examples>div{margin-right:-15px;padding-right:15px}
  .claro-examples button{max-width:245px;min-height:38px;padding:8px 11px}
  .assistant-actions{flex-wrap:wrap}
  .assistant-actions .btn-p{flex:1;min-width:150px}
  .assistant-bubble{max-width:94%}
  .proposal-factor{grid-template-columns:95px 1fr 32px}
}

.claro-ai-loading{text-align:center;padding:22px 10px}
.claro-ai-loading .assistant-mark{margin:0 auto 14px}
.claro-ai-loading h2{font:700 22px 'Manrope';letter-spacing:-.45px;margin:0 0 7px}
.claro-ai-loading p{color:var(--text3);font-size:11.5px;margin:0}
.claro-ai-spinner{
  display:block;width:34px;height:4px;margin:20px auto 0;border-radius:999px;
  background:linear-gradient(90deg,var(--surface3),var(--blue),var(--surface3));
  background-size:200% 100%;animation:claro-ai-thinking 1.1s linear infinite;
}
@keyframes claro-ai-thinking{to{background-position:-200% 0}}
.claro-ai-answer{display:flex;gap:8px;margin-top:14px}
.claro-ai-answer .field{flex:1;min-width:0;margin:0}
.claro-ai-reason{font-size:10.5px;line-height:1.5;color:var(--text3);margin:14px 0 0}
.claro-danger{color:var(--red)!important;border-color:rgba(255,107,117,.42)!important}
.claro-danger:hover{background:rgba(255,107,117,.08)!important;border-color:var(--red)!important}
.remove-proposal{border-color:rgba(255,107,117,.24)}
@media(max-width:480px){
  .claro-ai-answer{flex-direction:column}
  .claro-ai-answer .btn-p{width:100%}
}

/* Goal Intelligence: Scouts discover, lenses evaluate, Opportunity Cards remain selective. */
.gi-goal-actions{display:flex;align-items:center;gap:8px;margin-top:8px}
.gi-goal-entry{
  display:flex;align-items:center;gap:9px;min-width:0;margin-right:auto;padding:8px 10px;border:1px solid var(--blue-bd);
  border-radius:11px;background:var(--blue-bg);color:var(--text);font:inherit;text-align:left;cursor:pointer
}
.gi-goal-entry:hover{border-color:var(--blue);background:rgba(182,242,74,.1)}
.gi-goal-entry-mark{display:grid;place-items:center;width:25px;height:25px;flex:0 0 auto;border-radius:8px;background:var(--blue);color:#10150a;font-weight:900}
.gi-goal-entry>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:1px}
.gi-goal-entry b{font-size:10.5px}.gi-goal-entry small{overflow:hidden;color:var(--text3);font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}
.gi-goal-entry>span:last-child{color:var(--blue);font-size:15px}
.gi{padding-bottom:54px}
.gi-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:12px 0 22px}
.gi-header h1{font:700 clamp(27px,3.2vw,42px) 'Manrope';letter-spacing:-1.1px;margin:5px 0 6px;line-height:1.08}
.gi-header p{font-size:11.5px;color:var(--text3);margin:0}
.gi-find-small{
  flex:0 0 auto;border:1px solid var(--blue-bd);border-radius:12px;background:var(--blue);color:#10150a;
  padding:11px 15px;font:800 11.5px 'Manrope';cursor:pointer
}
.gi-tabs{
  position:sticky;top:72px;z-index:8;display:flex;gap:4px;padding:5px;margin:0 0 24px;
  border:1px solid var(--border);border-radius:14px;background:rgba(17,20,24,.92);backdrop-filter:blur(18px);
  overflow-x:auto;scrollbar-width:none
}
.gi-tabs::-webkit-scrollbar{display:none}
.gi-tabs button{
  flex:1;min-width:max-content;border:0;border-radius:10px;background:transparent;color:var(--text3);
  padding:10px 12px;font:700 10.5px 'DM Sans';cursor:pointer;white-space:nowrap
}
.gi-tabs button:hover{color:var(--text);background:var(--surface2)}
.gi-tabs button.on{color:var(--blue);background:var(--blue-bg)}
.gi-tabs button b{margin-left:6px;padding:2px 6px;border-radius:999px;background:rgba(182,242,74,.13);font-size:8px}
.gi-stage{min-height:420px}
.gi-context-strip{display:grid;grid-template-columns:1.35fr 1.2fr .9fr 1fr .7fr;gap:1px;margin:0 0 14px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--border)}
.gi-context-strip>div{min-width:0;padding:11px 12px;background:var(--surface)}
.gi-context-strip small{display:block;margin-bottom:4px;color:var(--text4);font-size:7.5px;font-weight:800;letter-spacing:.55px;text-transform:uppercase}
.gi-context-strip b{display:block;overflow:hidden;color:var(--text2);font-size:9.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.gi-loading{min-height:360px;display:grid;place-content:center;justify-items:center;text-align:center;gap:7px}
.gi-loading .assistant-mark{margin-bottom:6px}.gi-loading b{font:700 17px 'Manrope'}.gi-loading span:last-child{font-size:11px;color:var(--text3)}
.gi-setup-note{
  display:flex;gap:10px;align-items:center;margin:-10px 0 18px;padding:11px 13px;border:1px solid var(--amber-bd);
  border-radius:11px;background:var(--amber-bg);font-size:10.5px;color:var(--text2)
}
.gi-setup-note b{color:var(--amber);white-space:nowrap}
.gi-find-hero{
  position:relative;overflow:hidden;padding:clamp(28px,5vw,58px);border:1px solid var(--border);
  border-radius:24px;background:
    radial-gradient(circle at 83% 12%,rgba(182,242,74,.12),transparent 28%),
    linear-gradient(145deg,#14191a,#0e1114 70%);text-align:center
}
.gi-find-hero::before{
  content:'';position:absolute;inset:auto 16% -80px;height:120px;border-radius:50%;
  background:rgba(182,242,74,.07);filter:blur(38px);pointer-events:none
}
.gi-find-hero>*{position:relative}
.gi-find-hero h2{max-width:690px;margin:8px auto 10px;font:700 clamp(25px,4vw,42px) 'Manrope';letter-spacing:-1.15px;line-height:1.12}
.gi-find-hero p{max-width:580px;margin:0 auto;color:var(--text2);font-size:13px;line-height:1.6}
.gi-find-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:170px;margin:24px auto 11px;padding:13px 20px}
.gi-find-hero>small{display:block;color:var(--text4);font-size:9.5px}
.gi-button-spinner{
  width:12px;height:12px;border-radius:50%;border:2px solid rgba(16,21,10,.3);border-top-color:#10150a;
  animation:gi-spin .8s linear infinite
}
@keyframes gi-spin{to{transform:rotate(360deg)}}
.gi-scouts{margin:14px 0 30px;border:1px solid var(--border);border-radius:15px;background:var(--surface);overflow:hidden}
.gi-scouts summary{list-style:none;display:flex;justify-content:space-between;gap:14px;padding:14px 16px;cursor:pointer}
.gi-scouts summary::-webkit-details-marker{display:none}
.gi-scouts summary span{font-size:11.5px;font-weight:700}.gi-scouts summary small{font-size:10px;color:var(--text4)}
.gi-scouts summary::after{content:'+';color:var(--blue);font-weight:800}.gi-scouts[open] summary::after{content:'−'}
.gi-scouts summary small{margin-left:auto}
.gi-scouts>div{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-top:1px solid var(--border)}
.gi-scouts article{display:flex;gap:10px;align-items:flex-start;padding:14px;background:var(--surface2)}
.gi-scouts article>i,.gi-scout-origin i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(182,242,74,.08)}
.gi-scouts article span{display:flex;flex-direction:column;gap:3px}.gi-scouts article b{font-size:10.5px}.gi-scouts article small{font-size:9.5px;color:var(--text3);line-height:1.4}
.gi-scout-progress{display:flex;align-items:center;gap:15px;margin:0 0 24px;padding:18px;border:1px solid var(--blue-bd);border-radius:15px;background:var(--blue-bg)}
.gi-progress-line{width:52px;height:5px;border-radius:999px;background:var(--surface3);overflow:hidden}.gi-progress-line i{display:block;width:60%;height:100%;background:var(--blue);animation:gi-progress 1s ease-in-out infinite alternate}
@keyframes gi-progress{to{transform:translateX(65%)}}
.gi-scout-progress>div:last-child{display:flex;flex-direction:column;gap:3px}.gi-scout-progress b{font-size:11.5px}.gi-scout-progress span{font-size:10px;color:var(--text3)}
.gi-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 2px 14px}
.gi-section-heading h2{font:700 20px 'Manrope';letter-spacing:-.4px;margin:4px 0 0}
.gi-card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gi-opportunity-card{
  display:flex;flex-direction:column;min-width:0;padding:17px;border:1px solid var(--border);border-radius:18px;
  background:linear-gradient(145deg,var(--surface2),#101317);box-shadow:0 13px 28px rgba(0,0,0,.12)
}
.gi-opportunity-card:hover{border-color:#39432f}
.gi-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.gi-scout-origin{display:inline-flex;align-items:center;gap:7px;color:var(--text3);font-size:8.5px;font-weight:800;letter-spacing:.55px;text-transform:uppercase}
.gi-scout-origin i{width:6px;height:6px;margin:0}
.gi-leverage{display:flex;align-items:baseline;gap:5px;color:var(--blue)}.gi-leverage small{font-size:7.5px;text-transform:uppercase;letter-spacing:.55px}.gi-leverage b{font:800 17px 'Manrope'}
.gi-opportunity-card h3{font:700 15px 'Manrope';line-height:1.28;letter-spacing:-.25px;margin:15px 0 7px}
.gi-opportunity-card>p{font-size:10.5px;color:var(--text2);line-height:1.55;margin:0 0 13px}
.gi-connected-work{display:flex;flex-direction:column;gap:3px;margin:-2px 0 12px;padding-left:9px;border-left:2px solid var(--blue-bd)}
.gi-connected-work small{color:var(--blue);font-size:7.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.gi-connected-work span{color:var(--text3);font-size:9px;line-height:1.4}
.gi-lenses{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}
.gi-lenses span{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text3);padding:4px 7px;font-size:8.5px}
.gi-smallest-test{margin-top:auto;padding:11px;border:1px solid rgba(182,242,74,.16);border-radius:11px;background:rgba(182,242,74,.035)}
.gi-smallest-test small{display:block;color:var(--blue);font-size:7.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;margin-bottom:4px}
.gi-smallest-test span{display:block;color:var(--text2);font-size:9.5px;line-height:1.45}
.gi-card-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}.gi-card-actions .btn-s,.gi-card-actions .btn-p{font-size:9.5px;padding:8px 10px}
.gi-empty-result,.gi-zero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:38px 18px;color:var(--text3)}
.gi-empty-result>div{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:14px;background:var(--surface);font-size:18px}
.gi-empty-result b,.gi-zero b{color:var(--text);font:700 13px 'Manrope'}.gi-empty-result span,.gi-zero span{max-width:420px;font-size:10.5px;line-height:1.45}
.gi-zero .btn-p{margin-top:8px}
.gi-panel-page{max-width:920px;margin:0 auto}
.gi-page-intro{margin:6px 2px 22px}.gi-page-intro h2{font:700 23px 'Manrope';letter-spacing:-.5px;margin:5px 0 6px}.gi-page-intro p{max-width:650px;color:var(--text3);font-size:11.5px;line-height:1.55;margin:0}
.gi-watch-add{display:grid;grid-template-columns:1fr 150px auto;gap:8px;margin-bottom:13px;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}
.gi-watch-add .field{margin:0}.gi-watch-list{display:flex;flex-direction:column;gap:8px}
.gi-watch-list article{display:flex;align-items:center;gap:14px;padding:14px 15px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.gi-watch-list article>span{display:flex;flex:1;flex-direction:column;gap:3px}.gi-watch-list small{text-transform:uppercase;letter-spacing:.55px;color:var(--text4);font-size:7.5px}.gi-watch-list b{font-size:11.5px}
.gi-watch-list article>button{border:0;background:transparent;color:var(--text4);font-size:18px;cursor:pointer}.gi-watch-list article>button:hover{color:var(--red)}
.gi-filter-row{display:flex;gap:6px;overflow-x:auto;margin-bottom:14px;padding-bottom:2px;scrollbar-width:none}.gi-filter-row::-webkit-scrollbar{display:none}
.gi-filter-row button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text3);padding:7px 11px;font:700 9px 'DM Sans';cursor:pointer;white-space:nowrap}
.gi-filter-row button.on{color:var(--blue);border-color:var(--blue-bd);background:var(--blue-bg)}
.gi-strategy-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}
.gi-completeness{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.gi-completeness b{font:800 23px 'Manrope';color:var(--blue)}.gi-completeness small{color:var(--text4);font-size:8px;text-transform:uppercase;letter-spacing:.6px}
.gi-profile-sections{display:flex;flex-direction:column;gap:8px}
.gi-profile-sections details{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}
.gi-profile-sections summary{list-style:none;padding:14px 16px;cursor:pointer}.gi-profile-sections summary::-webkit-details-marker{display:none}
.gi-profile-sections summary>span{display:flex;flex-direction:column;gap:2px}.gi-profile-sections summary b{font-size:11.5px}.gi-profile-sections summary small{font-size:9.5px;color:var(--text4)}
.gi-profile-sections summary::after{content:'+';float:right;margin-top:-23px;color:var(--blue);font-weight:800}.gi-profile-sections details[open] summary::after{content:'−'}
.gi-profile-sections details>div{display:flex;flex-direction:column;gap:12px;padding:3px 16px 16px;border-top:1px solid var(--border)}
.gi-field{display:flex;flex-direction:column;gap:6px;padding-top:11px}.gi-field>span{font-size:9px;font-weight:700;color:var(--text3)}
.gi-field .field{margin:0;resize:vertical}.gi-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gi-sticky-save{position:sticky;bottom:18px;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:14px;padding:10px;border:1px solid var(--border);border-radius:14px;background:rgba(17,20,24,.93);backdrop-filter:blur(18px)}
.gi-sticky-save span{font-size:9.5px;color:var(--text4)}
.gi-ask{max-width:760px}.gi-ask-form{padding:16px;border:1px solid var(--border);border-radius:17px;background:var(--surface)}.gi-ask-form textarea{margin:0 0 10px;resize:vertical}.gi-ask-form .btn-p{display:block;margin-left:auto}
.gi-ask-examples{display:flex;gap:7px;overflow-x:auto;margin-top:11px;scrollbar-width:none}.gi-ask-examples button{flex:0 0 auto;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text3);padding:8px 11px;font-size:9px;cursor:pointer}.gi-ask-examples button:hover{color:var(--blue);border-color:var(--blue-bd)}
.gi-detail h2{font:700 24px 'Manrope';letter-spacing:-.55px;line-height:1.2;margin:13px 0 7px}.gi-detail-summary{font-size:12px;line-height:1.55;color:var(--text2);margin:0 0 16px}
.gi-detail-score{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px}.gi-detail-score span{display:flex;flex-direction:column;gap:4px;padding:11px;border:1px solid var(--border);border-radius:11px;background:var(--surface2)}.gi-detail-score small{font-size:7.5px;color:var(--text4);text-transform:uppercase;letter-spacing:.55px}.gi-detail-score b{font-size:11px;color:var(--blue)}
.gi-detail section{padding:13px 0;border-top:1px solid var(--border)}.gi-detail section h3{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:var(--text3);margin:0 0 6px}.gi-detail section p,.gi-detail section li{font-size:10.5px;line-height:1.55;color:var(--text2)}.gi-detail section p{margin:0}.gi-detail section ul{margin:0;padding-left:18px}
.gi-evidence{display:flex;flex-direction:column;gap:3px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface2)}.gi-evidence b{font-size:8px;color:var(--blue);text-transform:uppercase;letter-spacing:.55px}.gi-evidence span{font-size:10px;color:var(--text2);line-height:1.45}
.gi-evidence+.gi-evidence{margin-top:7px}.gi-evidence small{color:var(--text4);font-size:8px}.gi-evidence a{align-self:flex-start;color:var(--blue);font-size:9px;text-decoration:none}.gi-evidence a:hover{text-decoration:underline}
.gi-uncertainty{margin-top:8px!important;color:var(--text3)!important}.gi-recommendation{display:inline-block;margin-top:10px;padding:5px 8px;border-radius:999px;background:var(--blue);color:#10150a;font-size:8px;text-transform:uppercase;letter-spacing:.5px}
.gi-test-box{margin-top:4px;padding:13px!important;border:1px solid var(--blue-bd)!important;border-radius:12px;background:var(--blue-bg)}
.gi-feedback{padding-top:15px}.gi-feedback>span{display:block;margin-bottom:8px;font-size:9px;font-weight:700;color:var(--text3)}.gi-feedback>div{display:flex;gap:6px;flex-wrap:wrap}.gi-feedback button{border:1px solid var(--border);border-radius:999px;background:var(--surface2);color:var(--text2);padding:7px 10px;font-size:9px;cursor:pointer}.gi-feedback button:hover{color:var(--blue);border-color:var(--blue-bd)}

@media(max-width:900px){
  .gi-card-list{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .gi{padding-bottom:86px}.gi-header{align-items:flex-start;margin-top:4px}.gi-header h1{font-size:28px}.gi-find-small{display:none}
  .gi-tabs{top:63px;margin-left:-15px;margin-right:-15px;padding:5px 15px;border-left:0;border-right:0;border-radius:0}
  .gi-tabs button{flex:0 0 auto;min-height:42px}
  .gi-find-hero{padding:34px 18px;border-radius:19px}.gi-find-hero h2{font-size:27px}.gi-find-hero p{font-size:11.5px}
  .gi-context-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.gi-context-strip>div{flex:0 0 155px;scroll-snap-align:start}
  .gi-scouts>div{grid-template-columns:1fr}.gi-card-list{grid-template-columns:1fr}
  .gi-watch-add{grid-template-columns:1fr}.gi-watch-add .btn-p{width:100%}
  .gi-field-grid{grid-template-columns:1fr;gap:0}.gi-sticky-save{bottom:78px}.gi-sticky-save span{display:none}
  .gi-detail-score{grid-template-columns:1fr 1fr}.gi-detail-score span:last-child{grid-column:1/-1}
}
@media(max-width:420px){
  .gi-section-heading h2{font-size:17px}.gi-strategy-intro{align-items:flex-start}.gi-page-intro h2{font-size:21px}
  .gi-opportunity-card{padding:15px}.gi-card-actions{justify-content:stretch}.gi-card-actions>*{flex:1}
}