*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg: #080c14;--surface: #0f1a2e;--accent: #00b4ff;--warn: #ff9500;--danger: #ff2d55;--text: #e8f4ff;--muted: #6a7a8a;--r: 12px}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg)}body{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}.app-header{padding:3.5rem 2rem 1.5rem;text-align:center;flex-shrink:0}.logo{font-size:3.5rem;font-weight:900;letter-spacing:.35em;color:var(--accent);line-height:1}.tagline{font-size:.8rem;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:.4rem}.motion-banner{margin:0 1.5rem;padding:.9rem 1.25rem;background:var(--surface);border:1px dashed var(--accent);border-radius:var(--r);color:var(--accent);font-size:.9rem;font-weight:600;letter-spacing:.05em;text-align:center;flex-shrink:0}main{flex:1;overflow-y:auto;padding:1rem 1.5rem 6rem;-webkit-overflow-scrolling:touch}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:55vh;gap:.5rem}.empty-icon{font-size:3.5rem;opacity:.15}.empty-text{font-size:1.4rem;font-weight:700;color:var(--muted)}.empty-sub{font-size:.8rem;color:var(--muted);opacity:.6;letter-spacing:.05em}.reminder-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.reminder-item{display:flex;align-items:center;gap:1rem;background:var(--surface);border-radius:var(--r);padding:1rem 1.25rem;border-left:4px solid var(--accent)}.reminder-item.level-1{border-left-color:var(--warn)}.reminder-item.level-2{border-left-color:var(--danger)}.reminder-item.level-3{border-left-color:var(--danger);animation:flash-border .6s ease-in-out infinite alternate}@keyframes flash-border{0%{border-left-color:var(--danger)}to{border-left-color:#f05;box-shadow:0 0 12px #ff00554d}}.reminder-content{flex:1;min-width:0}.reminder-text{display:block;font-size:1.25rem;font-weight:800;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.reminder-meta{display:block;font-size:.75rem;color:var(--muted);margin-top:.2rem}.reminder-pings{color:var(--warn)}.done-btn{background:transparent;border:1.5px solid var(--muted);color:var(--muted);padding:.45rem .9rem;border-radius:6px;font-size:.7rem;font-weight:800;letter-spacing:.12em;flex-shrink:0;transition:all .12s}.done-btn:active{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(.93)}.build-time{font-size:.7rem;color:var(--accent);letter-spacing:.05em;margin-top:.4rem;opacity:.8}.capture-fab{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;background:var(--accent);color:#fff;border:none;border-radius:50%;font-size:2.2rem;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #00b4ff80;transition:transform .12s;z-index:10}.capture-fab:active{transform:scale(.88)}.capture-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fade-in .15s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.capture-card{background:var(--surface);border-radius:20px;padding:2rem 1.75rem;width:100%;max-width:380px;animation:slide-up .2s ease}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.capture-hint{font-size:.8rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem}.capture-input{width:100%;background:transparent;border:none;border-bottom:2.5px solid var(--accent);color:var(--text);font-size:2rem;font-weight:800;padding:.5rem 0;outline:none;caret-color:var(--accent);letter-spacing:.03em}.capture-input::placeholder{color:var(--muted);font-weight:400;font-size:1.6rem}.capture-tip{font-size:.7rem;color:var(--muted);margin-top:.5rem;opacity:.6}.capture-actions{display:flex;align-items:center;justify-content:space-between;margin-top:2rem}.cancel-btn{background:transparent;border:none;color:var(--muted);font-size:.9rem;padding:.5rem}.set-btn{background:var(--accent);border:none;color:#fff;font-size:1rem;font-weight:900;letter-spacing:.2em;padding:.8rem 2.5rem;border-radius:50px;transition:all .12s}.set-btn:disabled{opacity:.35;cursor:default}.set-btn:not(:disabled):active{transform:scale(.93)}.alert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column}.alert-overlay.level-0{background:linear-gradient(160deg,#b83e00,var(--accent));animation:pulse-screen 2s ease-in-out infinite}.alert-overlay.level-1{background:linear-gradient(160deg,#c30,#f60);animation:pulse-screen 1.4s ease-in-out infinite}.alert-overlay.level-2{background:linear-gradient(160deg,#8b0020,var(--danger));animation:pulse-screen .9s ease-in-out infinite}.alert-overlay.level-3{background:linear-gradient(160deg,#5a0010,#c03);animation:pulse-screen .5s ease-in-out infinite}@keyframes pulse-screen{0%,to{opacity:1}50%{opacity:.82}}.alert-inner{text-align:center;padding:3rem 2.5rem}.alert-badge{font-size:.85rem;font-weight:900;letter-spacing:.4em;text-transform:uppercase;opacity:.6;margin-bottom:2rem}.alert-text{font-size:clamp(2.8rem,13vw,5.5rem);font-weight:900;text-transform:uppercase;letter-spacing:.04em;line-height:1;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.35);margin-bottom:1rem;word-break:break-word}.alert-age{font-size:.85rem;opacity:.65;margin-bottom:3.5rem;letter-spacing:.05em}.alert-done{background:#fff;border:none;color:#c03;font-size:1.2rem;font-weight:900;letter-spacing:.25em;padding:1.1rem 4rem;border-radius:50px;box-shadow:0 6px 30px #0000004d;transition:transform .12s}.alert-done:active{transform:scale(.9)}