.logo{color:var(--ink);white-space:nowrap;align-items:baseline;gap:.04em;line-height:1;display:inline-flex;position:relative}.logo-ink{font-family:var(--font-display);letter-spacing:-.04em;font-variation-settings:"opsz" 144;font-weight:800}.logo-rush{vertical-align:-.1em;width:1.94em;height:.9em;fill:var(--hot);display:inline-block;transform:rotate(-4deg)}.logo-swash{width:calc(100% - .1em);height:.32em;position:absolute;bottom:-.28em;left:.2em;right:-.1em;overflow:visible}.logo-swash path{fill:none;stroke:var(--hot);stroke-width:2.6px;stroke-linecap:round;opacity:.85}.logo.is-animated .logo-rush{clip-path:inset(0 100% 0 0);animation:.9s cubic-bezier(.6,0,.3,1) .25s forwards write-in}.logo.is-animated .logo-swash path{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw-in .6s 1.05s var(--ease-out) forwards}@keyframes write-in{to{clip-path:inset(0 -10% 0 0)}}@keyframes draw-in{to{stroke-dashoffset:0}}.sheet{border:1.5px solid var(--line);border-radius:var(--r-xl);background:var(--card);width:min(460px,100vw - 24px);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:var(--shadow-lg);padding:0;overflow:auto}.sheet[open]{animation:sheet-in .28s var(--ease-out)}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14121e6b}.sheet-body{padding:20px 22px 24px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sheet-head h2{font-size:24px}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}@media (max-width:560px){.sheet{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100vw;max-width:100vw;padding-bottom:env(safe-area-inset-bottom);margin:auto 0 0}.sheet[open]{animation:sheet-up .3s var(--ease-out)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40%)}}.profile-colors{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.swatch{aspect-ratio:1;border:3px solid var(--card);width:100%;max-width:40px;box-shadow:0 0 0 1.5px var(--line-strong);transition:transform var(--t-fast) var(--ease-spring);border-radius:46% 54% 52% 48%/55% 45%}.swatches{grid-template-columns:repeat(8,minmax(0,1fr));justify-items:center;gap:8px;display:grid}.swatch:hover{transform:scale(1.1)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink);transform:scale(1.08)}.profile-stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{border-radius:var(--r);background:var(--paper-2);flex-direction:column;align-items:center;padding:10px 4px;display:flex}.stat-value{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.2}.stat-value small{font-family:var(--font-ui);color:var(--ink-3);font-size:11px;font-weight:600}.stat-label{color:var(--ink-3);font-size:12px;font-weight:600}.setting-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-weight:500;display:flex}.setting-row:last-child{border-bottom:0}.switch{appearance:none;background:var(--line-strong);cursor:pointer;width:46px;height:28px;transition:background var(--t);border-radius:999px;flex:none;margin:0;position:relative}.switch:after{content:"";width:22px;height:22px;transition:transform var(--t) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--ink)}.switch:checked:after{transform:translate(18px)}.header{width:100%;max-width:var(--maxw);padding:max(14px, env(safe-area-inset-top)) var(--gutter) 14px;align-items:center;gap:12px;margin:0 auto;display:flex}.header-logo{border-radius:8px;padding:4px 2px 8px;text-decoration:none}.header-mid{flex:1;justify-content:center;min-width:0;display:flex}.header-me{border:1.5px solid var(--line);background:var(--card);max-width:200px;transition:border-color var(--t), transform var(--t-fast);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:14px;font-weight:600;display:flex}.header-me:hover{border-color:var(--line-strong)}.header-me:active{transform:scale(.97)}.header-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:480px){.header-name{display:none}.header-me{justify-content:center;min-width:44px;min-height:44px;padding:4px}}.toaster{left:50%;bottom:max(20px, env(safe-area-inset-bottom));z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--ink);color:var(--ink-inverse);box-shadow:var(--shadow-lg);animation:rise-in .26s var(--ease-out) both;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}.toast.is-good{background:var(--good);color:#fff}.toast.is-bad{background:var(--bad);color:#fff}