:root{--bg:#0b1220;--panel:#121b2e;--panel-alt:#1b2a47;--line:#26374f;--amber:#f2a93b;--teal:#4fd1c5;--danger:#e2665d;--text:#e7ecf3;--muted:#8592a6}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);background-image:radial-gradient(1100px 500px at 85% -10%,rgba(79,209,197,.07),transparent 60%),radial-gradient(900px 420px at -10% 30%,rgba(242,169,59,.05),transparent 55%);background-attachment:fixed;color:var(--text);font-family:Inter,sans-serif;padding:calc(24px + env(safe-area-inset-top, 0px)) calc(20px + env(safe-area-inset-right, 0px)) calc(60px + env(safe-area-inset-bottom, 0px)) calc(20px + env(safe-area-inset-left, 0px));min-height:100vh}h1,h2,h3{font-family:Space Grotesk,sans-serif;margin:0}.mono{font-family:JetBrains Mono,monospace}.wrap{max-width:1000px;margin:0 auto}.auth-wrap{max-width:380px;margin:18vh auto;text-align:center}.auth-wrap h1{font-size:22px;margin-bottom:6px}.auth-wrap p{color:var(--muted);font-size:13px;margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-note{font-size:12px;color:var(--muted);margin-top:14px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;flex-wrap:wrap;gap:14px}.eyebrow{color:var(--amber);font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.topbar h1{font-size:26px;margin-top:4px}.signout,.topbar .signout{font-size:11px}.signout{color:var(--muted);background:none;border:none;text-decoration:underline;cursor:pointer;padding:4px 2px;white-space:nowrap;font-weight:500}.signout:hover{color:var(--text);background:none;filter:none}.stat-strip{display:flex;gap:22px}.stat{text-align:right}.stat .num{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;color:var(--teal)}.stat .lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.pace-card{background:linear-gradient(135deg,var(--panel-alt),var(--panel));border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:20px}.pace-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:14px}.pace-top h2{font-size:15px}.pace-inputs{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.pace-readout{display:flex;gap:26px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.pace-num{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700}.pace-num.warn{color:var(--danger)}.pace-num.ok{color:var(--teal)}.pace-lbl{font-size:11px;color:var(--muted);margin-top:2px}.route-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px 22px 18px;margin-bottom:20px;position:relative}.route-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.route-title h2{font-size:16px;color:var(--text)}.phase-tag{font-size:11px;font-family:JetBrains Mono,monospace;color:var(--bg);background:var(--amber);padding:4px 10px;border-radius:20px;font-weight:600}.route{position:relative;height:118px;margin:0 6px}.route-line{right:0;background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 14px)}.route-line,.route-line-fill{position:absolute;top:34px;left:0;height:2px}.route-line-fill{background:var(--teal);transition:width .4s ease}.ports{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between}.port{width:64px;flex-direction:column;cursor:pointer;background:none;border:none;padding:0}.port,.port-dot{display:flex;align-items:center}.port-dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);background:var(--panel);justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--muted);z-index:2}.port.done .port-dot{background:var(--teal);border-color:var(--teal);color:var(--bg);font-weight:600}.port.progress .port-dot{background:var(--panel);border-color:var(--amber);color:var(--amber);font-weight:600}.port-lbl{margin-top:8px;font-size:10.5px;text-align:center;line-height:1.25;color:var(--muted);max-width:70px}.port.done .port-lbl{color:var(--text)}.vessel{position:absolute;top:18px;font-size:18px;transform:translateX(-50%);transition:left .4s ease;z-index:3}.mod-detail{background:var(--panel-alt);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin-top:6px}.mod-detail h3{font-size:14px;margin-bottom:2px}.mod-sub{font-size:11px;color:var(--muted);margin-bottom:12px;font-family:JetBrains Mono,monospace}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input[type=date],input[type=email],input[type=number],input[type=text],select,textarea{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:7px;padding:7px 10px;font-family:Inter,sans-serif;font-size:13px}button{background:var(--teal);color:var(--bg);border:none;border-radius:7px;padding:8px 14px;font-weight:600;font-size:13px;cursor:pointer;font-family:Inter,sans-serif}button.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}button.amber{background:var(--amber)}button.danger{background:var(--danger)}button.small{padding:5px 10px;font-size:12px}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){filter:brightness(1.08)}.cols{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:20px;gap:20px}@media (max-width:760px){.cols{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px}.card h2{font-size:15px;margin-bottom:14px;display:flex;align-items:center;gap:8px;justify-content:space-between}.card h2 .count{background:var(--panel-alt);color:var(--amber);font-family:JetBrains Mono,monospace;font-size:11px;padding:2px 8px;border-radius:10px}.phase-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.phase-item{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.phase-item:first-child{border-top:none}.phase-num{font-family:JetBrains Mono,monospace;color:var(--muted);font-size:12px;width:20px}.phase-item.current .phase-num{color:var(--amber)}.phase-name{font-size:13px;font-weight:600}.phase-item.current .phase-name{color:var(--amber)}.phase-desc{font-size:12px;color:var(--muted);margin-top:2px}.flash-add{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.flash-add textarea{min-height:44px;resize:vertical}.due-card{background:var(--panel-alt);border-radius:10px;padding:16px;text-align:center;margin-bottom:12px}.due-card .tag{font-size:10px;color:var(--amber);font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.due-card .front{font-size:15px;margin:10px 0;font-weight:500}.due-card .back{font-size:14px;color:var(--teal);margin:10px 0}.btn-row{display:flex;gap:8px;justify-content:center;margin-top:8px}.empty{font-size:13px;padding:16px 0}.empty,.queue-note{color:var(--muted);text-align:center}.queue-note{font-size:11px;margin-top:6px}.log-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.footer-note{font-size:11px;color:var(--muted);text-align:center;margin-top:26px}.deck-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.deck-row{background:var(--panel-alt);border-radius:8px;padding:10px 12px}.deck-row .dr-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.deck-row .dr-tag{font-size:10px;color:var(--amber);font-family:JetBrains Mono,monospace}.deck-row .dr-front{font-size:13px;margin-top:4px}.deck-row .dr-back{font-size:12px;color:var(--muted);margin-top:2px}.deck-row .dr-actions,.edit-form{display:flex;gap:6px}.edit-form{flex-direction:column;margin-top:8px}.edit-form textarea{min-height:38px}.navbar{justify-content:space-between;gap:10px;max-width:1000px;margin:0 auto 22px}.navbar,.navlinks{display:flex;align-items:center}.navlinks{gap:16px;row-gap:8px;flex-wrap:wrap}.navlink{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;padding-bottom:4px;border-bottom:2px solid transparent;white-space:nowrap}.navlink.active{color:var(--amber);border-bottom-color:var(--amber)}.navlink:hover{color:var(--text)}@media (max-width:520px){.navlinks{gap:12px}.navlink{font-size:12px}}.card-image{max-width:100%;max-height:220px;border-radius:8px;margin:10px auto;display:block}.thumb-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.thumb{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--line);cursor:pointer}.file-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input[type=file]{color:var(--muted);font-size:12px}.drawpad-overlay{position:fixed;inset:0;background:rgba(11,18,32,.85);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.drawpad-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;width:min(1400px,94vw)}.drawpad-canvas{background:#fff;border-radius:8px;touch-action:none;cursor:crosshair;display:block}.note-card{background:var(--panel-alt);border-radius:10px;padding:14px 16px;margin-bottom:12px}.note-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.note-title{font-size:14px;font-weight:600}.note-tag{font-size:10px;color:var(--amber);font-family:JetBrains Mono,monospace;margin-bottom:4px}.note-content{font-size:13px;color:var(--text);margin-top:6px;white-space:pre-wrap}.note-form{display:flex;flex-direction:column;gap:8px}.note-form textarea{min-height:90px}.notes-groups{display:flex;flex-direction:column;gap:6px}.note-group{border:1px solid var(--line);border-radius:10px;overflow:hidden}.note-group-header{width:100%;background:var(--panel-alt);border:none;color:var(--text);padding:10px 14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;font-weight:600;text-align:left;border-radius:0}.note-group-body{flex-direction:column;gap:4px}.note-group-body,.note-row{padding:8px 10px;display:flex}.note-row{justify-content:space-between;align-items:center;border-radius:7px}.note-row:hover{background:var(--panel-alt)}.note-row-title{background:none;border:none;color:var(--text);font-size:13px;text-align:left;padding:0;cursor:pointer;font-weight:500;flex:1 1}.note-row-title:hover{color:var(--teal)}.note-row-icon{font-size:11px}.note-viewer-overlay{position:fixed;inset:0;background:rgba(11,18,32,.85);display:flex;align-items:flex-start;justify-content:center;z-index:50;padding:4vh 20px;overflow-y:auto}.note-viewer-box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px 30px;width:min(1100px,92vw)}.note-viewer-images{display:flex;flex-direction:column;gap:16px;margin-top:18px}.note-viewer-image{width:100%;max-height:70vh;object-fit:contain;border-radius:10px;cursor:zoom-in;background:#fff}.plan-card{max-width:760px;margin:0 auto}.plan-card h2{font-size:18px;margin-top:26px;margin-bottom:10px}.plan-card h3{font-size:15px;color:var(--amber);margin-top:18px;margin-bottom:6px}.plan-card li,.plan-card p{font-size:13.5px;color:var(--text);line-height:1.6}.plan-card ul{padding-left:20px;margin:6px 0}.plan-table{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:13px}.plan-table td,.plan-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}.plan-table th{color:var(--muted);font-family:JetBrains Mono,monospace;font-weight:500;font-size:11px;text-transform:uppercase}.plan-lead{color:var(--muted);font-size:13.5px;margin-bottom:18px}.today-card{position:relative;overflow:hidden;background:linear-gradient(140deg,#16233d,var(--panel));border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:20px}.today-glow{position:absolute;top:-60px;right:-40px;width:280px;height:220px;background:radial-gradient(closest-side,rgba(79,209,197,.16),transparent);pointer-events:none}.today-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.today-headline{font-size:28px;margin-top:4px;letter-spacing:-.01em}.today-sub{color:var(--muted);font-size:12.5px;margin-top:4px}.today-list{list-style:none;counter-reset:order;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.today-item{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid rgba(38,55,79,.6)}.today-item:first-child{border-top:none}.today-icon{font-size:15px;width:22px;text-align:center}.today-label{flex:1 1;font-size:14px}.today-link{color:var(--text);text-decoration:none;border-bottom:1px dashed var(--teal)}.today-link:hover{color:var(--teal)}.today-min{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--muted);white-space:nowrap}.dock-cta{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--teal);color:var(--bg);font-weight:700;font-size:15px;text-decoration:none;padding:14px 26px;border-radius:12px;box-shadow:0 0 24px rgba(79,209,197,.35);transition:transform .15s ease,box-shadow .15s ease}.dock-cta:hover{transform:translateY(-1px);box-shadow:0 0 34px rgba(79,209,197,.5)}.dock-cta-sub{font-size:10.5px;font-weight:600;opacity:.75;font-family:JetBrains Mono,monospace}.dock-navlink{color:var(--teal)}.dock{position:fixed;inset:0;background:radial-gradient(1200px 700px at 50% -20%,#142138,#0b1220 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));z-index:40;overflow:hidden}.dock:after{content:"";position:absolute;bottom:-140px;left:-10%;right:-10%;height:260px;background:radial-gradient(closest-side,rgba(79,209,197,.08),transparent);pointer-events:none}.dock-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:20px;right:20px;display:flex;align-items:center;gap:14px}.dock-progress-track{flex:1 1;height:4px;background:var(--line);border-radius:2px;overflow:hidden}.dock-progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),#7be3d8);border-radius:2px;transition:width .35s ease}.dock-count{font-size:12px;color:var(--muted)}.dock-card{width:min(640px,94vw);min-height:300px;max-height:62vh;overflow-y:auto;background:linear-gradient(160deg,#1b2a47,#141f36);border:1px solid var(--line);border-radius:20px;padding:34px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .22s ease,opacity .22s ease,box-shadow .2s ease;box-shadow:0 18px 50px rgba(0,0,0,.4)}.dock-card.leave-good{transform:translateX(120vw) rotate(8deg);opacity:0}.dock-card.leave-again{transform:translateX(-120vw) rotate(-8deg);opacity:0}.dock-card.leave-easy{transform:translateY(-110vh);opacity:0}.dock-card.hint-good{box-shadow:0 0 0 2px var(--teal),0 18px 50px rgba(0,0,0,.4)}.dock-card.hint-again{box-shadow:0 0 0 2px var(--danger),0 18px 50px rgba(0,0,0,.4)}.dock-card.hint-easy{box-shadow:0 0 0 2px var(--amber),0 18px 50px rgba(0,0,0,.4)}.dock-module{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--amber);letter-spacing:.08em;text-transform:uppercase}.dock-front{font-family:Space Grotesk,sans-serif;font-size:clamp(20px,4.5vw,30px);font-weight:600;line-height:1.3}.dock-back{font-size:clamp(15px,3.4vw,19px);color:var(--teal);line-height:1.5;border-top:1px solid rgba(38,55,79,.7);padding-top:16px;width:100%;animation:dockReveal .25s ease}@keyframes dockReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.dock-image{max-width:100%;max-height:30vh;border-radius:10px;background:#fff}.dock-reveal-hint{font-size:12px;color:var(--muted)}.dock-reveal{margin-top:26px;background:transparent;border:1px solid var(--line);color:var(--text);padding:14px 44px;font-size:15px;border-radius:12px}.dock-reveal:hover{border-color:var(--teal);color:var(--teal)}.dock-grades{display:flex;gap:12px;margin-top:26px;width:min(640px,94vw)}.dock-grade{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px 0 12px;font-size:16px;font-weight:700;border-radius:14px;border:1px solid transparent}.dock-grade span{font-size:10.5px;font-weight:600;font-family:JetBrains Mono,monospace;opacity:.75}.dock-grade.again{background:hsla(4,70%,63%,.14);color:var(--danger);border-color:hsla(4,70%,63%,.4)}.dock-grade.good{background:rgba(242,169,59,.14);color:var(--amber);border-color:rgba(242,169,59,.4)}.dock-grade.easy{background:rgba(79,209,197,.14);color:var(--teal);border-color:rgba(79,209,197,.4)}.dock-grade:hover{filter:brightness(1.25)}.dock-footer{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;justify-content:space-between;align-items:center}.dock-exit{color:var(--muted);font-size:12px;text-decoration:none}.dock-exit:hover{color:var(--text)}.dock-keys{font-size:10.5px;font-family:JetBrains Mono,monospace}.dock-empty,.dock-keys{color:var(--muted)}.dock-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;animation:dockReveal .35s ease}.dock-done-mark{font-size:46px;filter:drop-shadow(0 0 18px rgba(79,209,197,.5))}.dock-done-title{font-size:34px}.dock-done-sub{color:var(--muted);font-size:14px;max-width:420px;line-height:1.55}.dock-return{margin-top:14px;background:var(--teal);color:var(--bg);font-weight:700;text-decoration:none;padding:12px 28px;border-radius:10px}@media (prefers-reduced-motion:reduce){.dock-card,.dock-cta,.dock-progress-fill{transition:none}.dock-back,.dock-done{animation:none}}@media (max-width:520px){.today-headline{font-size:23px}.dock-grades{gap:8px}.dock-card{padding:26px 20px}}