:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-sun:#f60;--brand-sea:#09f;--sun:#ffa366;--sun-2:#ffb380;--sun-ink:#a34a00;--sun-soft:#ffebdd;--on-sun:#163352;--sea:#66c2ff;--sea-2:#85cfff;--sea-ink:#0068a8;--sea-soft:#e0f2ff;--on-sea:#163352;--foam:#8ee0ea;--bg:#f7fbff;--surface:#fff;--surface-2:#eef7ff;--ink:#163352;--ink-2:#5a7189;--line:#ddebf5;--sand:#fff7ee;--ok:#1e7a4c;--ok-soft:#e2f5ea;--mid:#8f5a00;--mid-soft:#fff1d1;--low:#b8323a;--low-soft:#fde6e6;--sky-grad:linear-gradient(160deg, #bde3ff 0%, #d4eeff 50%, #ddf6f4 100%);--sun-grad:linear-gradient(135deg, #ffb380 0%, #ff9a5c 100%);--sun-glow:0 0 0 10px #ffa36629, 0 0 36px #ff9a5c59;--sky-ink:#163352;--shadow:0 1px 2px #1633520d, 0 6px 18px #66c2ff24;--font-display:"Sarabun", "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;--font-body:"Sarabun", "Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--r:16px;--r-sm:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-sun:#f60;--brand-sea:#09f;--sun:#ffb085;--sun-2:#ffc2a0;--sun-ink:#ffb98f;--sun-soft:#3a2a22;--on-sun:#0f2133;--sea:#85ccff;--sea-2:#a0d8ff;--sea-ink:#8fd0ff;--sea-soft:#183d5c;--on-sea:#0f2133;--foam:#6fd3de;--bg:#0f2133;--surface:#172c42;--surface-2:#1e3851;--ink:#eaf4fc;--ink-2:#a9c0d4;--line:#2a4a68;--sand:#2a2a2e;--ok:#7fddaa;--ok-soft:#173a2c;--mid:#ffd27f;--mid-soft:#3b3019;--low:#ff9c9c;--low-soft:#42252a;--sky-grad:linear-gradient(160deg, #1b3b5c 0%, #22496b 50%, #255563 100%);--sun-grad:linear-gradient(135deg, #ffc2a0 0%, #ffa877 100%);--sun-glow:0 0 0 10px #ffb0851f, 0 0 36px #ffa8774d;--sky-ink:#eaf4fc;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-sun:#f60;--brand-sea:#09f;--sun:#ffb085;--sun-2:#ffc2a0;--sun-ink:#ffb98f;--sun-soft:#3a2a22;--on-sun:#0f2133;--sea:#85ccff;--sea-2:#a0d8ff;--sea-ink:#8fd0ff;--sea-soft:#183d5c;--on-sea:#0f2133;--foam:#6fd3de;--bg:#0f2133;--surface:#172c42;--surface-2:#1e3851;--ink:#eaf4fc;--ink-2:#a9c0d4;--line:#2a4a68;--sand:#2a2a2e;--ok:#7fddaa;--ok-soft:#173a2c;--mid:#ffd27f;--mid-soft:#3b3019;--low:#ff9c9c;--low-soft:#42252a;--sky-grad:linear-gradient(160deg, #1b3b5c 0%, #22496b 50%, #255563 100%);--sun-grad:linear-gradient(135deg, #ffc2a0 0%, #ffa877 100%);--sun-glow:0 0 0 10px #ffb0851f, 0 0 36px #ffa8774d;--sky-ink:#eaf4fc;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--font-body);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.2}h1{font-size:clamp(28px,6vw,44px);font-weight:700}h2{font-size:clamp(21px,3.8vw,27px);font-weight:600}h3{font-size:18px;font-weight:600}p{margin:0}a{color:var(--sea-ink)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--sea-ink);outline-offset:2px;border-radius:8px}.wrap{max-width:1040px;margin:0 auto;padding-inline:16px}.muted{color:var(--ink-2)}.small{font-size:14px}.sky{background:var(--sky-grad);color:var(--sky-ink);padding-block:28px 64px;position:relative;overflow:hidden}.sky h1,.sky p{color:var(--sky-ink)}.sky .sun-dot{inset-inline-end:10%;background:var(--sun-grad);width:72px;height:72px;box-shadow:var(--sun-glow);border-radius:50%;position:absolute;top:70px}.wave{inset-inline:0;width:100%;height:48px;display:block;position:absolute;bottom:-1px}.wave path{fill:var(--bg)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px}.btn{cursor:pointer;min-height:44px;font:600 16px/1.2 var(--font-display);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn-sun{background:var(--sun-grad);color:var(--on-sun)}.btn-sea{background:var(--sea);color:var(--on-sea)}.btn-ghost{color:var(--sea-ink);border:2px solid var(--sea);background:0 0}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4);transform:none}.pill{font:600 13px/1.5 var(--font-body);border-radius:999px;padding:3px 12px;display:inline-block}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-mid{background:var(--mid-soft);color:var(--mid)}.pill-low{background:var(--low-soft);color:var(--low)}.pill-sun{background:var(--sun-soft);color:var(--sun-ink)}.pill-sea{background:var(--sea-soft);color:var(--sea-ink)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.question-note>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:600}.question-note textarea{resize:vertical;width:100%;min-height:128px}.payment-fields{border:0;min-width:0;margin:0;padding:0}.slip-preview{cursor:zoom-in;background:0 0;border:0;min-height:44px;padding:0;display:block}.slip-dialog{border:1px solid var(--line);background:var(--surface);max-width:min(96vw,1000px);max-height:94dvh;color:var(--ink);border-radius:16px;padding:16px}.slip-dialog::backdrop{background:#000000a6}.slip-dialog img{max-width:100%;height:auto;margin-top:12px;display:block}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar .wrap{flex-wrap:wrap;align-items:center;gap:12px;min-height:60px;display:flex}.brand{font:700 20px/1 var(--font-display);color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}.brand i{background:var(--brand-sun);width:14px;height:14px;box-shadow:8px 0 0 -2px var(--brand-sea);border-radius:50%;margin-inline-end:8px}.brand small{font:500 13px var(--font-body);color:var(--ink-2)}.topbar .who{color:var(--ink-2);align-items:center;gap:8px;margin-inline-start:auto;font-size:14px;display:flex}.btn-sm{min-height:36px;padding:6px 14px;font-size:14px}main.app{gap:16px;padding-block:20px 72px;display:grid}.stack{gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end}.row.bottom{align-items:flex-end}.spread{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.card h2{margin-bottom:4px}.card>h3{margin-bottom:8px}.login{text-align:center;gap:14px;max-width:460px;margin:40px auto;display:grid}.btn.google{background:var(--surface);color:var(--ink);border:1.5px solid var(--line);min-height:48px}.devlogin{text-align:start;border-top:1px dashed var(--line);padding-top:10px}.devlogin summary{cursor:pointer}.devlogin form{margin-top:10px}.roles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.role{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;border-radius:var(--r);background:var(--surface);border:2px solid var(--line);box-shadow:var(--shadow);justify-items:center;gap:6px;padding:24px 18px;transition:transform .12s,border-color .12s;display:grid}.role:hover{border-color:var(--sea);transform:translateY(-2px)}.role:focus-visible{outline:3px solid var(--sea-ink);outline-offset:2px}.role .emoji{font-size:44px;line-height:1}.role b{font:700 22px var(--font-display)}.start{gap:18px;max-width:720px;margin:24px auto;display:grid}.start h1{text-align:center;font-size:clamp(26px,5vw,36px)}.linkbtn{all:unset;cursor:pointer;color:var(--sea-ink);text-decoration:underline}code{font-family:var(--font-mono);background:var(--surface-2);border-radius:6px;padding:1px 6px;font-size:.92em}label{gap:4px;font-size:15px;font-weight:500;display:grid}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);width:100%;min-height:44px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--sea-ink);box-shadow:0 0 0 3px var(--sea-soft);outline:none}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;accent-color:var(--sea-ink)}.check{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-weight:500;display:flex}.check:has(input:checked){border-color:var(--sea-ink);background:var(--sea-soft)}.choices{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.q-figure{justify-items:center;gap:6px;margin:0;display:grid}.q-figure-frame{all:unset;box-sizing:border-box;border:1.5px solid var(--line);border-radius:var(--r-sm);cursor:zoom-in;background:#fff;place-items:center;width:100%;min-height:160px;padding:12px;display:grid}.q-figure-frame:focus-visible{outline:3px solid var(--sea-ink);outline-offset:2px}.q-figure-frame img{max-width:100%;height:auto;max-height:min(60vh,480px);display:block}.q-figure-msg{cursor:default;text-align:center;background:var(--surface-2);gap:6px}.q-figure-msg p{margin:0}.figure-zoom{border-radius:var(--r);width:min(96vw,1100px);max-width:none;max-height:94dvh;box-shadow:var(--shadow);background:#fff;border:0;padding:12px}.figure-zoom[open]{justify-items:center;gap:10px;display:grid}.figure-zoom::backdrop{background:#0f2133d9}.figure-zoom img{object-fit:contain;touch-action:pinch-zoom;width:100%;max-height:calc(94dvh - 90px);display:block}.tf-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tf-item{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);gap:10px;padding:12px 14px;display:grid}.tf-item[data-answered]{border-color:var(--sea-soft)}.tf-item[data-result=ok]{border-color:var(--ok-soft);background:color-mix(in srgb, var(--ok-soft) 35%, var(--surface))}.tf-item[data-result=off]{border-color:var(--mid-soft);background:color-mix(in srgb, var(--mid-soft) 35%, var(--surface))}.tf-item p{margin:0;line-height:1.7}.tf-pick{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tf-pick .check{justify-content:center;min-height:48px}.tf-verdict{flex-wrap:wrap;gap:4px 14px;font-size:15px;display:flex}@media (width>=761px){.tf-item:has(.tf-pick){grid-template-columns:1fr minmax(230px,auto);align-items:center}}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.tile span{color:var(--ink-2);font-size:13px;display:block}.tile b{font:700 28px/1.2 var(--font-display)}.tile.hl{background:var(--sun-soft);border-color:#0000}.tabs{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{all:unset;cursor:pointer;white-space:nowrap;font:600 15px var(--font-display);color:var(--ink-2);border-radius:999px;padding:8px 14px}.tab[aria-selected=true]{background:var(--sea-soft);color:var(--sea-ink)}.tab:focus-visible{outline:3px solid var(--sea-ink)}.badge{background:var(--sun);min-width:20px;color:var(--on-sun);font:700 12px/20px var(--font-body);text-align:center;border-radius:999px;margin-inline-start:4px;padding:0 6px;display:inline-block}.list{gap:10px;display:grid}.item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:8px;padding:14px 16px;display:grid}.item .meta{color:var(--ink-2);font-size:14px}.kv{grid-template-columns:max-content 1fr;gap:4px 14px;font-size:15px;display:grid}.kv dt{color:var(--ink-2)}.kv dd{margin:0}.empty{text-align:center;color:var(--ink-2);padding:28px 12px}.slip{grid-template-columns:minmax(0,220px) 1fr;align-items:start;gap:14px;display:grid}.slip img{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);cursor:zoom-in;width:100%}@media (width<=560px){.slip{grid-template-columns:1fr}.slip img{object-fit:contain;max-height:360px}}.amount{font:700 26px/1.2 var(--font-display);color:var(--sun-ink)}.bank{border-radius:var(--r);background:var(--sea-soft);gap:4px;padding:14px 16px;display:grid}.bank .no{font:600 22px/1.3 var(--font-mono);letter-spacing:.04em}.renew{color:var(--ink);margin:4px 0 0;padding-inline-start:18px}.renew li{margin-block:2px}.qr{justify-items:center;gap:6px;display:grid}.qr canvas{border-radius:var(--r-sm);background:#fff;padding:8px}.code{font:700 26px/1.2 var(--font-mono);letter-spacing:.18em;color:var(--sea-ink)}.dlg{border-radius:var(--r);background:var(--surface);width:min(440px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow);border:0;padding:20px}.dlg::backdrop{background:#0f213373}#toasts{inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed}.toast{box-shadow:var(--shadow);border-radius:999px;max-width:560px;padding:10px 16px;font-weight:600}.toast-ok{background:var(--ok-soft);color:var(--ok)}.toast-low{background:var(--low-soft);color:var(--low)}.toast-mid{background:var(--mid-soft);color:var(--mid)}.lightbox{z-index:60;cursor:zoom-out;background:#0f2133d9;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox img{border-radius:var(--r-sm);max-width:100%;max-height:100%}table.t{border-collapse:collapse;width:100%;font-size:15px}table.t th,table.t td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}table.t th{color:var(--ink-2);font-size:13px;font-weight:600}.scroll-x{overflow-x:auto}.appnav{gap:4px;display:flex}.navlink{color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-weight:500;text-decoration:none;display:inline-flex}.navlink:hover{color:var(--sea-ink)}.navlink.active{background:var(--sea-soft);color:var(--sea-ink);font-weight:600}.navlink svg{width:18px;height:18px}.mobile-only{display:none}@media (width<=760px){.topbar{-webkit-backdrop-filter:none;background:var(--bg)}.topbar .wide-only{display:none}.mobile-only{display:revert}.appnav{z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;gap:0;position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px #1633520f}.navlink{border-radius:var(--r-sm);text-align:center;flex-direction:column;flex:1;gap:2px;max-width:120px;padding:6px 4px;font-size:12px}.navlink svg{width:24px;height:24px}main.app{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}.avatar{background:var(--sun-grad);width:56px;height:56px;color:var(--on-sun);font:700 24px var(--font-display);border-radius:50%;place-items:center;display:grid}.days-big{font:700 44px/1 var(--font-display)}.days-big.ok{color:var(--ok)}.days-big.mid{color:var(--mid)}.days-big.low{color:var(--low)}.days-big.sea{color:var(--sea-ink)}[hidden]{display:none!important}.t-ok{color:var(--ok)}.t-mid{color:var(--mid)}.t-low{color:var(--low)}.advice{gap:12px;margin:0;padding:0;list-style:none;display:grid}.advice li{border-bottom:1px dashed var(--line);gap:4px;padding-bottom:10px;display:grid}.advice li:last-child{border-bottom:0;padding-bottom:0}.topic-plots{flex-wrap:wrap;gap:6px;display:flex}.plot{border-radius:var(--r-sm);border:1px solid #0000;padding:6px 12px;font-size:14px}.plot.none{background:var(--surface-2);color:var(--ink-2);border-color:var(--line)}.plot.low{background:var(--low-soft);color:var(--low)}.plot.mid{background:var(--mid-soft);color:var(--mid)}.plot.ok{background:var(--ok-soft);color:var(--ok)}.weeks{grid-template-columns:repeat(8,1fr);align-items:end;gap:6px;display:grid}.week{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:160px;display:flex}.week i{background:var(--line);border-radius:8px 8px 3px 3px;width:70%;max-width:36px}.week i.ok{background:var(--ok)}.week i.mid{background:var(--sun)}.week i.low{background:var(--sea)}.week .muted{white-space:nowrap;font-size:11px}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{all:unset;cursor:pointer;color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px}.seg button[aria-checked=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #1633521f}.seg button:focus-visible{outline:2px solid var(--sea-ink);outline-offset:1px}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding-block:4px;display:flex}.list,.scroll-x{scroll-margin-top:76px}.admin-shell{grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:24px;height:100dvh;padding:28px 16px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-brand{padding-inline:12px}.admin-menu{gap:22px;display:grid}.admin-menu-group>p{color:var(--ink-2);margin:0 12px 6px;font-size:12px;font-weight:600}.admin-menu-group a{min-height:46px;color:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.admin-menu-group a:hover{background:var(--surface-2)}.admin-menu-group a[aria-current=page]{background:var(--sea-soft);color:var(--sea-ink);box-shadow:inset 3px 0 var(--sea-ink);font-weight:700}.admin-account{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding-top:18px;display:grid}.admin-email{overflow-wrap:anywhere}.admin-main{min-width:0;padding:32px clamp(20px,3vw,52px) 64px}.admin-page-heading{gap:8px;margin-bottom:28px;display:grid}.admin-page-heading p{margin:0}.admin-page-heading h1{font-size:clamp(26px,3vw,34px)}.admin-content{align-content:start;gap:18px;min-width:0}.admin-content>h2:first-child{display:none}.admin-content>.card,.admin-content .scroll-x{min-width:0}.admin-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.admin-actions button{text-align:left;color:var(--ink);cursor:pointer;font:inherit;gap:10px;display:grid}.admin-actions button h2{font-size:23px}.admin-actions button p{color:var(--ink-2);margin:0}.admin-actions button b{color:var(--sea-ink)}.admin-actions button:hover{border-color:var(--sea-ink)}.admin-mobile-bar{display:none}.admin-skip{z-index:50;background:var(--surface);color:var(--ink);padding:12px;position:fixed;top:-100px;left:12px}.admin-skip:focus{top:12px}@media (width<=900px){.admin-actions{grid-template-columns:1fr}}@media (width<=700px){.admin-shell{display:block}.admin-mobile-bar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.admin-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:16px;display:none;position:static}.admin-sidebar[data-open=true]{display:flex}.admin-brand{display:none}.admin-main{padding:24px 16px 40px}.admin-page-heading{margin-bottom:20px}}.review-answer{background:var(--sea-soft);color:var(--sea-ink);border-radius:8px;padding:8px;font-weight:600}.review-number-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;display:grid}.review-number-grid button{min-height:44px}.review-number-grid button[aria-current=step]{background:var(--sea);color:var(--ink);outline:2px solid var(--sea-ink);outline-offset:2px}.island-home{overflow:hidden}.island-intro{background:var(--sea-soft);border-radius:var(--r);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-block:16px;padding:20px;display:flex}.student-island{background:var(--sea-soft);border:8px solid var(--sand);border-radius:48px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:24px;padding:32px 24px;display:grid}.island-place{text-align:center;border:2px solid var(--line);background:var(--sand);color:var(--ink);font:inherit;cursor:pointer;overflow-wrap:anywhere;border-radius:48% 48% 24px 24px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:20px 16px;display:flex}.island-place[data-stage=grown]{background:var(--ok-soft);border-color:var(--ok)}.island-place[data-stage=growing],.island-place[data-stage=seed]{background:var(--surface);border-color:var(--sea)}.island-place:disabled{cursor:default}.island-place:focus-visible{outline:3px solid var(--sea-ink);outline-offset:4px}.island-place-art{font-size:42px;line-height:1.3}.island-topic-list{gap:12px;display:grid}.island-topic-list .island-place{text-align:start;border-radius:16px;align-items:flex-start}@media (width<=500px){.student-island{grid-template-columns:1fr;gap:16px;padding:20px 12px}.island-intro{padding:16px}}.daily-board{border:1px solid var(--line);background:var(--surface-2);border-radius:24px;padding:24px}.daily-board h2{font-size:clamp(1.5rem,3vw,2rem)}.eyebrow{color:var(--sea-ink);font-size:.85rem;font-weight:600}.daily-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;display:grid}.daily-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;gap:16px;min-width:0;padding:20px}.daily-card[data-done=true]{border-color:var(--ok)}.daily-copy{flex:1;gap:8px}.daily-icon{background:var(--sea-soft);width:48px;height:48px;color:var(--sea-ink);border-radius:16px;place-items:center;font-size:1.8rem;display:inline-grid}.daily-card[data-kind=challenge] .daily-icon{background:var(--sun-soft);color:var(--sun-ink)}.daily-card[data-kind=review] .daily-icon,.daily-summary .daily-icon{background:var(--ok-soft);color:var(--ok)}.daily-board progress,.daily-player progress{background:var(--line);width:100%;height:8px;accent-color:var(--sea-ink);border:none;border-radius:8px;margin-top:8px;display:block;overflow:hidden}.daily-board progress::-webkit-progress-bar{background:var(--line)}.daily-player progress::-webkit-progress-bar{background:var(--line)}.daily-board progress::-webkit-progress-value{background:var(--sea-ink);border-radius:8px}.daily-player progress::-webkit-progress-value{background:var(--sea-ink);border-radius:8px}.daily-carry{border-left:3px solid var(--sea);background:var(--surface);border-radius:12px;padding:16px}.daily-player{gap:20px;width:100%;max-width:840px;margin-inline:auto}.daily-player-header h1{font-size:clamp(1.6rem,4vw,2.2rem)}.daily-player-header{background:var(--surface-2)}.daily-steps{flex-wrap:wrap;gap:10px;display:flex}.daily-steps [aria-current]{background:var(--sea-soft);border-color:var(--sea-ink);color:var(--sea-ink);box-shadow:inset 0 0 0 1px var(--sea-ink)}.daily-question-heading{font-size:1.15rem;line-height:1.6}.daily-question-heading span{font-weight:400;display:block}.daily-player fieldset{border:1px solid var(--line);border-radius:16px;min-width:0;padding:16px}.daily-summary{align-items:start;padding:28px}.daily-board .btn,.daily-player .btn{white-space:normal;text-align:center;min-height:44px}.daily-next{padding-block:8px}.learn-welcome h1{font-size:clamp(1.6rem,3vw,2rem)}@media (width<=600px){.daily-board{border-radius:20px;padding:16px}.daily-card{padding:16px}.daily-next{flex-direction:column;align-items:stretch}.daily-player .choices{grid-template-columns:1fr}.daily-player .card{padding:16px}.daily-steps{gap:8px}.daily-steps .btn{padding:8px 12px}}.achievements{border-top:1px solid var(--line);gap:16px;padding-block:16px}.achievements-compact{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:18px}.level-emblem,.badge-emblem{background:var(--sea-soft);width:48px;height:48px;color:var(--sea-ink);border-radius:16px;flex-shrink:0;place-items:center;font-size:1.6rem;font-weight:700;display:inline-grid}.achievements progress{background:var(--line);width:100%;height:10px;accent-color:var(--sea-ink);border:0;border-radius:10px;display:block;overflow:hidden}.achievements progress::-webkit-progress-bar{background:var(--line)}.achievements progress::-webkit-progress-value{background:var(--sea-ink);border-radius:10px}.badge-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;display:grid}.badge-card{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;padding:18px}.badge-card h4{margin:0;font-size:1.05rem}.badge-card[data-earned=true]{background:var(--sand);border-color:var(--sun)}.badge-card[data-earned=true] .badge-emblem{background:var(--sun-soft);color:var(--sun-ink)}.badge-collection summary{cursor:pointer;min-height:44px;padding-block:12px;font-weight:600}.badge-collection .badge-grid{margin-block:12px}.streak-panel{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:18px}.streak-count{color:var(--sea-ink);font-size:1.65rem}.streak-panel progress{width:100%;accent-color:var(--sea-ink)}.streak-panel summary{cursor:pointer;min-height:44px;padding-block:12px}.streak-week{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.streak-week li{border:1px solid var(--line);border-radius:12px;gap:4px;padding:10px;font-size:.8rem;display:grid}.streak-week li[data-kind=rest]{background:var(--sand)}.island-home-v2{border-radius:28px;padding:clamp(16px,3vw,28px);overflow:hidden}.island-home-v2 header{gap:16px}.island-home-v2 h2{font-size:clamp(26px,4vw,34px)}.island-subject-picker{min-width:155px;font-size:.85rem}.island-world-heading{gap:16px;padding-block:22px 16px}.island-world-heading h3{margin-bottom:6px;font-size:1.35rem}.world-counters{flex-wrap:wrap;gap:12px;font-size:.8rem;display:flex}.world-counters span{background:var(--sea-soft);border-radius:30px;padding:9px 13px}.world-counters b{color:var(--sea-ink);font-size:1.1rem}.world-toolbar{gap:12px;margin-bottom:12px}.world-layout{grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);align-items:stretch;gap:16px;display:grid}.island-world{isolation:isolate;background:var(--sky-grad);min-width:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:24px;align-self:start;position:relative;overflow:hidden}.world-skyline{font:500 .65rem var(--font-mono);letter-spacing:.04em;color:var(--sea-ink);justify-content:space-between;gap:12px;padding:18px 20px 0;display:flex}.world-svg{width:100%;height:auto;padding-block:8px 22px;display:block}.world-svg .world-sun{fill:var(--sun);opacity:.8}.world-cloud{fill:var(--surface);opacity:.65}.sea-line{fill:none;stroke:var(--sea);stroke-width:3px;stroke-linecap:round}.world-shallows{fill:var(--foam);opacity:.45}.world-shadow{fill:var(--sea-ink);opacity:.2}.world-svg .shore{fill:var(--sand);stroke:var(--sun-2);stroke-width:2px}.world-land{fill:var(--ok-soft)}.world-meadow{fill:var(--mid-soft);opacity:.7}.world-river{fill:none;stroke:var(--foam);stroke-width:16px;stroke-linecap:round}.path-edge{fill:none;stroke:var(--sand);stroke-width:13px}.world-path{fill:none;stroke:var(--sun-2);stroke-width:4px;stroke-dasharray:3 9;stroke-linecap:round}.world-bridge,.trunk{fill:none;stroke:var(--mid);stroke-width:3px;stroke-linecap:round}.world-svg .leaves{fill:var(--ok)}.world-svg .bloom{fill:var(--sun)}.world-svg .snow{fill:var(--surface)}.world-svg .glass{fill:var(--foam);stroke:var(--sea-ink);stroke-width:2px}.world-compass{fill:var(--sea-ink);text-anchor:middle;font:600 12px var(--font-mono)}.place-glow{fill:var(--sea);opacity:0}.world-place[data-selected=true] .place-glow{opacity:.35}.place-ground{fill:var(--sand);stroke:var(--sun-2);stroke-width:1.5px}.world-place[data-selected=true] .place-ground{stroke:var(--sea-ink);stroke-width:3px;stroke-dasharray:4 5}.world-building{transition:opacity .4s,filter .4s}.world-place[data-stage=new] .world-building{opacity:.38}.world-place[data-stage=seed] .world-building{opacity:.65}.world-place[data-stage=grown] .place-ground{fill:var(--ok-soft);stroke:var(--ok)}.world-svg .structure{fill:var(--surface);stroke:var(--sea-ink);stroke-width:2.5px;stroke-linejoin:round}.world-place:nth-of-type(2n) .structure{fill:var(--sun-soft);stroke:var(--sun-ink)}.world-svg .roof{fill:var(--sea-ink);stroke:var(--sea-ink);stroke-width:2px;stroke-linejoin:round}.world-svg .door{fill:var(--sea-ink)}.linework{fill:none;stroke:var(--sea-ink);stroke-width:2px;stroke-linecap:round}.scaffolding{fill:none;stroke:var(--mid);stroke-width:3px}.world-stops{pointer-events:none;position:absolute;inset:28px 0 22px}.world-stop{pointer-events:auto;border:1px solid var(--line);background:var(--surface);min-width:44px;max-width:110px;min-height:44px;color:var(--ink);cursor:pointer;font:600 .7rem var(--font-body);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:3px 7px;display:flex;position:absolute;transform:translate(-50%,-10%)}.world-stop[aria-pressed=true]{border:2px solid var(--sea-ink);background:var(--sea-soft)}.world-stop[data-stage=grown] .world-stop-number{color:var(--ok)}.world-stop-number{font:700 .85rem var(--font-mono);color:var(--sea-ink)}.world-stop-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.world-caption{text-align:center;width:100%;color:var(--sea-ink);font-size:.7rem;position:absolute;bottom:10px}.world-detail{border:1px solid var(--line);background:var(--surface-2);border-radius:24px;gap:14px;min-width:0;padding:22px}.world-detail h3{font-size:1.6rem;line-height:1.4}.world-detail>p{font-size:.9rem;line-height:1.8}.world-detail[data-stage=grown]{background:var(--ok-soft)}.world-state{color:var(--sea-ink);font-size:.7rem}.world-detail-action{gap:10px;margin-top:auto;display:grid}.world-detail-action .btn{white-space:normal;text-align:center}.world-detail progress{width:100%;accent-color:var(--ok)}.world-unavailable{border:1px dashed var(--line);border-radius:12px;padding:12px;font-size:.85rem}.world-legend{color:var(--ink-2);flex-wrap:wrap;gap:8px 18px;margin-block:20px 12px;font-size:.75rem;display:flex}.island-honesty{border-top:1px solid var(--line);padding-top:12px;font-size:.75rem}.world-topic-list{align-content:start;gap:8px;max-height:520px;padding:4px;display:grid;overflow:auto}.world-topic-row{border:1px solid var(--line);background:var(--surface);min-height:64px;color:var(--ink);text-align:start;cursor:pointer;font:inherit;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.world-topic-row[aria-pressed=true]{border-color:var(--sea-ink);background:var(--sea-soft)}.world-topic-row>span:last-child{gap:4px;display:grid}.world-topic-number{background:var(--sea-soft);width:32px;height:32px;color:var(--sea-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.reward-card{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;padding:18px}.reward-card[data-status=achieved],.reward-card[data-status=delivered]{background:var(--ok-soft)}.reward-card progress{width:100%;accent-color:var(--ok)}.reward-form{background:var(--surface-2);border-radius:16px;padding:18px}.game-inbox summary,.content-report summary,.reward-card summary{cursor:pointer;min-height:44px;padding-block:12px}.game-inbox>div{padding-top:16px}.report-evidence{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border-radius:12px;padding:14px}@media (width<=900px){.world-layout{grid-template-columns:minmax(0,1fr)}.island-world{width:100%}.world-detail{padding:20px}.world-skyline{font-size:.62rem}}@media (width<=500px){.world-stop{max-width:87px;font-size:.65rem}.world-skyline{padding:14px 12px 0;font-size:.52rem}.island-home-v2{border-radius:22px}.world-detail h3{font-size:1.35rem}.world-counters{gap:6px}.world-counters span{padding:7px 10px}.island-subject-picker{width:100%}.world-stops{inset:24px 0 22px}}@media (prefers-reduced-motion:no-preference){.place-growth{transform-box:fill-box;transform-origin:bottom;animation:.6s both world-grow}.world-cloud{animation:9s ease-in-out infinite alternate world-drift}}@keyframes world-grow{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes world-drift{to{transform:translate(6px)}}@media (width<=500px){.world-toolbar{gap:8px}.world-toolbar .row{gap:6px}.world-toolbar .row .btn{min-width:44px;padding-inline:10px}.world-toolbar>.btn{padding-inline:12px;font-size:.85rem}.world-toolbar .small{white-space:nowrap;font-size:.7rem}.island-world-heading{gap:10px;padding-block:16px 10px}}.student-shell{min-height:100dvh}.student-sidebar{z-index:25;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;width:224px;padding:32px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.student-brand{min-height:44px;padding:8px 14px;font-size:24px}.student-tagline{color:var(--ink-2);margin:8px 14px 32px;font-size:.75rem}.student-nav{gap:8px;display:grid}.student-nav a,.student-secondary{min-height:48px;color:var(--ink-2);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-weight:500;text-decoration:none;display:flex}.student-nav a[aria-current=page]{background:var(--sea-soft);color:var(--sea-ink);box-shadow:inset 3px 0 var(--sea-ink);font-weight:700}.student-nav a:hover,.student-secondary:hover{background:var(--surface-2);color:var(--sea-ink)}.student-sidebar-bottom{gap:8px;margin-top:auto;padding-top:28px;display:grid}.student-secondary{font-size:.8rem}.student-email{overflow-wrap:anywhere;padding-inline:14px;font-size:.7rem}.student-main{align-content:start;gap:20px;max-width:1536px;min-height:100dvh;margin-left:224px;padding:32px clamp(20px,3vw,48px) 48px;display:grid}.student-main:focus{outline:none}.student-page-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.student-page-heading h1{font-size:clamp(24px,3vw,32px)}.student-main .island-home-v2{padding:20px}.student-main .island-home-v2>header>div{display:none}.student-main .island-home-v2>header{justify-content:flex-end}.student-main .island-world-heading{padding-top:0}.student-mobile-header{display:none}.student-skip{z-index:50;background:var(--surface);border:2px solid var(--sea-ink);padding:12px;position:fixed;top:-100px;left:240px}.student-skip:focus{top:10px}.student-privacy{margin:0;font-size:.75rem}.island-next-step{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.island-next-step h2{font-size:1.1rem}.student-avatar{min-width:44px;min-height:44px;color:var(--sea-ink);background:var(--sea-soft);border-radius:50%;place-items:center;display:grid}@media (width<=900px){.student-sidebar{width:190px;padding-inline:12px}.student-main{margin-left:190px;padding-inline:20px}.student-tagline{margin-inline:12px}.student-nav a{gap:10px;padding-inline:12px;font-size:.9rem}}@media (width<=760px){.student-mobile-header{z-index:20;background:var(--bg);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:60px;padding:8px 16px;display:flex;position:sticky;top:0}.student-sidebar{border:0;width:auto;padding:0;position:static}.student-brand,.student-tagline,.student-sidebar-bottom{display:none}.student-nav{z-index:30;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid;position:fixed;inset:auto 0 0}.student-nav a{white-space:nowrap;border-radius:12px;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:56px;padding:7px 1px;font-size:10px}.student-nav a[aria-current=page]{box-shadow:none}.student-nav svg{width:22px;height:22px}.student-main{padding:18px 12px calc(100px + env(safe-area-inset-bottom));gap:16px;min-height:calc(100dvh - 60px);margin-left:0}.student-main .island-home-v2{padding:16px}.student-page-heading>span{display:none}.student-skip{left:12px}}