:root{--bg: #FBFAF7;--surface: #FFFFFF;--surface2: #F2F0EA;--line: #E9E6DE;--ink: #10140F;--ink2: #4C554B;--ink3: #7A8479;--btn-bg: #171A17;--btn-fg: #FFFFFF;--header-bg: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,251,248,.82));--banner-bg: linear-gradient(100deg, var(--t-green), var(--t-plum) 62%, var(--t-amber));--banner-line: #E3EDE6;--glass: rgba(255,255,255,.8);--h1-shadow: 0 1px 0 rgba(255,255,255,.8);--orb-op: 1;--orb-blur: 10px;--paper: #FFFFFF;--t-green: #E4F6EC;--t-green-line: #C7E9D5;--t-green-soft: #F4FBF7;--t-plum: #F7EBF3;--t-plum-line: #EBD3E3;--t-amber: #FFF6DC;--t-amber-line: #F5E3AE;--t-blue: #E7F1FA;--t-indigo: #EDEEF9;--t-terra: #FBEDE7;--c-green: #1F6E45;--c-green2: #2F7A4F;--c-plum: #7C2F69;--c-amber: #8A6200;--c-blue: #22557F;--c-indigo: #414496;--c-terra: #8C441F;--brand: #2FBF6D;--plum: #9B3F86;--amber: #F0A800;--ok-bg: #E4F6EC;--ok-fg: #1F6E45;--warn-bg: #FFF6DC;--warn-fg: #8A6200;--err-bg: #FBEDE7;--err-fg: #8C441F;--focus-ring: 0 0 0 3px rgba(47,191,109,.45);--shadow-1: 0 1px 2px rgba(23,26,23,.05);--shadow-2: 0 6px 20px rgba(23,26,23,.05);--shadow-3: 0 12px 30px rgba(23,26,23,.09);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 11px;--font-body: Outfit, system-ui, sans-serif;--font-serif: "Source Serif 4", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}[data-theme=dark]{--bg: #0F1211;--surface: #181C1A;--surface2: #232823;--line: #2C322D;--ink: #EEF3EC;--ink2: #B4BEB3;--ink3: #87907F;--btn-bg: #EAF2EB;--btn-fg: #10140F;--header-bg: linear-gradient(180deg, rgba(24,28,26,.94), rgba(18,22,20,.86));--banner-bg: linear-gradient(100deg, #1B2A22, #241E2A 62%, #2A2418);--banner-line: #2C322D;--glass: rgba(255,255,255,.07);--h1-shadow: none;--orb-op: .13;--orb-blur: 34px;--paper: #1D2220;--t-green: rgba(47,191,109,.15);--t-green-line: rgba(47,191,109,.34);--t-green-soft: rgba(47,191,109,.09);--t-plum: rgba(155,63,134,.18);--t-plum-line: rgba(155,63,134,.36);--t-amber: rgba(240,168,0,.15);--t-amber-line: rgba(240,168,0,.32);--t-blue: rgba(59,130,196,.16);--t-indigo: rgba(107,111,209,.18);--t-terra: rgba(210,112,63,.16);--c-green: #6FD9A2;--c-green2: #5FCB92;--c-plum: #D89AC6;--c-amber: #E7B65C;--c-blue: #8FBEE8;--c-indigo: #A5A8F0;--c-terra: #E5A07A;--ok-bg: rgba(47,191,109,.15);--ok-fg: #6FD9A2;--warn-bg: rgba(240,168,0,.15);--warn-fg: #E7B65C;--err-bg: rgba(210,112,63,.16);--err-fg: #E5A07A;--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 6px 20px rgba(0,0,0,.35);--shadow-3: 0 12px 30px rgba(0,0,0,.45)}*{box-sizing:border-box}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background .35s ease,color .35s ease}a{color:var(--c-green2);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}:where(button,a,input,select,textarea):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:8px}.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}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--btn-bg);color:var(--btn-fg);padding:10px 16px;border-radius:10px;transition:top .2s ease}.skip-link:focus{top:12px;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(34px,-26px) scale(1.06)}66%{transform:translate(-22px,18px) scale(.96)}}@keyframes floatA{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-14px) rotate(-1.2deg)}}@keyframes floatB{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(12px) rotate(1.6deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes roam1{0%{transform:translate(0) scale(1)}25%{transform:translate(140px,70px) scale(1.14)}50%{transform:translate(60px,180px) scale(.92)}75%{transform:translate(-90px,90px) scale(1.08)}to{transform:translate(0) scale(1)}}@keyframes roam2{0%{transform:translate(0) scale(1)}30%{transform:translate(-160px,110px) scale(.9)}60%{transform:translate(-70px,-130px) scale(1.16)}to{transform:translate(0) scale(1)}}@keyframes roam3{0%{transform:translate(0) scale(1.05)}40%{transform:translate(180px,-80px) scale(.94)}70%{transform:translate(90px,120px) scale(1.12)}to{transform:translate(0) scale(1.05)}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:.9}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes shimmer{0%{background-position:-160% 0}to{background-position:260% 0}}@keyframes spin{to{transform:rotate(360deg)}}.orbs{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;opacity:var(--orb-op);filter:blur(var(--orb-blur))}.orb.g{top:-140px;left:-100px;width:420px;height:420px;background:var(--t-green);animation:roam1 22s ease-in-out infinite,breathe 9s ease-in-out infinite}.orb.p{top:18%;right:-120px;width:340px;height:340px;background:var(--t-plum);animation:roam2 26s 1s ease-in-out infinite,breathe 11s 2s ease-in-out infinite}.orb.a{bottom:-90px;left:20%;width:320px;height:320px;background:var(--t-amber);animation:roam3 19s ease-in-out infinite,breathe 8s ease-in-out infinite}.orb.b{top:48%;left:-80px;width:240px;height:240px;background:var(--t-blue);animation:roam2 24s 3s ease-in-out infinite reverse,breathe 10s ease-in-out infinite}.orb.i{top:66%;right:14%;width:180px;height:180px;background:var(--t-indigo);animation:roam1 28s 2s ease-in-out infinite reverse,breathe 12s ease-in-out infinite}.container{max-width:1240px;margin:0 auto;padding:0 20px}main.page{padding:30px 0 70px}.page-anim{animation:fadeUp .35s ease both}.app-shell{display:flex;flex-direction:column;min-height:100vh}.site-header{position:sticky;top:0;z-index:20;background:var(--header-bg);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);border-bottom:1px solid rgba(23,26,23,.06);box-shadow:0 6px 22px #171a170d}.site-header .hbar{display:flex;align-items:center;gap:12px;padding:12px 0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;color:var(--ink)}.brand .logo{width:34px;height:34px;border-radius:11px;background:var(--brand);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;font-size:19px;color:#fff}.logo svg{width:62%;height:62%;display:block}.brand .name{font-size:16px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.course-chip{display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:11px;border:1px solid var(--line);background:var(--surface);font-size:13.5px;font-weight:500;color:var(--ink);max-width:200px}.course-chip:hover{border-color:var(--ink)}.course-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:none}.header-nav{display:flex;gap:4px;background:var(--surface2);padding:4px;border-radius:13px;margin-left:auto}.header-nav button,.header-nav a{padding:8px 15px;border:none;border-radius:9px;font-size:14px;font-weight:500;background:transparent;color:var(--ink2);text-decoration:none}.header-nav button[aria-current=page],.header-nav a[aria-current=page]{background:var(--surface);color:var(--c-green);box-shadow:0 2px 6px #171a171a}.header-right{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.icon-btn{width:36px;height:36px;flex:none;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);font-size:14px;line-height:1}.icon-btn:hover{border-color:var(--brand);color:var(--c-green2)}.avatar-btn{width:36px;height:36px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--t-plum);color:var(--c-plum);font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:var(--font-serif);text-decoration:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.avatar-btn:hover{border-color:var(--c-plum);color:var(--c-plum)}.avatar-btn[aria-current=page]{border-color:var(--c-plum);box-shadow:0 0 0 2px var(--t-plum)}.streak-pill{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:11px;background:var(--t-amber);border:1px solid var(--t-amber-line);font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--c-amber);white-space:nowrap}.xp-pill{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:11px;background:var(--t-green);border:1px solid var(--t-green-line);font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--c-green);white-space:nowrap}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:24px 0;margin-top:auto}.site-footer .fbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.site-footer .meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13.5px;color:var(--ink3)}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);font-weight:600}.eyebrow .tick{width:26px;height:3px;border-radius:99px;background:var(--brand)}h1.display{font-family:var(--font-serif);font-weight:700;font-size:clamp(30px,4.5vw,44px);line-height:1.06;letter-spacing:-.03em;margin:0;text-wrap:balance;text-shadow:var(--h1-shadow)}h1.page-title{font-family:var(--font-serif);font-weight:600;font-size:clamp(26px,3.6vw,38px);line-height:1.1;letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance}.lede{font-size:16px;line-height:1.55;color:var(--ink2);margin:0;max-width:58ch;text-wrap:pretty}.mono{font-family:var(--font-mono)}.muted{color:var(--ink3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;border-radius:12px;border:1px solid transparent;font-size:14.5px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,transform .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#07130c}.btn-primary:hover{background:#27a75e}.btn-dark{background:var(--btn-bg);color:var(--btn-fg)}.btn-dark:hover{background:var(--c-green2);color:#fff}.btn-outline{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-outline:hover{border-color:var(--ink)}.btn-ghost{background:transparent;color:var(--ink3);padding:6px 8px}.btn-ghost:hover{color:var(--c-green2)}.btn-danger{background:var(--err-bg);color:var(--err-fg);border-color:transparent}.btn-lg{padding:15px 26px;font-size:16px;border-radius:13px}.btn-sm{padding:8px 14px;font-size:13.5px;border-radius:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card.hoverable{transition:border-color .2s,transform .2s,box-shadow .2s}.card.hoverable:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-3)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 22px}.tint-green{background:var(--t-green)}.tint-plum{background:var(--t-plum)}.tint-amber{background:var(--t-amber)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;padding:5px 10px;border-radius:8px;background:var(--surface2);color:var(--ink3);border:1px solid transparent}.pill.ok{background:var(--t-green);color:var(--c-green)}.pill.warn{background:var(--t-amber);color:var(--c-amber)}.pill.line{background:transparent;border-color:var(--line)}.chip-filter{padding:9px 15px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);font-size:13.5px;font-weight:500}.chip-filter[aria-pressed=true]{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--ink)}.bar{height:8px;border-radius:99px;background:var(--surface2);overflow:hidden}.bar>span{display:block;height:100%;border-radius:99px;background:var(--brand);transform-origin:left;animation:grow 1.2s cubic-bezier(.3,.8,.3,1) both;transition:width .5s ease}.bar.amber>span{background:#ffc53d}.bar.tiny{height:6px}.check-btn{width:30px;height:30px;flex:none;border-radius:50%;border:2px solid var(--line);background:var(--surface);color:transparent;font-size:14px;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:background .2s,border-color .2s}.check-btn:hover{border-color:var(--brand)}.check-btn[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.check-btn.small{width:28px;height:28px;font-size:12px}.skeleton{border-radius:10px;background:linear-gradient(100deg,var(--surface2) 30%,var(--glass) 50%,var(--surface2) 70%);background-size:260% 100%;animation:shimmer 1.4s infinite linear}.state-block{text-align:center;padding:60px 24px;border-radius:var(--radius-lg);border:1px dashed var(--line);background:var(--surface)}.state-block .glyph{width:58px;height:58px;margin:0 auto 16px;border-radius:18px;background:var(--t-green);color:var(--c-green);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:26px}.state-block h2{font-family:var(--font-serif);font-weight:600;font-size:21px;margin:0 0 8px}.state-block p{color:var(--ink2);margin:0 auto 18px;max-width:44ch}.error-banner{display:flex;gap:12px;align-items:flex-start;background:var(--err-bg);color:var(--err-fg);border:1px solid var(--t-terra-line, var(--line));border-radius:14px;padding:14px 18px;margin-bottom:18px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--brand);animation:spin .8s linear infinite;display:inline-block}.modal-backdrop{position:fixed;inset:0;z-index:60;background:#0f120f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeUp .2s ease both}.modal{width:min(560px,100%);max-height:min(86vh,860px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px #0f120f59;animation:fadeUp .25s ease both}.modal header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);border-radius:20px 20px 0 0}.modal header h2{margin:0;font-family:var(--font-serif);font-size:19px;font-weight:600}.modal .body{padding:20px 22px}.modal footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--surface);border-radius:0 0 20px 20px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:600;margin-bottom:8px}.field input[type=text],.field input[type=url],.field input[type=number],.field textarea,.field select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);font-family:var(--font-body);font-size:15.5px;color:var(--ink);outline:none;transition:border-color .2s}.field textarea{resize:vertical;min-height:76px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);background:var(--surface)}.field .hint{font-size:12.5px;color:var(--ink3);margin-top:6px}.field .error{font-size:12.5px;color:var(--err-fg);margin-top:6px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dropzone{border:2px dashed var(--line);border-radius:16px;padding:26px 18px;text-align:center;color:var(--ink3);background:var(--surface);transition:border-color .2s,background .2s}.dropzone.drag,.dropzone:hover{border-color:var(--brand);background:var(--t-green-soft)}.upload-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-top:10px;background:var(--surface)}.upload-row .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.sec-row{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.sec-row.open{border-color:var(--brand);background:var(--t-green-soft)}.sec-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px}.sec-title{flex:1 1 240px;text-align:left;background:none;border:none;padding:0;min-width:0;color:var(--ink)}.sec-title .k{font-family:var(--font-mono);font-size:11.5px;color:var(--ink3);letter-spacing:.06em;display:block;margin-bottom:5px}.sec-title .t{font-size:17.5px;font-weight:600;letter-spacing:-.015em;display:block;margin-bottom:4px}.sec-title .s{font-size:13.5px;color:var(--ink2);display:block}.sec-items{padding:0 20px 16px;display:flex;flex-direction:column;gap:9px;animation:fadeUp .3s ease both}.res-row{display:flex;align-items:center;gap:12px;padding:11px 13px;background:var(--glass);border:1px solid rgba(23,26,23,.07);border-radius:13px}.res-row:hover{border-color:#171a172e}.res-badge{width:32px;height:32px;flex:none;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.res-meta{flex:1;min-width:0;text-align:left;background:none;border:none;padding:0}.res-meta .t{display:block;font-size:15px;font-weight:500;color:var(--ink)}.res-meta .m{display:block;font-family:var(--font-mono);font-size:11px;color:var(--ink3);margin-top:3px}.grid-ch{display:grid;grid-template-columns:1fr;gap:20px}.grid-cards{display:grid;grid-template-columns:1fr;gap:18px}.grid-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:640px){.grid-stats{grid-template-columns:repeat(4,1fr)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(min-width:960px){.grid-ch{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.video-frame{aspect-ratio:16 / 9;border:0;border-radius:18px 18px 0 0;width:100%;display:block;background:#0f120f}.pdf-frame{width:100%;height:min(82vh,900px);border:0;border-radius:0 0 18px 18px;background:var(--surface2)}.viewer-chrome{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.admin-wrap{display:flex;flex-direction:column;gap:20px}.admin-tabs{display:flex;gap:4px;background:var(--surface2);padding:4px;border-radius:13px;flex-wrap:wrap}.admin-tabs button{border:none;border-radius:9px;padding:9px 16px;font-size:14px;font-weight:500;background:transparent;color:var(--ink2)}.admin-tabs button[aria-selected=true]{background:var(--surface);color:var(--c-green);box-shadow:0 2px 6px #171a171a}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-item{display:flex;align-items:center;gap:12px;padding:13px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.admin-item.hidden-item{opacity:.55}.admin-item .t{flex:1;min-width:0;font-weight:500}.admin-item .t small{display:block;color:var(--ink3);font-weight:400}.order-btn{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);font-size:14px;line-height:1}.order-btn:hover:not(:disabled){border-color:var(--brand);color:var(--c-green2)}.order-btn:disabled{opacity:.35}.row-btn{padding:7px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:13px;color:var(--ink)}.row-btn:hover{border-color:var(--ink)}.row-btn.on{background:var(--t-green);border-color:var(--t-green-line);color:var(--c-green)}.row-btn.danger:hover{border-color:var(--c-terra);color:var(--err-fg)}.crumb{font-size:13.5px;color:var(--ink3);background:none;border:none;padding:0;margin-bottom:18px}.crumb:hover{color:var(--c-green2)}.admin-shell{display:grid;gap:22px}@media(min-width:1020px){.admin-shell{grid-template-columns:252px minmax(0,1fr);align-items:start}.admin-side{position:sticky;top:84px}}.admin-side{display:flex;flex-direction:column;gap:12px;min-width:0}.side-brand{display:flex;align-items:center;gap:10px;padding:0 4px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;color:var(--ink3)}.side-brand .tick{width:22px;height:3px;border-radius:99px;background:var(--brand);flex:none}.admin-nav{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.side-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:none;background:transparent;padding:9px 10px;border-radius:12px;color:var(--ink2);font-size:14px;font-weight:500;transition:background .18s,color .18s}.side-item .ic{width:34px;height:34px;flex:none;border-radius:11px;font-size:15px;background:var(--surface2);color:var(--ink2);display:inline-flex;align-items:center;justify-content:center;transition:background .18s,color .18s}.side-item .lbl{flex:1;min-width:0}.side-item .lbl small{display:block;font-weight:400;font-size:11.5px;color:var(--ink3);margin-top:2px}.side-item .n{font-family:var(--font-mono);font-size:11.5px;color:var(--ink3);background:var(--surface2);padding:3px 8px;border-radius:8px;flex:none}.side-item:hover{background:var(--surface2);color:var(--ink)}.side-item[aria-selected=true]{background:var(--t-green-soft);color:var(--c-green)}.side-item[aria-selected=true] .ic{background:var(--t-green);color:var(--c-green)}.side-item[aria-selected=true] .n{background:var(--surface);color:var(--c-green)}.side-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.side-stats .stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-1)}.side-stats .stat b{font-family:var(--font-mono);font-size:19px;font-weight:500;display:block;line-height:1.1}.side-stats .stat b.ok{color:var(--c-green)}.side-stats .stat b.warn{color:var(--c-amber)}.side-stats .stat label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}@media(max-width:1019px){.admin-shell{grid-template-columns:1fr}.admin-nav{flex-direction:row;overflow-x:auto}.side-item{flex:none}.side-item .lbl small,.side-brand{display:none}}.admin-main{display:flex;flex-direction:column;gap:20px;min-width:0}.admin-hero{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-end;justify-content:space-between;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(160deg,var(--t-green-soft),var(--surface) 55%)}.admin-hero .who{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;color:var(--ink3)}.admin-hero .who .live{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px var(--t-green)}.admin-hero .hero-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.admin-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.admin-bar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.admin-bar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.admin-search{position:relative;display:flex}.admin-search>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:15px;pointer-events:none}.admin-search input{padding:10px 12px 10px 36px;border-radius:11px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;width:200px;transition:border-color .2s,box-shadow .2s;outline:none}.admin-search input:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(284px,1fr));gap:14px}.admin-card{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-1);transition:transform .18s,box-shadow .18s,border-color .18s}.admin-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--t-green-line)}.admin-card.off{opacity:.78;border-style:dashed}.admin-card.off:hover{opacity:.95}.admin-card h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.015em}.admin-card>p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink2);flex:1}.card-top{display:flex;align-items:center;gap:10px}.card-top .grow{flex:1;min-width:0}.glyph-tile{width:40px;height:40px;flex:none;border-radius:13px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:18px}.dot{width:10px;height:10px;flex:none;border-radius:50%}.dot.on{background:var(--brand);box-shadow:0 0 0 3px var(--t-green)}.dot.off{background:var(--ink3);opacity:.55}.card-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px;padding-top:12px;border-top:1px dashed var(--line)}.admin-item{transition:border-color .18s,box-shadow .18s,transform .18s}.admin-item:hover{border-color:var(--t-green-line);box-shadow:var(--shadow-2);transform:translateY(-1px)}.admin-item.hidden-item{opacity:.8}.admin-item .t small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.admin-item{flex-wrap:wrap;row-gap:10px}.admin-item .t{flex:1 1 200px}.admin-item>span:last-child{flex:1 1 100%;justify-content:flex-end}}.fieldset{border:1px solid var(--line);border-radius:14px;padding:16px 18px 4px;margin:0 0 18px}.fieldset legend{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);padding:0 8px}.save-bar{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-2)}.save-bar .note{font-size:12.5px;color:var(--ink3);margin-right:auto}.modal.lg{width:min(880px,100%)}.ed-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0 0 2px;font-size:13.5px;color:var(--ink3)}.ed-back:hover{color:var(--c-green2)}.ed-hero{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(165deg,var(--t-green-soft),var(--surface) 55%);padding:18px 22px 16px}.ed-hero-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ed-hero .grow{flex:1}.num-pill{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--ink2);padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.ed-title{font-family:var(--font-serif);font-weight:600;font-size:clamp(22px,3vw,30px);letter-spacing:-.02em;color:var(--ink);width:100%;border:none;background:transparent;padding:4px 0}.ed-title:focus{outline:none;box-shadow:none;border-bottom:1px solid var(--brand)}.ed-blurb{font-family:var(--font-body);font-size:14.5px;line-height:1.55;color:var(--ink2);width:100%;border:none;border-bottom:1px dashed transparent;background:transparent;padding:4px 0;resize:vertical;min-height:44px}.ed-blurb:focus{outline:none;box-shadow:none;border-bottom-color:var(--line)}.ed-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:4px}.sec-acc{display:flex;flex-direction:column;gap:14px}.sec-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);overflow:hidden;transition:border-color .2s,box-shadow .2s}.sec-card:hover{border-color:var(--t-green-line);box-shadow:var(--shadow-1)}.sec-card.off{opacity:.78;border-style:dashed}.sec-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px 10px}.sec-num{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink3);flex:none}.sec-input{flex:1 1 220px;min-width:0;font-size:16.5px;font-weight:600;letter-spacing:-.01em;color:var(--ink);border:none;border-bottom:1px dashed transparent;background:transparent;padding:8px 0}.sec-input:focus{outline:none;box-shadow:none;border-bottom-color:var(--brand)}.sec-text{flex:1 1 100%;font-family:var(--font-body);font-size:13.5px;color:var(--ink2);border:none;border-bottom:1px dashed transparent;background:transparent;padding:4px 0 8px;resize:vertical;min-height:34px}.sec-text:focus{outline:none;box-shadow:none;border-bottom-color:var(--line)}.sec-body{padding:0 18px 16px;display:flex;flex-direction:column;gap:10px;animation:fadeUp .25s ease both}.res-list{display:flex;flex-direction:column;gap:8px}.res-a-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--bg);transition:border-color .18s,transform .18s}.res-a-row:hover{border-color:var(--t-green-line);transform:translateY(-1px)}.res-a-row.off{opacity:.72}.res-a-meta{flex:1;min-width:0}.res-a-meta .t{display:block;font-size:14.5px;font-weight:500}.res-a-meta .m{display:block;font-family:var(--font-mono);font-size:11px;color:var(--ink3);margin-top:3px}.res-a-acts{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.add-res{align-self:flex-start;border:1px dashed var(--line);background:transparent;color:var(--ink2);border-radius:11px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:border-color .2s,color .2s}.add-res:hover{border-color:var(--brand);color:var(--c-green2)}.res-form{border:1px dashed var(--brand);border-radius:14px;background:var(--t-green-soft);padding:16px 16px 4px;animation:fadeUp .25s ease both}.kind-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.kind-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);font-size:13px;font-weight:500;transition:background .18s,color .18s,border-color .18s}.kind-chip:hover{border-color:var(--brand)}.kind-chip[aria-pressed=true]{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--ink)}.res-form-foot{display:flex;justify-content:flex-end;gap:10px;padding:10px 0 14px}.add-sec{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:12px;border:2px dashed var(--line);border-radius:var(--radius-md);background:var(--surface);padding:14px 18px;font-size:14px;font-weight:500;color:var(--ink2);text-align:left;transition:border-color .2s,color .2s}.add-sec:hover{border-color:var(--brand);color:var(--c-green2)}.add-sec .sec-input,.add-sec .sec-text{border-bottom:1px dashed var(--line)}.toast{position:fixed;bottom:24px;left:0;right:0;margin-inline:auto;width:fit-content;z-index:80;background:var(--btn-bg);color:var(--btn-fg);border-radius:12px;padding:12px 20px;box-shadow:0 16px 36px #0f120f4d;font-size:14px;display:flex;align-items:center;gap:10px;animation:fadeUp .25s ease both;max-width:min(92vw,480px)}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--ink3);margin-bottom:14px}.breadcrumb a{color:var(--ink3)}.breadcrumb a:hover{color:var(--c-green2)}.two-col{display:flex;flex-wrap:wrap;gap:24px}.two-col>.main{flex:1 1 560px;min-width:0}.two-col>aside{flex:0 1 320px;min-width:280px}.ad-slot{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px}.ad-slot.leaderboard{max-width:728px;margin:4px auto 10px}.ad-slot.inline{margin:26px 0}.ad-slot.sidebar{margin-top:16px}.ad-slot[data-ad-reserved]{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:639px){.header-nav{order:3;width:100%;justify-content:center}.site-header .bar{gap:10px}.streak-pill,.xp-pill{display:none}}.welcome{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:56px 40px;overflow:hidden}.welcome-inner{position:relative;display:flex;flex-wrap:wrap;gap:72px;align-items:center;justify-content:center;max-width:1120px;width:100%;animation:fadeUp .5s ease both}.welcome-copy{flex:1 1 440px;min-width:320px}.welcome-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.welcome-brand .logo{width:46px;height:46px;border-radius:14px;background:#2fbf6d;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;font-size:25px}.welcome-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);font-weight:600}.welcome-title{font-family:var(--font-serif);font-weight:600;font-size:58px;line-height:1.04;letter-spacing:-.02em;margin:0 0 20px;text-wrap:balance;animation:fadeUp .55s .05s ease both}.welcome-lede{font-size:18px;line-height:1.6;color:var(--ink2);margin:0 0 34px;max-width:46ch;text-wrap:pretty;animation:fadeUp .55s .18s ease both}.welcome-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px;animation:fadeUp .55s .3s ease both}.wbtn{padding:15px 24px;border-radius:13px;font-size:16px;font-weight:500;cursor:pointer;font-family:inherit}.wbtn.google{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #171a170f;transition:border-color .18s,box-shadow .18s}.wbtn.google:hover{border-color:#2fbf6d;box-shadow:0 4px 14px #2fbf6d29}.wbtn.dark{border:1px solid transparent;background:var(--btn-bg);color:var(--btn-fg);transition:background .18s}.wbtn.dark:hover{background:var(--c-green2);color:#fff}.g-icon{display:flex;width:20px;height:20px;border-radius:50%;background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0);align-items:center;justify-content:center;flex:none}.g-icon span{width:8px;height:8px;border-radius:50%;background:var(--surface)}.welcome-note{font-family:var(--font-mono);font-size:11.5px;color:var(--ink3);margin:0 0 28px}.welcome-pills{display:flex;flex-wrap:wrap;gap:9px}.welcome-pills .pill{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:13px;color:var(--ink2);animation:fadeUp .5s .6s ease both}.welcome-pills .pill i{width:6px;height:6px;border-radius:50%}.welcome-art{flex:0 1 400px;min-width:320px;position:relative;height:440px}.w-orb{position:absolute;border-radius:50%}.w-orb.g{width:560px;height:560px;background:var(--t-green);top:-200px;left:-160px;animation:drift 26s ease-in-out infinite}.w-orb.p{width:380px;height:380px;background:var(--t-plum);bottom:-150px;right:-110px;animation:drift 32s 2s ease-in-out infinite reverse}.w-orb.a{width:110px;height:110px;background:var(--t-amber);top:12%;right:20%;animation:drift 19s 1s ease-in-out infinite}.w-card{position:absolute;width:290px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 22px 50px #171a171c}.w-card.a{top:6%;left:2%;animation:floatA 7s ease-in-out infinite}.w-card.b{bottom:2%;right:8px;width:262px;animation:floatB 8.5s ease-in-out infinite}.w-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.w-glyph{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:22px;font-weight:600}.w-code{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--ink3)}.w-card-name{font-family:var(--font-serif);font-size:21px;font-weight:600;letter-spacing:-.01em;margin-bottom:14px;color:var(--ink)}.w-bar{height:8px;border-radius:99px;background:var(--surface2);overflow:hidden;margin-bottom:10px}.w-fill{height:100%;border-radius:99px;transform-origin:left;animation:grow 1.3s .35s cubic-bezier(.3,.8,.3,1) both}.w-foot{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--ink3)}.w-resume{position:absolute;top:46%;right:-4%;background:var(--btn-bg);color:var(--btn-fg);border-radius:18px;padding:14px 18px;box-shadow:0 16px 36px #171a173d;animation:bob 5.5s ease-in-out infinite;z-index:3;display:flex;align-items:center;gap:12px}.w-play{width:34px;height:34px;border-radius:50%;background:#2fbf6d;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex:none}.w-resume-name{display:block;font-size:13.5px;font-weight:500;white-space:nowrap}.w-resume-sub{display:block;font-family:var(--font-mono);font-size:10.5px;color:#9db3a5;margin-top:2px}.w-streak{position:absolute;top:-14px;left:2%;display:flex;align-items:center;gap:8px;background:var(--t-amber);border:1px solid var(--t-amber-line);border-radius:99px;padding:8px 14px;animation:bob 6.5s .8s ease-in-out infinite;font-family:var(--font-mono);font-size:11.5px;color:var(--c-amber)}.w-streak i{width:7px;height:7px;border-radius:50%;background:#f0a800}@media(max-width:760px){.welcome{padding:44px 20px}.welcome-title{font-size:40px}.welcome-art{height:380px;margin-top:8px}}.welcome-madeby{margin:22px 0 0;font-size:13px;color:var(--ink3)}.welcome-madeby a{color:var(--c-green2);font-weight:500}.welcome-madeby a:hover{text-decoration:underline}.nudge-list{display:grid;gap:11px;margin:0 0 20px}.nudge-row{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink2);line-height:1.5}.nudge-row i{width:21px;height:21px;flex:none;border-radius:7px;background:var(--t-green);color:var(--c-green);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:700;margin-top:1px}.nudge-foot{display:flex;flex-direction:column;gap:6px}.nudge-foot .ghost{background:none;border:none;color:var(--ink3);font-size:13.5px;cursor:pointer;padding:8px 6px 2px;font-family:inherit}.nudge-foot .ghost:hover{color:var(--ink);text-decoration:underline}.level-banner{margin:26px 0 34px;background:var(--banner-bg);border:1px solid var(--banner-line);border-radius:20px;padding:22px 26px;display:flex;flex-wrap:wrap;gap:26px;align-items:center;color:var(--ink)}.level-main{flex:1 1 260px;min-width:260px}.level-head{display:flex;align-items:baseline;gap:10px;margin-bottom:11px}.level-num{font-size:19px;font-weight:600}.level-label{font-family:var(--font-mono);font-size:12.5px;color:var(--ink2)}.level-bar{height:9px;border-radius:99px;background:var(--line);overflow:hidden}.level-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#2fbf6d,#f0a800);transition:width .5s ease}.level-xp{font-family:var(--font-mono);font-size:11.5px;color:var(--ink2);margin-top:9px}.level-week{display:flex;gap:7px}.day-cell{text-align:center}.day-chip{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink3);font-size:14px;font-weight:600}.day-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.day-chip.today{border:2px dashed var(--brand)}.day-label{display:block;font-family:var(--font-mono);font-size:10px;color:var(--ink3);margin-top:5px}@media(max-width:760px){.level-banner{padding:18px;gap:18px}.level-week{gap:5px}.day-chip{width:26px;height:26px;font-size:12px}}.onb-card{position:relative;width:100%;max-width:860px;animation:fadeUp .4s ease both}.onb-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.onb-brand .logo{width:38px;height:38px;border-radius:12px;background:#2fbf6d;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:700;font-size:21px}.onb-step{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink3)}.onb-title{font-family:var(--font-serif);font-weight:600;font-size:clamp(30px,5.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance}.onb-lede{font-size:17px;line-height:1.55;color:var(--ink2);margin:0 0 34px;max-width:52ch;text-wrap:pretty}.onb-field{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px 26px;margin-bottom:20px}.onb-input{width:100%;padding:14px 16px;border-radius:13px;border:1px solid var(--line);background:var(--bg);font-family:inherit;font-size:17px;color:var(--ink);outline:none;transition:border-color .15s;box-sizing:border-box}.onb-input:focus{border-color:#2fbf6d}.onb-subhead{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);font-weight:600;margin:0 0 13px 2px}.onb-courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:26px}.onb-course{display:flex;flex-direction:column;gap:10px;text-align:left;border-radius:20px;padding:22px;border:1.5px solid var(--line);cursor:pointer;font-family:inherit;transition:border-color .15s;background:var(--surface)}.onb-course:hover{border-color:var(--ink)}.onb-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-danger{--danger: #B3261E;--danger-tint: #FCE8E6;--danger-line: #F4C7C3;background:var(--danger-tint);border:1px solid var(--danger-line);color:var(--danger);padding:10px 18px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:filter .15s}.btn-danger:hover{filter:brightness(.96)}[data-theme=dark] .btn-danger{--danger: #F28B82;--danger-tint: rgba(180,35,24,.16);--danger-line: rgba(240,120,110,.35)}[data-theme=dark] .btn-danger:hover{filter:brightness(1.15)}.danger-zone{border:1px solid var(--danger-line, #F4C7C3);background:var(--danger-tint, #FCE8E6);border-radius:18px;padding:22px 24px}[data-theme=dark] .danger-zone{border-color:#f0786e59;background:#b423181f}.danger-zone .danger-copy{flex:1 1 280px}.danger-zone h3{margin:0 0 4px;font-family:var(--font-serif);font-size:18px;font-weight:600}.danger-zone p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink2)}.pomo{position:fixed;z-index:90;font-family:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 50px #0f120f3d;touch-action:none;animation:fadeUp .22s ease both}.pomo-card{width:268px;border-radius:20px;overflow:hidden}.pomo-pill{display:flex;align-items:center;gap:10px;border-radius:99px;padding:8px 12px 8px 14px;cursor:grab}.pomo-pill:active{cursor:grabbing}.pomo-pill-dot{width:9px;height:9px;border-radius:50%;flex:none}.pomo-pill-time{font-family:var(--font-mono);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.pomo-pill-open{border:none;background:var(--surface2);color:var(--ink2);width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.pomo-pill-open:hover{color:var(--ink)}.pomo-head{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:grab;border-bottom:1px solid var(--line);background:var(--surface2)}.pomo-head:active{cursor:grabbing}.pomo-grip{color:var(--ink3);font-size:12px;letter-spacing:-2px}.pomo-phase{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;flex:1}.pomo-mini{border:none;background:none;color:var(--ink3);cursor:pointer;font-size:16px;line-height:1;width:22px;height:22px;border-radius:6px}.pomo-mini:hover{background:var(--surface);color:var(--ink)}.pomo-body{display:flex;align-items:center;gap:12px;padding:14px}.pomo-ring{flex:none}.pomo-ring-num{font-family:var(--font-mono);font-size:13px;font-weight:600;fill:var(--ink)}.pomo-side{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.pomo-time{display:none}.pomo-ctrl{display:flex;gap:7px}.pomo-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:border-color .15s,background .15s}.pomo-btn:hover{border-color:var(--brand)}.pomo-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.pomo-btn.primary:hover{filter:brightness(1.05)}.pomo-expand{align-self:flex-start;border:none;background:none;padding:0;color:var(--c-green2);font-size:12.5px;font-weight:500;cursor:pointer;font-family:inherit}.pomo-expand:hover{text-decoration:underline}.pomo-dots{display:flex;gap:6px}.pomo-dot{width:8px;height:8px;border-radius:50%}.pomo-foot{display:flex;align-items:center;gap:10px;width:100%;justify-content:flex-end;flex-wrap:wrap}.pomo-foot .muted{margin-right:auto}.pomo-num{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--ink2);margin-bottom:10px}.pomo-num input{width:66px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);font-family:var(--font-mono);font-size:14px;color:var(--ink);text-align:center;outline:none}.pomo-num input:focus{border-color:var(--brand)}.pomo-toggle{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink2);margin-top:4px;cursor:pointer}.pomo-toggle input{width:16px;height:16px;accent-color:var(--brand)}.pomo-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:99px;padding:7px 13px;font-size:12.5px;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s}.pomo-chip:hover{border-color:var(--ink3)}.pomo-chip.on{border-color:var(--brand);color:var(--c-green2);background:var(--t-green)}@keyframes pomoPulse{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:480px){.pomo-card{width:min(88vw,268px)}}