:root{--text:#433c4a;--text-h:#1b1324;--bg:#f5f1ff;--border:#d9c9f4;--accent:#6d3bd5;--accent-bg:#6d3bd51a;--shadow:#00000014 0 10px 20px -10px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#140c1e url(/background.jpg) 50%/contain no-repeat fixed;min-height:100vh;margin:0}#root{max-width:960px;min-height:100svh;margin:0 auto}h1,h2{color:var(--text-h);margin:0 0 8px}h1{font-size:clamp(1.8rem,3vw,2.6rem)}p{margin:0}.app-shell{gap:18px;min-height:100svh;padding:18px;animation:.4s both fadeInUp;display:grid;position:relative}.scrim{pointer-events:none;z-index:0;transition:background .3s;position:fixed;inset:0}.scrim.closed{background:linear-gradient(#00000026 0%,#0000 30% 55%,#000000a6 100%)}.scrim.open{background:#120b1bb8}.app-shell>:not(.scrim){z-index:1;position:relative}.landing{min-height:100svh;animation:.5s both fadeInUp;display:flex;position:relative}.landing-inner{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:42px 20px 44px;display:flex;position:relative}.brand-block{flex-direction:column;gap:6px;display:flex}.brand{letter-spacing:.02em;color:#fff;text-shadow:0 2px 18px #0009;font-size:clamp(2rem,8vw,3rem);font-weight:800}.brand-sub{letter-spacing:.16em;text-transform:uppercase;color:#ffffffd9;text-shadow:0 2px 12px #0009;font-size:.95rem;font-weight:600}.reveal-btn{font:inherit;letter-spacing:.04em;color:#eccd7c;text-shadow:0 1px 6px #d4af3759;cursor:pointer;background:linear-gradient(135deg,#1c1622,#08060c);border:1px solid #d4af378c;border-radius:999px;padding:16px 34px;font-size:1.1rem;font-weight:700;transition:transform .16s,box-shadow .16s;box-shadow:0 14px 40px #0000008c,inset 0 1px #ffffff0f}.reveal-btn:hover{transform:translateY(-2px);box-shadow:0 18px 50px #000000a6,inset 0 1px #ffffff14}.topbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.brand.small{font-size:1.5rem}.hide-btn{font:inherit;color:#eccd7c;cursor:pointer;background:linear-gradient(135deg,#1c1622,#08060c);border:1px solid #d4af3780;border-radius:999px;padding:9px 18px;font-weight:700}.hero-card,.panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #ffffffb3;border-radius:28px;padding:18px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 24px 60px #49308429}.hero-card:hover,.panel:hover{transform:translateY(-2px);box-shadow:0 28px 70px #49308433}.hero-card{color:#fff;background:linear-gradient(135deg,#6d3bd5f7,#588dffeb)}.hero-card:before,.panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff2e,#0000 35%,#ffffff14);position:absolute;inset:0}.hero-top{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:10px;display:flex}.pill,.status-pill{letter-spacing:.04em;border-radius:999px;align-items:center;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.pill{color:#fff;background:#fff3}.pill.subtle{background:#ffffff29}.hero-card h1{color:#fff;margin-bottom:8px;font-size:clamp(1.55rem,4vw,2.2rem)}.intro{color:#ffffffe6;max-width:700px;margin-bottom:14px}.hero-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.highlight-card{background:#ffffff29;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;gap:3px;padding:10px;display:flex}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.section-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:4px;font-size:.72rem}.status-pill{color:#fff;background:linear-gradient(135deg,#6d3bd5,#4f8dfc)}label{color:var(--text-h);flex-direction:column;gap:6px;margin-top:12px;font-weight:700;display:flex}input,select,textarea{font:inherit;color:var(--text-h);background:#fbfaff;border:1px solid #6d3bd526;border-radius:14px;padding:11px 12px;box-shadow:inset 0 1px 2px #00000008}input:focus,select:focus,textarea:focus{border-color:#6d3bd573;outline:none;box-shadow:0 0 0 3px #6d3bd524}textarea{resize:vertical;min-height:86px}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.toggle-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.chip-toggle{color:var(--accent);background:linear-gradient(135deg,#f4ebff,#ebf2ff);border:1px solid #6d3bd51a;border-radius:999px;flex-direction:row;align-items:center;gap:8px;padding:8px 10px}.day-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.day-chip{color:var(--text-h);background:linear-gradient(135deg,#f8f4ff,#eef5ff);border:1px solid #6d3bd514;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:flex}.preview-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.preview li{background:linear-gradient(135deg,#f8f4ff,#eef5ff);border:1px solid #6d3bd514;border-radius:14px;flex-direction:column;gap:4px;padding:12px;display:flex}.empty-state{color:var(--text);margin-top:14px}.status-box{background:linear-gradient(135deg,#f8f4ff,#eef5ff);border:1px solid #6d3bd514;border-radius:14px;gap:6px;margin-top:12px;padding:12px;display:grid}.auth-btn{font:inherit;letter-spacing:.03em;color:#eccd7c;text-shadow:0 1px 5px #d4af374d;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1c1622,#08060c);border:1px solid #d4af378c;border-radius:999px;padding:10px 18px;font-weight:700}.reminder-list{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.reminder-card{background:linear-gradient(135deg,#f8f4ff,#eef5ff);border:1px solid #6d3bd51a;border-radius:18px;justify-content:space-between;align-items:stretch;gap:12px;padding:14px;transition:opacity .16s;display:flex}.reminder-card.inactive{opacity:.55}.reminder-main{gap:6px;min-width:0;display:grid}.reminder-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.reminder-head strong{color:var(--text-h);font-size:1.05rem}.reminder-msg{color:var(--text);font-size:.92rem}.reminder-meta{color:var(--accent);font-size:.82rem;font-weight:600}.reminder-actions{flex-direction:column;justify-content:center;gap:8px;display:flex}.ghost-btn{font:inherit;color:#d9b866;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1c1622,#0b0810);border:1px solid #d4af3780;border-radius:999px;padding:8px 16px;font-weight:700}.ghost-btn.danger{color:#e6a08f;border-color:#c4544080}.switch{color:var(--accent);flex-direction:row;align-items:center;gap:6px;margin:0;font-size:.78rem;font-weight:700}.editor-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.setting-card{background:linear-gradient(135deg,#f8f4ff,#eef5ff);border:1px solid #6d3bd514;border-radius:16px;gap:10px;margin-top:14px;padding:14px;display:grid}.setting-card h3{color:var(--text-h);margin:0;font-size:1.05rem}.setting-hint{color:var(--text);font-size:.9rem}.setting-error{color:#b42318;font-size:.9rem;font-weight:600}.battery-steps{color:var(--text);gap:8px;margin:4px 0;padding-left:20px;font-size:.9rem;line-height:1.35;display:grid}.sound-list{gap:8px;display:grid}.sound-row{color:var(--text-h);background:#ffffffb3;border:1px solid #6d3bd51a;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:10px 12px;font-weight:600}.sound-row.selected{border-color:#d4af3799;box-shadow:0 0 0 2px #d4af3733}.sound-left{align-items:center;gap:10px;display:flex}.sound-row input{width:auto;box-shadow:none}.sound-actions{align-items:center;gap:6px;display:flex}.sound-actions .ghost-btn{padding:8px 12px;line-height:1;text-decoration:none}.app-footer{text-align:center;justify-items:center;gap:12px;padding:6px 0 2px;display:grid}.credit{color:#ffffffd9;letter-spacing:.04em;text-shadow:0 1px 8px #0009;font-size:.82rem}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:4px;padding:4px;display:grid;position:sticky;bottom:10px;box-shadow:0 18px 40px #49308424}.nav-btn{font:inherit;color:#7a5a1e;background:0 0;border:0;border-radius:999px;padding:5px 6px;font-size:.8rem;font-weight:700}.nav-btn.active{color:#eccd7c;text-shadow:0 1px 5px #d4af374d;background:linear-gradient(135deg,#1c1622,#08060c);border:1px solid #d4af3780}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.app-shell{padding:12px}.hero-card,.panel{padding:16px}.hero-highlights,.two-cols{grid-template-columns:1fr}.preview-header{flex-direction:column;align-items:flex-start}}