:root{--bg:radial-gradient(circle at 10% 20%,#1b2735,#131a24 35%,#0d1117 70%);--card:#ffffff0f;--border:#ffffff1f;--text:#e9edf5;--muted:#b8c0d4;--accent:#ffb347;--accent-strong:#ff8a00;--shadow:0 12px 35px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100vh;margin:0;font-family:Helvetica Neue,Segoe UI,system-ui,-apple-system,sans-serif;display:flex}a{color:inherit;text-decoration:none}.site-banner{z-index:10;text-align:center;letter-spacing:-.01em;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;padding:12px 16px;font-weight:800;position:sticky;top:0}.page{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-height:calc(100vh - 64px);padding:24px 18px 36px;display:flex}.card{background:var(--card);border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;padding:24px 20px}.card-header h1{letter-spacing:-.02em;margin:0 0 6px;font-size:28px}.card-header h2{letter-spacing:-.01em;margin:0 0 4px;font-size:22px}.subtitle{color:var(--muted);margin:0;line-height:1.5}.identity-row{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 10px;display:flex}.label{color:var(--muted);font-weight:600}.value{border:1px solid var(--border);background:#ffffff14;border-radius:10px;padding:6px 10px}.roast-count{color:var(--muted);margin:0 0 12px;font-weight:700}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-weight:600;text-decoration:underline}.cta{cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#1b1300;border:none;border-radius:14px;width:100%;margin:12px 0 16px;padding:14px 16px;font-size:18px;font-weight:700;transition:transform 80ms,box-shadow .12s,opacity .12s;box-shadow:0 10px 30px #ff8a0059}.cta:active{transform:translateY(2px);box-shadow:0 6px 16px #ff8a004d}.cta:disabled{opacity:.7;cursor:not-allowed}.insult-box{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:12px 14px}.insult-label{color:var(--muted);margin:0 0 4px;font-size:14px}.insult-text{margin:0 0 10px;font-size:16px}.hint{color:var(--muted);margin:0;font-size:14px}.footer{text-align:center;color:var(--muted);margin:16px 0 4px;font-size:14px}.identity-screen{background:var(--card);border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow);text-align:center;border-radius:18px;padding:22px 20px}.identity-note{color:var(--muted);margin:0 0 10px}.identity-card{border:1px dashed var(--border);border-radius:14px;padding:14px 12px}.identity-copy{margin:0 0 16px;line-height:1.5}.identity-buttons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.identity-actions{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.name-input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0d;border-radius:10px;padding:12px;font-size:16px}.use-name{background:#ffffff14}.guest{background:#ffffff08}.chip{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:12px;padding:12px 10px;font-weight:700;transition:background .1s,transform 80ms}.chip:active{transform:translateY(1px)}.leaderboard{flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none;display:flex}.leaderboard-item{border:1px solid var(--border);background:#ffffff08;border-radius:12px;grid-template-columns:50px 1fr 90px;align-items:center;padding:10px 12px;display:grid}.rank{color:var(--accent);font-weight:800}.name{font-weight:700}.score{text-align:right;color:var(--muted);font-weight:600}.error-text{color:#f6b3b3;margin:10px 0 0;font-size:14px}.back-link{color:var(--accent);align-items:center;gap:6px;margin:0 0 12px;font-weight:700;display:inline-flex}.leaderboard-card{margin-top:6px}.history-section{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.history-title{margin:0 0 10px;font-size:18px}.history-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.history-item{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:10px 12px}.history-meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.history-sender{font-weight:700}.history-time{color:var(--muted);font-size:12px}.history-insult{margin:0;line-height:1.4}.feed-list{flex-direction:column;gap:10px;margin:10px 0 0;padding:0;list-style:none;display:flex}.feed-item{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:12px}.feed-insult{margin:0 0 6px;font-weight:700;line-height:1.4}.feed-meta{color:var(--muted);margin:0;font-size:13px}@media (min-width:700px){.page{padding:40px 30px 60px}.card{padding:28px 24px}}