:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#17171b;background:#f7f7f8;font-synthesis:none;--accent: #7357f6;--accent-strong: #5c3ff0;--surface: #ffffff;--muted: #8c8c96;--line: #ececf0;--danger: #e54d4d;--nav-height: 64px;letter-spacing:0}*{box-sizing:border-box}html{background:#f7f7f8}body{margin:0;min-width:320px;min-height:100dvh}button,input,textarea,select{font:inherit;letter-spacing:0}button{color:inherit}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.app-shell{width:100%;min-height:100dvh;max-width:520px;margin:0 auto;background:#f7f7f8;position:relative}.site-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:14px 16px calc(18px + env(safe-area-inset-bottom));color:#8c8c96;background:#f7f7f8;font-size:11px;line-height:18px;text-align:center}.site-footer a{color:inherit}.page{min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 16px calc(var(--nav-height) + 22px + env(safe-area-inset-bottom))}.page.no-nav{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.page-title{margin:0;font-size:22px;line-height:30px;font-weight:700}.section-title{margin:0;font-size:17px;line-height:24px;font-weight:650}.muted{color:var(--muted)}.stack{display:grid;gap:12px}.row{display:flex;align-items:center}.spacer{flex:1}.surface{background:var(--surface);border:1px solid var(--line);border-radius:8px}.icon-button{width:40px;height:40px;border:0;background:transparent;display:inline-grid;place-items:center;border-radius:50%;cursor:pointer}.icon-button:active{background:#eeeef2}.primary-button{min-height:48px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:650;padding:0 20px;cursor:pointer}.primary-button:disabled{opacity:.45;cursor:default}.secondary-button{min-height:44px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 16px;font-weight:600}.field{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;min-height:48px;padding:0 14px;outline:none}.field:focus{border-color:#a99af7;box-shadow:0 0 0 3px #7357f614}textarea.field{padding-top:12px;padding-bottom:12px;resize:none}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:#ebebee;padding:3px;border-radius:8px}.segmented button{min-height:36px;border:0;border-radius:6px;background:transparent;color:#686872;font-size:14px}.segmented button.active{background:#fff;color:#17171b;font-weight:650;box-shadow:0 1px 4px #1d1d2014}.toast{position:fixed;z-index:100;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100vw - 40px);padding:10px 14px;border-radius:8px;background:#242429;color:#fff;font-size:14px;box-shadow:0 8px 28px #0003}@media (min-width: 700px){body{background:#e9e9ed}.app-shell{box-shadow:0 0 40px #16161c14}}.bottom-nav.svelte-oeh3u8{position:fixed;z-index:50;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 16px),504px);height:60px;padding:6px 9px;background:#1b1d24f2;border:1px solid #343640;border-radius:31px;box-shadow:0 5px 24px #0009;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}a.svelte-oeh3u8{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;color:#8b8d96;font-size:11px;min-width:0}a.active.svelte-oeh3u8{color:#31eee5}img.svelte-oeh3u8{width:24px;height:24px;object-fit:contain}span.svelte-oeh3u8{line-height:14px;white-space:nowrap}