.header[data-v-d7b6dad5]{z-index:50;border-bottom:1px solid color-mix(in oklch, var(--line-soft) 60%, transparent);background:#f7f2e2eb;background:color-mix(in oklch, var(--cream) 92%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);justify-content:space-between;align-items:center;gap:18px;padding:18px 36px;display:flex;position:sticky;top:0}.header-left[data-v-d7b6dad5]{align-items:center;gap:40px;min-width:0;display:flex}.brand[data-v-d7b6dad5]{border-radius:10px;align-items:center;gap:12px;text-decoration:none;display:flex}.brand[data-v-d7b6dad5]:focus-visible{outline:2px solid var(--plum);outline-offset:4px}.brand-mark[data-v-d7b6dad5]{background:linear-gradient(150deg, var(--copper), var(--copper-deep));width:38px;height:38px;color:var(--cream);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--cream) 25%, transparent), 0 4px 12px color-mix(in oklch, var(--ink) 10%, transparent);border-radius:10px;place-items:center;font-family:DM Serif Display,serif;font-size:22px;line-height:1;display:grid}.brand-name[data-v-d7b6dad5]{color:var(--ink);letter-spacing:.005em;font-family:DM Serif Display,serif;font-size:22px}.brand-name .tshe[data-v-d7b6dad5]{padding-right:1px;font-style:italic}.nav[data-v-d7b6dad5]{align-items:center;gap:6px;display:flex}.mobile-nav-toggle[data-v-d7b6dad5]{appearance:none;border:1px solid var(--line-soft);background:color-mix(in oklch, var(--cream) 76%, white);width:40px;height:40px;color:var(--ink);cursor:pointer;box-shadow:inset 0 1px 0 oklch(100% 5.96046e-8 none/.65), 0 4px 12px color-mix(in oklch, var(--ink) 8%, transparent);border-radius:11px;place-content:center;padding:0;display:none}.hamburger-icon[data-v-d7b6dad5]{width:20px;height:20px;display:block;overflow:visible}.hamburger-line[data-v-d7b6dad5]{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;transition:transform .2s,opacity .14s}.mobile-nav-backdrop[data-v-d7b6dad5]{display:none}.nav-trigger[data-v-d7b6dad5]{box-sizing:border-box;width:82px;height:32px;color:var(--ink-soft);appearance:none;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:500;line-height:1;text-decoration:none;transition:background .15s,color .15s;display:grid}.nav-trigger[data-v-d7b6dad5]:hover{background:var(--cream-warm);color:var(--ink)}.nav-trigger.on[data-v-d7b6dad5]{color:var(--plum);background:var(--cream-warm)}.nav-item[data-v-d7b6dad5]{position:relative}.nav-item.open .nav-trigger[data-v-d7b6dad5]{color:var(--plum);background:var(--cream-warm)}.nav-label-stack[data-v-d7b6dad5]{place-items:center;width:100%;height:16px;display:grid;position:relative;overflow:hidden}.nav-label-stack span[data-v-d7b6dad5]{grid-area:1/1;transition:opacity .22s,transform .28s cubic-bezier(.2,.7,.2,1)}.nav-label-stack .label-sr[data-v-d7b6dad5]{opacity:0;transform:translateY(-120%)}.nav-item.open .label-en[data-v-d7b6dad5],.nav-trigger.on .label-en[data-v-d7b6dad5]{opacity:0;transform:translateY(120%)}.nav-item.open .label-sr[data-v-d7b6dad5],.nav-trigger.on .label-sr[data-v-d7b6dad5]{opacity:1;transform:translateY(0)}.nav-popover[data-v-d7b6dad5]{z-index:30;border:1px solid var(--cream-deep);border-top:3px solid var(--copper);background:linear-gradient(135deg, color-mix(in oklch, var(--copper) 12%, transparent), transparent 38%), linear-gradient(180deg, var(--cream), var(--cream-warm));width:200px;color:var(--ink);box-shadow:0 16px 40px color-mix(in oklch, var(--ink) 16%, transparent), inset 0 1px 0 oklch(100% 5.96046e-8 none/.5);border-radius:8px;margin-left:-100px;padding:22px 26px 24px;animation:.16s ease-out nav-pop-d7b6dad5;position:absolute;top:calc(100% + 14px);left:50%}.nav-item:first-child .nav-popover[data-v-d7b6dad5]{width:min(680px,100vw - 40px);margin-left:0;left:-124px}@keyframes nav-pop-d7b6dad5{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.level-row[data-v-d7b6dad5]{grid-template-columns:118px 1fr;align-items:center;gap:12px;display:grid}.level-row+.level-row[data-v-d7b6dad5]{margin-top:12px}.nav-popover-state[data-v-d7b6dad5]{color:var(--ink-mute);padding:10px 2px;font-size:13px;font-weight:600}.nav-popover-state.error[data-v-d7b6dad5]{color:var(--danger)}.level-row-label[data-v-d7b6dad5]{min-width:0;color:var(--ink-soft);flex-direction:column;gap:2px;font-size:14px;font-weight:700;line-height:1.1;display:flex}.level-row-label span[data-v-d7b6dad5]{color:var(--copper-deep)}.level-row-label small[data-v-d7b6dad5]{letter-spacing:.12em;text-transform:uppercase;color:var(--plum);font-size:11px;font-weight:600}.level-grid[data-v-d7b6dad5]{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;display:grid}.level-cell[data-v-d7b6dad5]{appearance:none;border:1px solid var(--cream-deep);background:color-mix(in oklch, var(--cream) 72%, white);min-height:48px;color:var(--ink);font:inherit;cursor:pointer;border-radius:6px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,transform .12s}.level-cell[data-v-d7b6dad5]:hover,.level-cell[data-v-d7b6dad5]:focus-visible{background:color-mix(in oklch, var(--copper) 16%, var(--cream));border-color:var(--copper-soft);outline:none;transform:translateY(-1px)}.level-cell.current[data-v-d7b6dad5]{border-color:var(--copper);background:color-mix(in oklch, var(--copper) 24%, var(--cream));color:var(--copper-deep);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--copper) 28%, transparent)}.nav-item:nth-child(2) .nav-popover[data-v-d7b6dad5],.nav-item:nth-child(3) .nav-popover[data-v-d7b6dad5]{border:none;border-radius:10px;width:260px;margin-left:-130px;padding:6px;left:50%}.nav-item:nth-child(2) .nav-popover[data-v-d7b6dad5]{background:var(--letters)}.nav-item:nth-child(3) .nav-popover[data-v-d7b6dad5]{background:var(--words)}.item-level-list[data-v-d7b6dad5]{flex-direction:column;gap:2px;display:flex}.item-level-row[data-v-d7b6dad5]{appearance:none;color:var(--cream);font:inherit;cursor:pointer;background:oklch(100% 5.96046e-8 none/.1);border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:700;transition:background .12s;display:flex}.item-level-row[data-v-d7b6dad5]:hover{background:oklch(100% 5.96046e-8 none/.2)}.item-tier-row[data-v-d7b6dad5]{appearance:none;color:var(--cream);font:inherit;cursor:pointer;background:oklch(100% 5.96046e-8 none/.08);border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .12s;display:flex}.item-tier-row[data-v-d7b6dad5]:hover{background:oklch(100% 5.96046e-8 none/.18)}.item-tier-name[data-v-d7b6dad5]{align-items:baseline;gap:6px;display:flex}.item-tier-label[data-v-d7b6dad5]{font-size:14px;font-weight:800}.item-tier-sublabel[data-v-d7b6dad5]{opacity:.65;font-size:12px;font-weight:600}.item-tier-range[data-v-d7b6dad5],.item-level-range[data-v-d7b6dad5]{opacity:.8;font-size:12px;font-weight:600}.dev-btn[data-v-d7b6dad5]{appearance:none;border:1px dashed var(--danger);background:color-mix(in oklch, var(--danger) 8%, transparent);color:var(--danger);font:inherit;cursor:pointer;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:background .12s}.dev-btn[data-v-d7b6dad5]:hover{background:color-mix(in oklch, var(--danger) 16%, transparent)}.user-area[data-v-d7b6dad5]{align-items:center;gap:14px;min-width:0;display:flex}.streak-badge[data-v-d7b6dad5]{background:color-mix(in oklch, var(--copper) 10%, transparent);color:var(--copper-deep);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;font-weight:600;display:flex}.streak-badge .flame[data-v-d7b6dad5]{font-size:14px}.level-badge[data-v-d7b6dad5]{background:var(--cream-warm);border:1px solid var(--line-soft);color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;font-weight:600;display:flex}.level-dot[data-v-d7b6dad5]{background:var(--copper);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in oklch, var(--copper) 18%, transparent);border-radius:50%}.account[data-v-d7b6dad5]{position:relative}.avatar[data-v-d7b6dad5]{appearance:none;background:linear-gradient(150deg, var(--plum), var(--plum-deep));width:36px;height:36px;color:var(--cream);border:2px solid var(--cream-deep);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-family:DM Serif Display,serif;font-size:16px;transition:transform .12s,box-shadow .12s;display:grid;position:relative;overflow:hidden}.avatar[data-v-d7b6dad5]:hover{transform:scale(1.05)}.avatar[data-v-d7b6dad5]:focus-visible{outline:2px solid var(--plum);outline-offset:3px}.avatar img[data-v-d7b6dad5]{object-fit:cover;width:100%;height:100%;display:block}.account-menu[data-v-d7b6dad5]{border:1px solid var(--cream-deep);border-top:3px solid var(--copper);background:linear-gradient(135deg, color-mix(in oklch, var(--copper) 10%, transparent), transparent 42%), linear-gradient(180deg, var(--cream), var(--cream-warm));width:260px;box-shadow:0 16px 40px color-mix(in oklch, var(--ink) 16%, transparent), inset 0 1px 0 oklch(100% 5.96046e-8 none/.5);border-radius:8px;padding:14px;animation:.16s ease-out nav-pop-d7b6dad5;position:absolute;top:calc(100% + 12px);right:0}.account-head[data-v-d7b6dad5]{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;margin-bottom:10px;padding:6px 4px 14px;display:flex}.account-avatar[data-v-d7b6dad5]{background:linear-gradient(150deg, var(--plum), var(--plum-deep));width:42px;height:42px;color:var(--cream);border-radius:50%;flex:none;place-items:center;font-family:DM Serif Display,serif;font-size:18px;display:grid;overflow:hidden}.account-avatar img[data-v-d7b6dad5]{object-fit:cover;width:100%;height:100%;display:block}.account-copy[data-v-d7b6dad5]{min-width:0}.account-name[data-v-d7b6dad5]{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800;line-height:1.2;overflow:hidden}.account-email[data-v-d7b6dad5]{color:var(--ink-mute);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.account-action[data-v-d7b6dad5]{appearance:none;text-align:left;width:100%;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 11px;font-size:13px;font-weight:800}.account-action[data-v-d7b6dad5]:disabled{opacity:.6;cursor:wait}.account-action[data-v-d7b6dad5]:hover{background:var(--cream);color:var(--plum)}.account-action.logout[data-v-d7b6dad5]:hover,.account-action.danger[data-v-d7b6dad5]{color:var(--danger)}.account-action.danger[data-v-d7b6dad5]:hover{background:color-mix(in oklch, var(--danger) 9%, transparent)}.account-error[data-v-d7b6dad5]{color:var(--danger);margin-top:8px;padding:0 11px 4px;font-size:12px;font-weight:700}@media (width<=1120px){.header[data-v-d7b6dad5]{gap:12px;padding:14px 22px}.header-left[data-v-d7b6dad5]{gap:20px}.user-area[data-v-d7b6dad5]{gap:8px}.nav[data-v-d7b6dad5]{gap:2px}.nav-trigger[data-v-d7b6dad5]{width:76px}.dev-btn[data-v-d7b6dad5]{text-overflow:ellipsis;white-space:nowrap;max-width:116px;padding-inline:9px;overflow:hidden}.streak-badge[data-v-d7b6dad5],.level-badge[data-v-d7b6dad5]{padding-inline:10px}}@media (width<=900px){.header[data-v-d7b6dad5]{border-top:1px solid color-mix(in oklch, var(--line-soft) 75%, transparent);background:#f7f2e2f0;background:color-mix(in oklch, var(--cream) 94%, transparent);box-shadow:0 -12px 34px color-mix(in oklch, var(--ink) 10%, transparent);-webkit-backdrop-filter:none;z-index:90;border-bottom:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:12px 16px;display:grid;position:fixed;inset:auto 0 0}.header-left[data-v-d7b6dad5]{display:contents}.brand[data-v-d7b6dad5]{grid-area:1/2;justify-self:center;min-width:0}.mobile-nav-toggle[data-v-d7b6dad5]{z-index:110;grid-area:1/3;justify-self:end;display:grid}.mobile-nav-toggle.open[data-v-d7b6dad5]{border-color:var(--line-soft);background:color-mix(in oklch, var(--cream) 76%, white);color:var(--ink)}.mobile-nav-toggle.open .hamburger-line[data-v-d7b6dad5]:first-child{transform:translateY(5px)rotate(45deg)}.mobile-nav-toggle.open .hamburger-line[data-v-d7b6dad5]:nth-child(2){opacity:0}.mobile-nav-toggle.open .hamburger-line[data-v-d7b6dad5]:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.nav[data-v-d7b6dad5]{z-index:100;width:min(360px,100vw - 32px);height:100dvh;padding:24px 18px calc(92px + env(safe-area-inset-bottom,0px));background:var(--cream);border-left:1px solid var(--line-soft);box-shadow:-18px 0 40px -24px color-mix(in oklch, var(--ink) 45%, transparent);opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;align-items:stretch;gap:10px;transition:transform .26s cubic-bezier(.2,.7,.2,1),opacity .18s,visibility 0s linear .26s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto;transform:translate(100%)}.nav[data-v-d7b6dad5]:before{content:"";background:linear-gradient(90deg, var(--copper), var(--letters), var(--words));opacity:.9;width:min(360px,100vw - 32px);height:3px;position:fixed;top:0;right:0}.nav.nav-open[data-v-d7b6dad5]{opacity:1;pointer-events:auto;visibility:visible;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s,visibility;transform:translate(0)}.nav-item[data-v-d7b6dad5]{border:1px solid var(--line-soft);background:var(--cream-warm);border-radius:12px;transition:border-color .18s,box-shadow .18s;position:static;overflow:hidden}.nav-item.open[data-v-d7b6dad5]{box-shadow:0 8px 22px -10px color-mix(in oklch, var(--ink) 30%, transparent)}.nav-item:first-child.open[data-v-d7b6dad5]{border-color:color-mix(in oklch, var(--copper) 55%, transparent)}.nav-item:nth-child(2).open[data-v-d7b6dad5]{border-color:color-mix(in oklch, var(--letters) 55%, transparent)}.nav-item:nth-child(3).open[data-v-d7b6dad5]{border-color:color-mix(in oklch, var(--words) 55%, transparent)}.nav-trigger[data-v-d7b6dad5]{width:100%;height:auto;min-height:58px;color:var(--ink);background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;padding:14px 16px;display:flex}.nav-trigger[data-v-d7b6dad5]:hover,.nav-trigger.on[data-v-d7b6dad5],.nav-item.open .nav-trigger[data-v-d7b6dad5]{color:var(--ink);background:0 0}.nav-trigger[data-v-d7b6dad5]:after{content:"";opacity:.5;clip-path:polygon(22% 35%,50% 62%,78% 35%,86% 43%,50% 78%,14% 43%);background:currentColor;align-self:center;width:16px;height:16px;margin-left:auto;transition:transform .25s,opacity .15s}.nav-item.open .nav-trigger[data-v-d7b6dad5]:after{opacity:.75;transform:rotate(180deg)}.nav-label-stack[data-v-d7b6dad5]{justify-content:center;align-items:flex-start;gap:3px;place-items:unset;flex-direction:column;min-width:0;height:auto;display:flex;overflow:visible}.nav-label-stack span[data-v-d7b6dad5]{opacity:1;grid-area:auto;transition:color .15s;position:static;transform:none}.nav-label-stack .label-en[data-v-d7b6dad5],.nav-item.open .label-en[data-v-d7b6dad5],.nav-trigger.on .label-en[data-v-d7b6dad5]{color:var(--ink);opacity:1;font-size:14.5px;font-weight:700;line-height:1.1;transform:none}.nav-label-stack .label-sr[data-v-d7b6dad5],.nav-item.open .label-sr[data-v-d7b6dad5],.nav-trigger.on .label-sr[data-v-d7b6dad5]{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);opacity:1;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;line-height:1.1;transform:none}.nav-item:first-child .nav-popover[data-v-d7b6dad5]{width:100%}.nav-popover[data-v-d7b6dad5],.nav-item:nth-child(2) .nav-popover[data-v-d7b6dad5],.nav-item:nth-child(3) .nav-popover[data-v-d7b6dad5]{width:100%;max-height:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:4px 14px 14px;animation:none;position:static;overflow-y:auto}.nav-popover-state[data-v-d7b6dad5]{border:1px solid var(--line-soft);background:var(--cream);border-radius:9px;margin:0;padding:12px 14px}.mobile-nav-backdrop[data-v-d7b6dad5]{z-index:80;appearance:none;background:color-mix(in oklch, var(--ink) 32%, transparent);-webkit-backdrop-filter:blur(2px);cursor:pointer;border:0;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.user-area[data-v-d7b6dad5]{grid-area:1/1;justify-self:start}.account[data-v-d7b6dad5]{order:-1}.dev-btn[data-v-d7b6dad5]{display:none}.account-menu[data-v-d7b6dad5]{top:auto;left:12px;right:auto;bottom:calc(76px + env(safe-area-inset-bottom,0px));width:min(300px,100vw - 24px);position:fixed}.level-row[data-v-d7b6dad5]{grid-template-columns:1fr;gap:8px}.level-row+.level-row[data-v-d7b6dad5]{margin-top:12px}.level-row-label[data-v-d7b6dad5]{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);flex-direction:row;justify-content:space-between;align-items:center;padding:0 2px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500}.level-row-label span[data-v-d7b6dad5]{color:var(--ink-mute)}.level-row-label small[data-v-d7b6dad5]{letter-spacing:.12em;color:var(--copper-deep);font-size:10px}.level-grid[data-v-d7b6dad5]{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.level-cell[data-v-d7b6dad5]{aspect-ratio:1;background:var(--cream);border-color:var(--line-soft);border-radius:8px;min-height:0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.level-cell[data-v-d7b6dad5]:hover,.level-cell[data-v-d7b6dad5]:focus-visible{background:var(--cream);border-color:var(--copper);transform:translateY(-1px)}.level-cell.current[data-v-d7b6dad5]{border:2px solid var(--copper-deep);background:var(--cream);color:var(--copper-deep);box-shadow:0 0 0 3px color-mix(in oklch, var(--copper) 16%, transparent)}.item-level-list[data-v-d7b6dad5]{gap:6px}.item-tier-row[data-v-d7b6dad5]{border:1px solid var(--line-soft);background:var(--cream);color:var(--ink);border-radius:9px;padding:14px}.item-tier-row[data-v-d7b6dad5]:hover{background:var(--cream);transform:translate(2px)}.item-tier-label[data-v-d7b6dad5]{color:var(--ink)}.item-tier-sublabel[data-v-d7b6dad5],.item-tier-range[data-v-d7b6dad5]{color:var(--ink-mute);opacity:1}.item-level-row[data-v-d7b6dad5]{border:1px solid var(--line-soft);background:var(--cream);color:var(--ink);text-align:left;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:11px 14px;font-size:13.5px;font-weight:800;transition:transform .12s,background .15s,border-color .15s;display:grid}.nav-item:nth-child(2) .item-level-row[data-v-d7b6dad5]:hover{border-color:var(--letters)}.nav-item:nth-child(3) .item-level-row[data-v-d7b6dad5]:hover{border-color:var(--words)}.item-level-row[data-v-d7b6dad5]:hover{background:var(--cream);transform:translate(2px)}.item-level-name[data-v-d7b6dad5]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.item-level-range[data-v-d7b6dad5]{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);opacity:1;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:500}}@media (width<=620px){.brand-mark[data-v-d7b6dad5]{border-radius:9px;width:34px;height:34px;font-size:19px}.brand-name[data-v-d7b6dad5]{font-size:20px}.user-area[data-v-d7b6dad5]{justify-self:start}.account-menu[data-v-d7b6dad5]{width:min(300px,100vw - 24px)}}@media (width<=880px){.streak-badge[data-v-d7b6dad5]{display:none}}@media (width<=440px){.header[data-v-d7b6dad5]{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}.brand-name[data-v-d7b6dad5]{display:none}.mobile-nav-toggle[data-v-d7b6dad5],.avatar[data-v-d7b6dad5]{width:42px;height:42px}.user-area[data-v-d7b6dad5]{gap:8px}.streak-badge[data-v-d7b6dad5],.level-badge[data-v-d7b6dad5]{padding-inline:8px;font-size:11px}.streak-badge[data-v-d7b6dad5]{white-space:nowrap;max-width:58px;overflow:hidden}.nav[data-v-d7b6dad5]{gap:6px;padding-top:26px}.nav-trigger[data-v-d7b6dad5]{padding-inline:8px;font-size:12.5px}.level-grid[data-v-d7b6dad5]{grid-template-columns:repeat(4,minmax(0,1fr))}.account-menu[data-v-d7b6dad5]{top:auto;bottom:calc(70px + env(safe-area-inset-bottom,0px))}}.app-shell[data-v-34057b22]{background:var(--cream);min-height:100vh;color:var(--ink)}@media (width<=900px){.app-shell.has-bottom-nav[data-v-34057b22]{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}:root{--plum:oklch(32% .09 15);--plum-deep:oklch(22% .07 18);--plum-soft:oklch(42% .1 18);--copper:oklch(62% .13 55);--copper-deep:oklch(50% .12 50);--copper-soft:oklch(82% .07 70);--cream:oklch(96% .018 80);--cream-warm:oklch(93% .024 75);--cream-deep:oklch(88% .03 70);--ink:oklch(20% .02 30);--ink-soft:oklch(40% .02 30);--ink-mute:oklch(58% .015 35);--line:oklch(78% .018 60);--line-soft:oklch(86% .018 70);--letters:oklch(60% .15 35);--words:oklch(45% .12 320);--danger:oklch(55% .18 25);--success:oklch(40% .12 145);--green:oklch(55% .13 145);--blue:oklch(42% .14 255);--blue-deep:oklch(32% .12 255);--wine:oklch(45% .12 320);--wine-deep:oklch(36% .11 322);--forest:oklch(32% .07 155);--forest-deep:oklch(22% .05 155);--srs-1:oklch(66% .13 25);--srs-2:var(--copper);--srs-3:oklch(45% .12 320);--srs-4:var(--blue);--srs-5:var(--green);--google-yellow:#ffc107;--google-red:#ff3d00;--google-green:#4caf50;--google-blue:#1976d2}*{box-sizing:border-box}html,body{background:var(--cream);height:100%;color:var(--ink);margin:0;padding:0}body{font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Manrope,ui-sans-serif,system-ui,sans-serif}#app{height:100%}::selection{background:var(--copper);color:var(--cream)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn-base{appearance:none;color:inherit;font:inherit;letter-spacing:.005em;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.1;text-decoration:none;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.btn-base:hover:not(:disabled){transform:translateY(-1px)}.btn-base:active:not(:disabled){transform:translateY(0)}.btn-base:disabled,.btn-base[aria-disabled=true]{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-full{width:100%}.btn-sm{border-radius:9px;padding:10px 16px;font-size:13px}.btn-lg{border-radius:10px;padding:14px 18px;font-size:15px}.btn-plum{background:var(--plum);color:var(--cream);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--cream) 15%, transparent), 0 6px 14px color-mix(in oklch, var(--plum) 25%, transparent)}.btn-plum:hover:not(:disabled){background:var(--plum-deep);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--cream) 15%, transparent), 0 10px 22px color-mix(in oklch, var(--plum) 32%, transparent)}.btn-copper{background:var(--copper);color:var(--cream);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--cream) 18%, transparent), 0 6px 14px color-mix(in oklch, var(--copper) 25%, transparent)}.btn-copper:hover:not(:disabled){background:var(--copper-deep);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--cream) 18%, transparent), 0 10px 22px color-mix(in oklch, var(--copper) 30%, transparent)}.btn-cream{background:var(--cream);color:var(--ink);border-color:var(--line)}.btn-cream:hover:not(:disabled){background:var(--cream-warm);border-color:var(--copper-soft)}.btn-ghost{background:color-mix(in oklch, var(--cream) 16%, transparent);color:var(--cream);border-color:color-mix(in oklch, var(--cream) 20%, transparent)}.btn-ghost:hover:not(:disabled){background:color-mix(in oklch, var(--cream) 22%, transparent)}.btn-tone-plum{color:var(--plum-deep)}.btn-tone-copper{color:var(--copper-deep)}.btn-base .arrow{transition:transform .2s}.btn-base:hover:not(:disabled) .arrow{transform:translate(3px)}.btn-base svg{flex:none;width:18px;height:18px}.btn-add{appearance:none;cursor:pointer;border:1.5px dashed var(--line);color:var(--ink-soft);font:inherit;background:0 0;border-radius:9px;align-items:center;gap:7px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-add:hover{border-color:var(--plum);color:var(--plum);background:oklch(32% .09 15/.04)}.btn-add svg{flex:none;width:12px;height:12px}.skeleton{background:color-mix(in oklch, var(--line-soft) 55%, var(--cream));color:#0000;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:8px;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--cream) 72%, transparent), transparent);animation:1.35s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-line{border-radius:999px;width:100%;height:.85em}.skeleton-line-sm{height:.65em}.skeleton-line-lg{height:1.15em}.skeleton-block{width:100%;min-height:120px}.skeleton-tile{aspect-ratio:1}.skeleton-circle{aspect-ratio:1;border-radius:50%}.skeleton-dark{background:color-mix(in oklch, var(--cream) 14%, transparent)}.skeleton-dark:after{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--cream) 20%, transparent), transparent)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{opacity:.45;animation:none;transform:none}}@media (width<=880px){html,body,*{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar{width:0;height:0;display:none}}
