:root{--bg:#fbfaf7;--surface:#fff;--text:#1d1d1f;--muted:#6b6b70;--line:#e4e2dc;--accent:#c8102e;--accent-soft:#fdecee;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141416;--surface:#1e1e21;--text:#f1f1f3;--muted:#a0a0a8;--line:#34343a;--accent:#ff5a6e;--accent-soft:#3a1c22}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;line-height:1.5}:lang(zh-Hant) body{font-family:system-ui,-apple-system,PingFang TC,Microsoft JhengHei,Noto Sans CJK TC,sans-serif}:lang(ja) body{font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,Noto Sans CJK JP,sans-serif}:lang(ko) body{font-family:system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,Noto Sans CJK KR,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hint{color:var(--muted);font-size:13px}.site-header{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:12px 16px;display:flex}.brand{color:var(--accent);font-size:20px;font-weight:700;text-decoration:none}.account{position:relative}.avatar-btn{background:0 0;border:0;border-radius:50%;padding:0;display:block}.avatar-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.avatar{box-shadow:0 0 0 1px var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar svg{display:block}.avatar-empty{background:var(--accent-soft);color:var(--accent)}.account-panel{z-index:20;overscroll-behavior:contain;background:var(--surface);width:min(320px,100vw - 32px);max-height:calc(100dvh - 76px);box-shadow:0 0 0 1px var(--line), 0 18px 40px -12px #00000040;border-radius:18px;padding:16px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.account-head{align-items:center;gap:12px;display:flex}.account-name{font-weight:600}.account-id{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:13px}.account-note{color:var(--muted);margin:12px 0 4px;font-size:13px}.setting-row{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:12px 2px;display:flex}.setting-row .value{color:var(--muted);text-align:right;align-items:center;gap:6px;display:inline-flex}.chev{color:var(--muted);flex-shrink:0;display:block}.panel-head{z-index:1;background:var(--surface);align-items:center;gap:4px;margin:-16px -16px 0;padding:10px 12px 8px;display:flex;position:sticky;top:-16px}.back-btn{background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.back-btn .chev{width:18px;height:18px;color:var(--text)}.back-btn:hover{background:var(--bg)}.back-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.panel-title{margin:0;font-size:17px;font-weight:600}.panel-step{color:var(--muted);margin:4px 2px 2px;font-size:13px}.account-panel>.hint{margin:10px 2px 0}.options{margin:0;padding:0;list-style:none}.option{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 2px;display:flex}.options li:last-child .option{border-bottom:0}.option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.option-text{flex-direction:column;flex:1;min-width:0;display:flex}.option-title{font-size:16px;line-height:1.3}.option-sub{color:var(--muted);font-size:12.5px;line-height:1.3}.option[aria-current=true] .option-title{color:var(--accent);font-weight:600}.check{color:var(--accent);font-weight:700}.script{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:4px;padding:12px 2px 0;font-size:14px;display:flex}.seg{border:1px solid var(--line);border-radius:999px;display:flex;overflow:hidden}.seg button{color:var(--text);background:0 0;border:0;padding:4px 14px}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.login-btn{background:var(--accent);color:#fff;text-align:center;border-radius:12px;margin-top:8px;padding:12px;font-weight:600;text-decoration:none;display:block}.login-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:16px 16px 64px;display:flex}.islands{--gap-x:12px;--gap-y:14px;--tile:min(96px, calc((100vw - 32px - 3 * var(--gap-x)) / 4));width:calc(4 * var(--tile) + 3 * var(--gap-x));justify-content:center;gap:var(--gap-y) var(--gap-x);flex-wrap:wrap;max-width:100%;margin:0 auto;padding:0;list-style:none;display:flex}.islands-above{min-height:calc(2 * var(--tile) + var(--gap-y));align-content:flex-end;margin-top:3vh}.islands-below{margin-top:12px}.islands-below:not(:has(li:not([hidden]))){display:none}.island{--h:220;width:var(--tile);height:var(--tile);border-radius:calc(var(--tile) * .3);text-align:center;background:hsl(var(--h) 85% 96%);box-shadow:0 0 0 1px hsl(var(--h) 55% 89%), 0 14px 24px -16px hsl(var(--h) 60% 30% / .55);-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.island:hover{box-shadow:0 0 0 1px hsl(var(--h) 55% 80%), 0 20px 30px -16px hsl(var(--h) 60% 30% / .6);transform:translateY(-3px)}.island:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.island:active{transform:scale(.96)}.island-icon{font-size:calc(var(--tile) * .32);line-height:1}.island-name{max-width:100%;color:hsl(var(--h) 45% 22%);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.island.soon{filter:saturate(.3);opacity:.72}.island-badge{white-space:nowrap;background:var(--surface);color:var(--muted);box-shadow:0 0 0 1px var(--line);border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:600;line-height:1.4;position:absolute;top:-8px;right:-5px}@media (prefers-color-scheme:dark){.island{background:hsl(var(--h) 28% 17%);box-shadow:0 0 0 1px hsl(var(--h) 25% 27%), 0 14px 24px -16px #000000e6}.island:hover{box-shadow:0 0 0 1px hsl(var(--h) 30% 38%), 0 20px 30px -16px #000000e6}.island-name{color:hsl(var(--h) 60% 88%)}}@media (min-width:640px){.island-name{font-size:13.5px}}.search{position:relative}.search input{border:2px solid var(--accent);background:var(--surface);width:100%;color:var(--text);appearance:none;border-radius:999px;padding:18px 48px 18px 20px;font-size:18px;box-shadow:0 6px 24px #c8102e1f}.search input:focus{outline:none;box-shadow:0 6px 28px #c8102e38}.search input::-webkit-search-cancel-button{display:none}.clear{color:var(--muted);background:0 0;border:0;font-size:24px;line-height:1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.search-meta{flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;padding:0 8px;display:flex}.chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:13px}.no-match{text-align:center;color:var(--muted)}.no-match p{margin:4px 0}.toast{z-index:30;background:var(--text);width:max-content;max-width:calc(100vw - 32px);color:var(--bg);border-radius:12px;padding:10px 16px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #0006}.toast:empty{display:none}.page{max-width:720px;margin:0 auto;padding:24px 16px}.back{color:var(--muted);font-size:14px;text-decoration:none}.filters{grid-template-columns:auto 1fr;gap:4px 16px;display:grid}.filters dt{color:var(--muted)}.filters dd{margin:0}.pending{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);padding:16px}