:root{color-scheme:light;--ink:#1c1915;--muted:#5c564c;--line:#e3ddd2;--paper:#f6f3ec;--card:#fffdf9;--accent:#1f4d3a;--accent-ink:#f7f4ee;--danger:#8d2d2d;--danger-bg:#f8ece8;--highlight:#e7f0ea}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:var(--paper);font-family:Segoe UI,PingFang TC,Noto Sans TC,sans-serif;line-height:1.5}a{color:var(--accent)}.wrap{width:min(880px,calc(100% - 32px));margin:0 auto;padding:48px 0 64px}.wordmark{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}.card h1,.card h2,.links h2,.wordmark h1{font-family:Georgia,Iowan Old Style,PMingLiU,serif;font-weight:600;letter-spacing:-.02em}.wordmark h1{margin:0;font-size:32px}.wordmark p{margin:0;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:16px}.card h1{margin:0 0 8px;font-size:28px}.card h2{margin:0 0 12px;font-size:22px}.lede{margin:0 0 20px;color:var(--muted)}form{grid-gap:14px;gap:14px}form,label{display:grid}label{grid-gap:6px;gap:6px;font-size:14px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:white;color:inherit;font:inherit}textarea{min-height:88px;resize:vertical}.button,button{border:0;border-radius:999px;padding:10px 16px;background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;width:-moz-fit-content;width:fit-content;text-decoration:none}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.error{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:var(--danger-bg);color:var(--danger)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.sites{display:grid;grid-gap:12px;gap:12px}.site{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:white}.site.created{background:var(--highlight)}.site h3{margin:0 0 6px;font-size:18px}.key,.snippet{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;word-break:break-all}.snippet{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#f3f0e8}.links h2{font-size:18px}.links dl{margin:0;display:grid;grid-gap:8px;gap:8px}.links div{display:grid;grid-template-columns:96px 1fr;grid-gap:8px;gap:8px}.links dt{color:var(--muted)}.empty,.links dd{margin:0}.empty{color:var(--muted)}.check-list{margin:0;padding:12px;border:1px solid var(--line);border-radius:12px}.check-list legend{padding:0 4px}.check-list label{display:flex;align-items:center;gap:8px}.check-list input{width:auto}.reveal-token{margin:0 0 12px;padding:12px;border-radius:12px;background:var(--highlight)}.token-list{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.token{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:white}.token h3{margin:0 0 6px;font-size:16px}.token p{margin:0 0 8px}.site-menu{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.site-menu a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;text-decoration:none;color:var(--ink)}.site-menu a[aria-current=page]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.stack{display:grid;grid-gap:12px;gap:12px;margin:12px 0 20px}.shot{display:block;width:160px;max-width:100%;height:auto;margin-top:8px;border-radius:8px}@media (max-width:640px){.links div{grid-template-columns:1fr;gap:2px}.toolbar{align-items:flex-start;flex-direction:column}}