:root{--bg:#f5f3ee;--surface:#fffefb;--surface-2:#ece9e1;--ink:#1b2233;--ink-2:#545c6e;--ink-3:#8b91a0;--line:#e1ddd3;--accent:#2f4fa8;--accent-ink:#fff;--accent-soft:#e3e8f8;--teal:#2f4fa8;--teal-soft:#e3e8f8;--hl:#ffd84d;--hl-soft:#fff3bf;--good:#2f7a4d;--good-soft:#ddefe3;--bad:#b3361e;--bad-soft:#f8e1da;--shadow:0 1px 2px #141e320f, 0 8px 28px #141e3214;--radius:14px;--font:"Inter", system-ui, -apple-system, sans-serif;--display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#12161f;--surface:#1a1f2b;--surface-2:#242a38;--ink:#eef0f5;--ink-2:#aeb4c2;--ink-3:#7d8496;--line:#2c3242;--accent:#8ea8f2;--accent-ink:#0d1426;--accent-soft:#1f2a47;--teal:#8ea8f2;--teal-soft:#1f2a47;--hl:#e9c447;--hl-soft:#3a3218;--good:#6fcf97;--good-soft:#1b3326;--bad:#f07a63;--bad-soft:#3b1d16;--shadow:0 1px 2px #0006, 0 8px 28px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#12161f;--surface:#1a1f2b;--surface-2:#242a38;--ink:#eef0f5;--ink-2:#aeb4c2;--ink-3:#7d8496;--line:#2c3242;--accent:#8ea8f2;--accent-ink:#0d1426;--accent-soft:#1f2a47;--teal:#8ea8f2;--teal-soft:#1f2a47;--hl:#e9c447;--hl-soft:#3a3218;--good:#6fcf97;--good-soft:#1b3326;--bad:#f07a63;--bad-soft:#3b1d16;--shadow:0 1px 2px #0006, 0 8px 28px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-palette=blossom]{--bg:#fbf0f4;--surface:#fffafc;--surface-2:#f6e2ea;--line:#efd5df;--ink:#3b1e2c;--ink-2:#725462;--ink-3:#a88b98;--accent:#c93d7d;--accent-ink:#fff;--accent-soft:#fce1ee;--teal:#c93d7d;--teal-soft:#fce1ee;--hl:#ff9dc6;--hl-soft:#ffe3ef}:root[data-palette=lavender]{--bg:#f4f1fa;--surface:#fdfbff;--surface-2:#e9e3f4;--line:#ddd5ec;--ink:#261f3a;--ink-2:#5d5675;--ink-3:#9790ac;--accent:#7a4fc9;--accent-ink:#fff;--accent-soft:#ebe2fa;--teal:#7a4fc9;--teal-soft:#ebe2fa;--hl:#c9a7ff;--hl-soft:#efe4ff}:root[data-palette=peach]{--bg:#fcf3ee;--surface:#fffcfa;--surface-2:#f6e6dc;--line:#efdacd;--ink:#3a231b;--ink-2:#735449;--ink-3:#a98d82;--accent:#d2553d;--accent-ink:#fff;--accent-soft:#fce3da;--teal:#d2553d;--teal-soft:#fce3da;--hl:#ffb48a;--hl-soft:#ffe6d6}:root[data-palette=mint]{--bg:#eff7f3;--surface:#fbfffd;--surface-2:#dfefe7;--line:#d0e6db;--ink:#16302a;--ink-2:#4b6a61;--ink-3:#87a39a;--accent:#1f8a6e;--accent-ink:#fff;--accent-soft:#d9f2e8;--teal:#1f8a6e;--teal-soft:#d9f2e8;--hl:#9be3c6;--hl-soft:#ddf7ec}@media (prefers-color-scheme:dark){:root[data-palette=blossom]:not([data-theme=light]){--bg:#1c1218;--surface:#26181f;--surface-2:#33212a;--line:#3e2a34;--ink:#f8eef2;--ink-2:#cdb3bf;--ink-3:#94798a;--accent:#f48fbe;--accent-ink:#2a0e1c;--accent-soft:#4a2236;--teal:#f48fbe;--teal-soft:#4a2236;--hl:#f7a8cb;--hl-soft:#4a2a38}:root[data-palette=lavender]:not([data-theme=light]){--bg:#16131f;--surface:#1f1a2b;--surface-2:#2a2339;--line:#342c45;--ink:#f1eef8;--ink-2:#bdb4d3;--ink-3:#857c9c;--accent:#b79bf5;--accent-ink:#1a1030;--accent-soft:#33284f;--teal:#b79bf5;--teal-soft:#33284f;--hl:#c6a6ff;--hl-soft:#3a2e55}:root[data-palette=peach]:not([data-theme=light]){--bg:#1c1411;--surface:#261c18;--surface-2:#33251f;--line:#3f2f28;--ink:#f9f0eb;--ink-2:#d2b9ae;--ink-3:#9a8076;--accent:#f59a80;--accent-ink:#2b120a;--accent-soft:#4a2a1f;--teal:#f59a80;--teal-soft:#4a2a1f;--hl:#f7b48f;--hl-soft:#4a3022}:root[data-palette=mint]:not([data-theme=light]){--bg:#0f1916;--surface:#16231f;--surface-2:#1f302a;--line:#283b34;--ink:#ecf6f2;--ink-2:#afcbc1;--ink-3:#779489;--accent:#6fd3b1;--accent-ink:#08221a;--accent-soft:#1d3d33;--teal:#6fd3b1;--teal-soft:#1d3d33;--hl:#7fddba;--hl-soft:#1f3d32}}.avatar{object-fit:cover;background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--hl);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid}.themes{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px;display:grid}.theme{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;font-size:14px;font-weight:600;display:flex}.theme:hover{border-color:var(--ink-3)}.theme.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.theme .swatch{border:1px solid #0000000f;border-radius:8px;align-items:flex-end;gap:5px;width:100%;height:44px;padding:7px;display:flex}.theme .swatch i{border-radius:50%;width:18px;height:18px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}h1,h2,h3{margin:0;line-height:1.15}h1{font:700 clamp(26px, 4vw, 36px)/1.1 var(--display);letter-spacing:-.02em}h2{font:650 18px/1.25 var(--display);letter-spacing:-.01em;margin-bottom:10px}h3{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-bottom:8px;font-size:12px;font-weight:600}p{margin:0 0 10px}code,kbd{background:var(--surface-2);border-radius:5px;padding:1px 6px;font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:13px}.tabular{font-variant-numeric:tabular-nums}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row.top{align-items:flex-start}.spacer{flex:1}.stack{flex-direction:column;gap:12px;display:flex}.error-text{color:var(--bad)}.pre{white-space:pre-wrap}mark{background:var(--hl-soft);color:inherit;border-radius:3px;padding:0 3px}.btn{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 15px;font-weight:500;transition:background .12s,border-color .12s,filter .12s;display:inline-flex;text-decoration:none!important}.btn:hover:not(:disabled){border-color:var(--ink-3)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled),.btn.accent:hover:not(:disabled){filter:brightness(1.1)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--surface-2);border-color:#0000}.btn.small{border-radius:8px;height:30px;padding:0 10px;font-size:13px}.btn.big{border-radius:12px;height:48px;padding:0 22px;font-size:16px;font-weight:600}.btn.icon{width:38px;padding:0}.btn.small.icon{width:30px}.btn.danger:hover:not(:disabled){color:var(--bad);border-color:var(--bad)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=date],select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:10px;outline:none;width:100%;padding:8px 11px}input:focus,select:focus,textarea:focus{border-color:var(--teal)}textarea{resize:vertical;min-height:70px;line-height:1.5}label.field{color:var(--ink-2);flex-direction:column;gap:5px;font-size:13px;font-weight:500;display:flex}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.toggle input[type=checkbox]{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex:none;width:34px;height:20px;margin:0;transition:background .15s;position:relative}.toggle input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.toggle input[type=checkbox]:checked{background:var(--teal)}.toggle input[type=checkbox]:checked:after{transform:translate(14px)}input[type=checkbox],input[type=radio]{accent-color:var(--accent);flex:none;width:18px;height:18px;margin:0}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.tabs button{cursor:pointer;color:var(--ink-2);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-weight:600}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar .inner{align-items:center;gap:12px;max-width:1080px;min-height:58px;margin:0 auto;padding:10px 20px;display:flex}.brand{white-space:nowrap;font:700 18px var(--display);color:var(--ink);letter-spacing:-.02em;flex:none;align-items:center;gap:10px;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:var(--surface);border:1.5px solid var(--ink);border-radius:4px;flex:none;width:20px;height:15px;position:relative}.brand-mark:after{content:"";background:var(--hl);border-radius:2px;height:3.5px;position:absolute;top:4px;left:3px;right:3px}.page{max-width:1080px;margin:0 auto;padding:28px 20px 80px}.page.narrow{max-width:760px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.empty{text-align:center;color:var(--ink-2);padding:40px 20px}.notice{background:var(--teal-soft);color:var(--ink);border-radius:10px;padding:10px 14px;font-size:14px}.notice.warn{background:var(--hl-soft)}.notice.bad{background:var(--bad-soft)}.pill{background:var(--surface-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.good{background:var(--good-soft);color:var(--good)}.pill.due{background:var(--hl);color:#3a2e00}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.blue{background:var(--accent-soft);color:var(--accent)}.meter{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.meter>i{background:var(--accent);border-radius:inherit;height:100%;transition:width .2s;display:block}.spinner{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex:none;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bottombar{z-index:30;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.bottombar .inner{flex-wrap:wrap;align-items:center;gap:10px;max-width:1080px;margin:0 auto;padding:12px 20px;display:flex}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login .card{width:min(380px,100%);box-shadow:var(--shadow);padding:28px}.hero{background:var(--ink);color:var(--bg);border-radius:18px;flex-wrap:wrap;align-items:center;gap:18px;padding:22px;display:flex}.hero .count{font:700 44px/1 var(--display);letter-spacing:-.03em}.hero .btn{border-color:#0000}.hero .btn.hl{background:var(--hl);color:#2a2100}.courses{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.course{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);flex-direction:column;gap:6px;min-height:108px;padding:16px;display:flex}.course:hover{border-color:var(--ink-3);text-decoration:none}.course .name{font:650 17px/1.25 var(--display)}.course .soon{min-width:0;color:var(--accent);align-items:center;gap:6px;display:flex}.course .soon .faint{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.countdowns{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.countdown{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;padding:12px 16px;display:flex}.countdown .n{font:700 32px/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.countdown.exam{background:var(--accent-soft);border-color:#0000}.countdown.soon .n{color:var(--bad)}.list{gap:8px;display:grid}.item{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.item .grow{flex:1;min-width:0}.item .title{color:var(--ink);font-weight:600}a.item:hover{border-color:var(--ink-3);text-decoration:none}.drop{text-align:center;border:2px dashed var(--line);background:var(--surface);cursor:pointer;border-radius:18px;place-items:center;gap:8px;padding:44px 20px;display:grid}.drop:hover,.drop.over{border-color:var(--accent);background:var(--accent-soft)}.pages{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.thumb{background:var(--surface);cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex;position:relative}.thumb canvas,.thumb .ph{width:100%;box-shadow:0 0 0 1px var(--line);background:#fff;border-radius:4px;display:block}.thumb .ph{aspect-ratio:3/4}.thumb.on{border-color:var(--accent);background:var(--accent-soft)}.thumb .num{color:var(--ink-2);font-size:12px;font-weight:600}.thumb .tick{background:var(--accent);width:22px;height:22px;color:var(--accent-ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.thumb.done .num:after{content:" · done";color:var(--ink-3);font-weight:400}.gen{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:4px 12px;padding:12px 14px;display:grid}.gen.off{opacity:.5}.gen .front{font-weight:600}.gen .choices{margin:4px 0 0;padding-left:0;font-size:14px;list-style:none}.gen .choices li.right{color:var(--good);font-weight:600}.gen textarea{min-height:54px}.pagelink{color:var(--ink-3);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:2px 4px;font-size:12px;font-weight:600}.pagelink:hover{color:var(--accent);background:var(--accent-soft)}.study{flex-direction:column;gap:16px;max-width:760px;min-height:calc(100vh - 60px);margin:0 auto;padding:18px 20px 40px;display:flex}.flash{background:var(--surface);border:1px solid var(--line);min-height:340px;box-shadow:var(--shadow);cursor:pointer;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.flash .side{text-align:center;font:600 clamp(20px, 3.4vw, 28px)/1.3 var(--display);letter-spacing:-.01em;white-space:pre-wrap;flex:1;place-items:center;padding:34px 28px;display:grid}.flash .answer{border-top:2px dashed var(--line);font:400 clamp(17px, 2.6vw, 21px)/1.5 var(--font);background:linear-gradient(transparent 0, transparent), var(--surface)}.flash .meta{color:var(--ink-3);align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;top:12px;left:16px;right:12px}.flash .hint{text-align:center;color:var(--ink-3);padding-bottom:14px;font-size:13px}.ratings{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ratings button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;font-weight:600;display:flex}.ratings button span{color:var(--ink-3);font-size:12px;font-weight:400}.ratings button:hover{border-color:var(--ink-3)}.ratings .r1{color:var(--bad)}.ratings .r4{color:var(--good)}.paper{color:#1b2233;border:1px solid var(--line);box-shadow:var(--shadow);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-radius:8px;padding:34px 38px}.paper h2{font:700 22px/1.2 var(--display);margin:0 0 2px}.paper .sub{color:#545c6e;margin-bottom:14px}.paper .nameline{flex-wrap:wrap;gap:24px;margin:10px 0 16px;display:flex}.paper .nameline span{color:#545c6e;border-bottom:1px solid #9aa0ad;flex:1;min-width:180px;padding-bottom:4px}.paper .instr{background:#f6f5f1;border:1px solid #e1ddd3;border-radius:8px;margin-bottom:18px;padding:9px 13px;font-size:14px}.paper .part{border-bottom:2px solid #1b2233;margin:22px 0 10px;padding-bottom:4px;font-size:16px;font-weight:700}.q{break-inside:avoid;margin:0 0 18px}.q .qtext{white-space:pre-wrap;font-weight:600}.q .marks{color:#8b91a0;font-size:.9em;font-weight:400}.q .opts{margin:8px 0 0;padding:0;list-style:none}.q .opts li{margin:4px 0}.q .writelines .line{border-bottom:1px solid #9aa0ad;height:1.9em}.goodluck{text-align:center;margin-top:26px;font-weight:700}.key{break-before:page}.key .k{break-inside:avoid;margin:0 0 12px}.key .k .why{color:#545c6e;font-size:14px}.take .q{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.take .q .marks{color:var(--ink-3)}.choice{border:1px solid var(--line);cursor:pointer;background:var(--surface);border-radius:10px;align-items:flex-start;gap:10px;margin-top:6px;padding:9px 12px;display:flex}.choice:hover{border-color:var(--ink-3)}.choice.picked{border-color:var(--accent);background:var(--accent-soft)}.choice.right{border-color:var(--good);background:var(--good-soft)}.choice.wrong{border-color:var(--bad);background:var(--bad-soft)}.choice input{margin-top:2px}.explain{background:var(--surface-2);border-radius:10px;margin-top:10px;padding:9px 12px;font-size:14px}.score{font:700 54px/1 var(--display);letter-spacing:-.03em}.notes{line-height:1.65}.notes h3{font:650 18px/1.3 var(--display);text-transform:none;letter-spacing:0;color:var(--ink);margin:1.3em 0 .45em}.notes h3:first-child{margin-top:0}.notes h4{margin:1em 0 .3em}.notes ul{margin:.3em 0 .8em;padding-left:1.4em}.notes table{border-collapse:collapse;width:100%;margin:.7em 0;display:block;overflow-x:auto}.notes th,.notes td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 10px}.notes th{background:var(--surface-2)}.modal{z-index:50;background:#0a0e188c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal .box{background:var(--surface);max-width:min(860px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);border-radius:16px;padding:14px;overflow:auto}.modal canvas{background:#fff;border-radius:6px;max-width:100%;display:block}@media (width<=560px){.topbar .inner{padding:8px 14px}.page,.study{padding-left:14px;padding-right:14px}.paper{padding:22px 18px}.flash{min-height:300px}.gen{grid-template-columns:auto minmax(0,1fr)}.gen>:last-child{grid-column:2}}@media print{.noprint,.topbar,.bottombar{display:none!important}body{color:#000;background:#fff}.page{max-width:none;padding:0}.paper{box-shadow:none;border:0;border-radius:0;padding:0}@page{margin:1.6cm}}.math .katex{font-size:1.08em}.math.display{margin:6px 0;display:block;overflow:auto hidden}.streak{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.streak .days{gap:4px;display:inline-flex}.streak .days i{width:22px;height:22px;font:600 10px/1 var(--font);opacity:.55;border:1.5px solid;border-radius:50%;place-items:center;font-style:normal;display:grid}.streak .days i.on{background:var(--hl);border-color:var(--hl);color:#2b2300;opacity:1}.learned{align-items:center;gap:8px;display:flex}.learned .bar{background:var(--surface-2);border-radius:99px;flex:1;max-width:140px;height:6px;overflow:hidden}.learned .bar i{border-radius:inherit;background:var(--good);height:100%;display:block}.pic{width:fit-content;max-width:100%;margin:0 auto 12px;line-height:0;display:block;position:relative}.pic img{background:#fff;border-radius:8px;max-width:100%;max-height:52vh;display:block}.pic.small{margin:0 0 8px}.pic.small img{max-height:150px}.mask{background:var(--accent);color:var(--accent-ink);font:700 13px/1 var(--font);box-shadow:0 0 0 1.5px var(--surface);border-radius:4px;place-items:center;display:grid;position:absolute}.mask.open{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:0 0;font-size:0}.boxes{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:fit-content;max-width:100%;margin:0 auto;line-height:0;position:relative}.boxes img{pointer-events:none;background:#fff;border-radius:6px;max-width:100%;max-height:62vh;display:block}.boxes .mask{cursor:pointer}.boxes .sel{border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);pointer-events:none;border-radius:4px;position:absolute}.modal .box.diagram{width:min(860px,100%)}.flash .pic{max-width:calc(100% - 32px);margin:44px auto 0}.flash .pic .mask{font-size:14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}.chips button:hover{border-color:var(--ink-3)}.chips button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}@media (width<=480px){.wide-only{display:none}}