:root{--bg: #faf7f2;--fg: #2b2622;--muted: #9a9189}@media (prefers-color-scheme: dark){:root{--bg: #161412;--fg: #ece6dd;--muted: #7d746b}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Georgia,Times New Roman,serif}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px}.login input{width:240px;padding:10px 12px;font:16px system-ui,sans-serif;color:var(--fg);background:transparent;border:1px solid var(--muted);border-radius:8px}button.primary,.login button{padding:10px 18px;font:15px system-ui,sans-serif;color:var(--bg);background:var(--fg);border:0;border-radius:8px;cursor:pointer}button:disabled{opacity:.4;cursor:default}.error{min-height:18px;color:#c0392b;font:14px system-ui,sans-serif}.view{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40vh 24px}.message{width:100%;max-width:640px;margin:0;text-align:center;font-size:clamp(22px,4vw,34px);line-height:1.5;white-space:pre-wrap;word-break:break-word}textarea.message{display:block;color:var(--fg);background:transparent;border:0;outline:0;resize:none;overflow:hidden;font-family:inherit}textarea.message::placeholder{color:var(--muted)}.bar{position:fixed;bottom:16px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;font:13px system-ui,sans-serif;color:var(--muted);pointer-events:none}.bar>*{pointer-events:auto}button.link{background:none;border:0;padding:0;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer}.music{position:fixed;top:16px;right:16px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100vw - 32px)}.music-pill{display:flex;align-items:center;gap:8px;max-width:min(70vw,260px);padding:7px 12px;font:13px system-ui,sans-serif;color:var(--fg);background:color-mix(in srgb,var(--fg) 8%,var(--bg));border:1px solid color-mix(in srgb,var(--fg) 18%,transparent);border-radius:999px;cursor:pointer}.music-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex:none}.eq i{display:block;width:3px;height:40%;background:currentColor;border-radius:1px}.music-pill.on .eq i{animation:eq .9s ease-in-out infinite}.music-pill.on .eq i:nth-child(2){animation-delay:.2s}.music-pill.on .eq i:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:30%}50%{height:100%}}@media (prefers-reduced-motion: reduce){.music-pill.on .eq i{animation:none;height:70%}}.music-panel{width:min(320px,calc(100vw - 32px));overflow:hidden;border-radius:12px;background:#000;box-shadow:0 6px 24px #00000040}.music-panel iframe{display:block;width:100%;border:0}.music-panel.youtube iframe{aspect-ratio:16 / 9}.music-panel.spotify iframe{height:152px}.bar{flex-wrap:wrap;padding:0 16px}.bar input{width:min(260px,80vw);padding:8px 10px;font:13px system-ui,sans-serif;color:var(--fg);background:color-mix(in srgb,var(--bg) 85%,transparent);border:1px solid var(--muted);border-radius:8px}.entry{width:100%;max-width:640px}.entry .message{max-width:none}.stamp{margin-bottom:20px;text-align:center;font:13px system-ui,sans-serif;color:var(--muted)}.bar{bottom:0;flex-direction:column;gap:8px;padding:28px 16px 14px;background:linear-gradient(to top,var(--bg) 55%,transparent)}.bar-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.nav{display:inline-flex;align-items:center;gap:4px}.nav-btn{width:32px;height:32px;font-size:20px;line-height:1;color:var(--fg);background:transparent;border:1px solid var(--muted);border-radius:8px;cursor:pointer}.nav-btn:disabled{opacity:.3;cursor:default}.nav-count{min-width:56px;text-align:center}button.ghost{padding:9px 14px;font:14px system-ui,sans-serif;color:var(--fg);background:transparent;border:1px solid var(--muted);border-radius:8px;cursor:pointer}