:root{--ink:#07142b;--ink-2:#0d2240;--sky:#38bdf8;--sky-deep:#0ea5e9;--blue:#2563eb;--foam:#e0f2fe;--text:#e6f1ff;--text-dim:#93b4d6;--card:#ffffff0f;--card-border:#ffffff1f;--danger:#f87171;--radius:18px;--max-w:520px;--font-display:"Lilita One", "Fredoka", system-ui, sans-serif;--font-body:"Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(120% 80% at 50% -10%,#123a63 0%,#0000 60%),linear-gradient(#07142b 0%,#050d1c 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh}#root{min-height:100vh}h1,h2{line-height:1.1;font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:400}button{font:inherit;cursor:pointer}.muted{color:var(--text-dim)}.muted.small{font-size:.85rem}.app-shell{min-height:100vh}.app-main{max-width:var(--max-w);padding:0 0 calc(env(safe-area-inset-bottom) + 96px);margin:0 auto}.fab{left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);z-index:20;color:#fff;background:linear-gradient(135deg, var(--sky), var(--blue));box-shadow:0 12px 28px -8px var(--sky-deep), 0 2px 6px #0006;font-size:1.05rem;font-weight:700;font-family:var(--font-display);letter-spacing:.02em;border-radius:99px;align-items:center;gap:8px;padding:15px 26px;text-decoration:none;animation:2.6s ease-in-out infinite fab-wobble;display:inline-flex;position:fixed;transform:translate(-50%)}@keyframes fab-wobble{0%,to{transform:translate(-50%)rotate(-3deg)}50%{transform:translate(-50%)rotate(3deg)}}.back-link{color:var(--text-dim);margin-bottom:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.back-link:active{color:var(--text)}.page{padding:calc(env(safe-area-inset-top) + 22px) 18px 8px;flex-direction:column;gap:16px;display:flex}.page-head h1{letter-spacing:.01em;font-size:2rem}.page-head.center{text-align:center}.page-head .muted{margin:4px 0 0;font-size:.95rem}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:18px}.card-title{letter-spacing:.01em;color:var(--foam);font-size:1.25rem}.card-title+.muted{margin:4px 0 0}.hero-card{text-align:center;background:radial-gradient(90% 120% at 50% 0%, #38bdf840, transparent 70%), var(--card);border:1px solid var(--card-border);border-radius:24px;padding:30px 18px 24px}.hero-number{font-family:var(--font-display);letter-spacing:.01em;background:linear-gradient(180deg, #fff, var(--sky));color:#0000;filter:drop-shadow(0 6px 18px #38bdf859);-webkit-background-clip:text;background-clip:text;font-size:5.6rem;font-weight:400;line-height:1;animation:4s ease-in-out infinite hero-bob;display:inline-block;transform:rotate(-3deg)}@keyframes hero-bob{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)scale(1.04)}}.hero-caption{color:var(--text-dim);margin-top:6px;font-size:1rem}.hero-sub{color:var(--text-dim);justify-content:center;gap:22px;margin-top:16px;font-size:.9rem;display:flex}.hero-sub strong{color:var(--text);font-size:1.05rem}.safety-sign{text-align:center;border-radius:var(--radius);background:repeating-linear-gradient(45deg,#facc151f 0 14px,#0000 14px 28px),#16233d;border:3px dashed #facc15;padding:18px;transform:rotate(-1.5deg)}.safety-top,.safety-bottom{letter-spacing:.08em;color:#fde68a;font-size:.78rem;font-weight:800}.timer{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 10px;display:flex}.seg{background:#00000047;border:1px solid #facc1540;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:3px;padding:8px 12px;display:flex}.seg-num{font-family:var(--font-display);font-size:var(--seg-size,1.7rem);color:#fff;font-variant-numeric:tabular-nums;font-weight:400;line-height:1;transition:font-size .2s}.seg-label{letter-spacing:.06em;text-transform:uppercase;color:#fde68a;font-size:.6rem;font-weight:700}.leaderboard{flex-direction:column;gap:12px;margin:14px 0 0;padding:0;list-style:none;display:flex}.lb-row{align-items:center;gap:12px;display:flex}.lb-rank{text-align:center;width:22px;color:var(--text-dim);flex:none;font-weight:800}.lb-body{flex:1;min-width:0}.lb-head{justify-content:space-between;gap:8px;margin-bottom:5px;font-size:.92rem;display:flex}.lb-reason{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-count{color:var(--sky);flex:none;font-weight:700}.lb-track{background:#ffffff14;border-radius:99px;height:9px;overflow:hidden}.lb-fill{background:linear-gradient(90deg, var(--sky), var(--blue));border-radius:99px;min-width:6px;height:100%;transition:width .4s}.fame-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.fame-item{background:#0000004d;border-radius:12px;margin:0;overflow:hidden}.fame-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.fame-item figcaption{flex-direction:column;gap:2px;padding:6px 8px;font-size:.72rem;display:flex}.fame-sev{font-weight:700}.fame-reason{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed{flex-direction:column;margin:14px 0 0;padding:0;list-style:none;display:flex}.feed-row{border-top:1px solid #ffffff12;align-items:center;gap:12px;padding:12px 0;display:flex}.feed-row:first-child{border-top:none}.feed-thumb{object-fit:cover;border-radius:10px;flex:none;width:46px;height:46px}.feed-emoji{background:#ffffff0f;border-radius:10px;flex:none;place-items:center;width:46px;height:46px;font-size:1.5rem;display:grid}.feed-body{flex:1;min-width:0}.feed-top{justify-content:space-between;gap:8px;display:flex}.feed-reason{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.feed-sev{color:var(--sky);flex:none;font-size:.9rem;font-weight:700}.feed-meta{color:var(--text-dim);gap:6px;margin-top:2px;font-size:.8rem;display:flex}.feed-edit{border:1px solid var(--card-border);background:#ffffff0f;border-radius:50%;flex:none;width:36px;height:36px;font-size:1rem;line-height:1}.feed-edit:active{background:#ffffff1f}.feed-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020610b3;justify-content:center;align-items:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal-sheet{width:100%;max-width:var(--max-w);border:1px solid var(--card-border);max-height:92vh;padding:10px 18px calc(env(safe-area-inset-bottom) + 22px);background:#0b1a30;border-bottom:none;border-radius:22px 22px 0 0;flex-direction:column;gap:16px;animation:.28s cubic-bezier(.2,.8,.2,1) sheet-up;display:flex;overflow-y:auto}.modal-grip{background:#ffffff40;border-radius:99px;width:42px;height:5px;margin:2px auto 0}.modal-title{text-align:center;font-size:1.4rem}.modal-actions{flex-direction:column;gap:10px;display:flex}.modal-actions .btn-ghost{text-align:center}.modal-delete{border-top:1px solid #ffffff14;justify-content:center;padding-top:4px;display:flex}.btn-delete-text{color:var(--danger);font-family:var(--font-body);background:0 0;border:none;padding:8px;font-size:.95rem;font-weight:600}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}.log-form{flex-direction:column;gap:18px;display:flex}.field{border:none;margin:0;padding:0}.field legend{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:11px;padding:0;font-size:.8rem;font-weight:600}.search-wrap{margin-bottom:12px;position:relative}.search-ico{pointer-events:none;opacity:.8;font-size:1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{padding-left:40px}.reason-grid{flex-wrap:wrap;gap:8px;display:flex}.reason-chip{border:1px solid var(--card-border);background:var(--card);color:var(--text);border-radius:14px;align-items:center;gap:7px;padding:9px 14px 9px 11px;font-size:.88rem;font-weight:500;transition:transform .1s,border-color .12s,background .12s;display:inline-flex}.reason-chip .r-emoji{font-size:1.05rem;line-height:1}.reason-chip:active{transform:scale(.94)}.reason-on{background:linear-gradient(135deg, var(--sky), var(--blue));color:#fff;box-shadow:0 6px 16px -8px var(--sky-deep);border-color:#0000;font-weight:600}.reason-empty{margin:2px 0;font-size:.9rem}.show-all{color:var(--sky);font-family:var(--font-body);letter-spacing:.02em;background:0 0;border:none;align-self:flex-start;margin-top:12px;padding:6px 4px;font-size:.85rem;font-weight:600}.show-all:active{opacity:.7}.chips{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--card-border);background:var(--card);color:var(--text);border-radius:99px;padding:8px 13px;font-size:.86rem}.chip-on{background:linear-gradient(135deg, var(--sky), var(--blue));color:#fff;border-color:#0000;font-weight:600}.text-input{border:1px solid var(--card-border);width:100%;color:var(--text);background:#00000040;border-radius:12px;padding:13px 14px;font-size:1rem}.text-input::placeholder{color:var(--text-dim)}.text-input:focus-visible{outline:2px solid var(--sky);outline-offset:1px}.meter-readout{align-items:center;gap:10px;margin-bottom:12px;display:flex}.meter-emoji{font-size:1.9rem}.meter-label{color:var(--text-dim);font-size:.95rem}.meter-label strong{color:var(--text)}.droplets{gap:4px;display:flex}.droplet{border:1px solid var(--card-border);filter:grayscale()opacity(.4);background:#00000040;border-radius:10px;flex:1;padding:9px 0;font-size:1.1rem;transition:filter .12s,transform .12s}.droplet-on{filter:none;border-color:var(--sky);background:#38bdf829}.droplet:active{transform:scale(.9)}.photo-actions{gap:10px;display:flex}.photo-drop{border:1.5px dashed var(--card-border);color:var(--text-dim);text-align:center;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:6px;padding:13px 12px;font-size:.9rem;font-weight:500;display:flex}.photo-drop:active{background:#ffffff0d}.photo-preview{flex-direction:column;gap:10px;display:flex}.photo-preview img{object-fit:cover;border-radius:14px;width:100%;max-height:260px}.btn-primary{background:linear-gradient(135deg, var(--sky), var(--blue));color:#fff;font-family:var(--font-display);letter-spacing:.02em;box-shadow:0 10px 24px -10px var(--sky-deep);border:none;border-radius:14px;justify-content:center;align-items:center;padding:15px 20px;font-size:1.15rem;font-weight:400;text-decoration:none;display:inline-flex}.btn-primary:disabled{opacity:.6}.btn-ghost{border:1px solid var(--card-border);color:var(--text);background:0 0;border-radius:10px;padding:9px 14px;font-size:.85rem}.btn-danger{background:var(--danger);color:#1a0606;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700}.error{color:var(--danger);margin:0;font-size:.9rem;font-weight:600}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 18px;display:flex}.empty-emoji{font-size:3.4rem}.empty .btn-primary{margin-top:10px}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 88px);z-index:30;border:1px solid var(--sky);color:var(--text);background:#050d1cf2;border-radius:99px;padding:12px 18px;font-size:.9rem;font-weight:600;animation:.25s toast-in;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px -12px #000}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}