*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f3ef;--card: #ffffff;--text: #2b2f33;--sub: #7a8087;--accent: #46617a;--accent-soft: #e6ecf1;--ok: #4a7a5c;--line: #e4e2dc}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100vh;padding:0 16px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 14px}.topbar h1{font-size:17px;font-weight:600;letter-spacing:.06em}.topbar .spacer{width:40px}.iconbtn{background:none;border:none;font-size:20px;color:var(--sub);padding:8px;cursor:pointer;border-radius:10px}.backbtn{background:none;border:none;color:var(--accent);font-size:15px;padding:8px 4px;cursor:pointer}.card{background:var(--card);border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 1px 3px #0000000d}.card h2{font-size:14px;color:var(--sub);font-weight:600;margin-bottom:10px}.card .big{font-size:18px;font-weight:600;line-height:1.6}.qtime{font-size:12px;color:var(--sub);margin-bottom:6px}textarea,input[type=text]{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:16px;font-family:inherit;background:#fbfaf8;resize:none;line-height:1.6}textarea:focus,input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.btn{display:block;width:100%;border:none;border-radius:14px;padding:15px;font-size:16px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;margin-top:12px}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn.ghost{background:none;color:var(--sub);font-weight:500;padding:10px;font-size:14px}.btn:disabled{opacity:.4}.btnrow{display:flex;gap:10px}.btnrow .btn{margin-top:12px}.smallnote{font-size:13px;color:var(--sub);line-height:1.7;margin-top:10px}.minilinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;justify-content:center}.minilinks button{background:none;border:1px solid var(--line);color:var(--sub);border-radius:20px;padding:7px 14px;font-size:13px;cursor:pointer}.label{font-size:14px;font-weight:600;margin:16px 0 8px;line-height:1.6}.label:first-child{margin-top:0}.listitem{background:var(--card);border-radius:14px;padding:14px 16px;margin-bottom:10px;box-shadow:0 1px 2px #0000000a;cursor:pointer;border:none;width:100%;text-align:left;font-family:inherit}.listitem .date{font-size:12px;color:var(--sub);margin-bottom:4px}.listitem .body{font-size:15px;line-height:1.6;color:var(--text)}.stamp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f4f3efeb;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;animation:fadein .25s}.stamp{border:3px solid var(--ok);color:var(--ok);border-radius:12px;padding:14px 28px;font-size:24px;font-weight:700;letter-spacing:.15em;transform:rotate(-6deg);animation:stampin .45s cubic-bezier(.2,1.6,.4,1)}.stamp-sub{margin-top:20px;color:var(--sub);font-size:14px;animation:fadein .8s}@keyframes stampin{0%{transform:rotate(-6deg) scale(2.2);opacity:0}to{transform:rotate(-6deg) scale(1);opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.archived-away{animation:away .6s ease-in forwards}@keyframes away{to{transform:translateY(40px) scale(.85);opacity:0}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2f3359;display:flex;align-items:flex-end;justify-content:center;z-index:40}.modal{background:var(--card);border-radius:20px 20px 0 0;padding:24px 20px 36px;width:100%;max-width:480px;animation:slideup .25s ease-out}@keyframes slideup{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.q3highlight{background:var(--accent-soft);border-radius:12px;padding:14px;font-size:17px;font-weight:600;line-height:1.7;margin:12px 0}.okline{color:var(--ok);font-weight:600;font-size:15px}.raise-count{font-size:36px;font-weight:700;color:var(--accent)}.timer-num{font-size:52px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;margin:18px 0}.timer-phase{text-align:center;font-size:16px;color:var(--sub)}.banner{background:var(--accent-soft);border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.7;margin-bottom:14px}.divider{border:none;border-top:1px solid var(--line);margin:20px 0}.settingrow{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.settingrow .name{font-size:15px}select{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:15px;background:#fbfaf8;font-family:inherit}.roulette-result{text-align:center;font-size:22px;font-weight:700;color:var(--accent);padding:26px 10px;line-height:1.5}