:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07100e;--bg-2:#0d1714;--panel:#12201bc7;--panel-strong:#142520f0;--panel-soft:#ffffff0d;--line:#ffffff1c;--line-strong:#ffffff2e;--text:#f3faf7;--muted:#f3faf7bd;--accent:#67e1ad;--accent-soft:#67e1ad2e;--danger:#ff8f84;--danger-soft:#ff8f8429;--shadow:0 28px 50px #00000052;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:radial-gradient(circle at top, #67e1ad29, transparent 30%), radial-gradient(circle at bottom right, #67e1ad14, transparent 24%), linear-gradient(180deg, var(--bg), var(--bg-2));min-height:100%;color:var(--text);margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#00000038;border-radius:16px;outline:none;padding:.75rem .9rem}input:focus,select:focus,textarea:focus{border-color:#67e1ad8c;box-shadow:0 0 0 3px #67e1ad1f}textarea{resize:vertical}.app-shell{min-height:100vh;position:relative}.app-backdrop{pointer-events:none;background:linear-gradient(#00000014,#0000 24%),radial-gradient(circle,#ffffff05,#0000 56%);position:fixed;inset:0}.app-frame{max-width:980px;margin:0 auto;padding:1rem 1rem 6rem;position:relative}.app-content{gap:1rem;margin-top:1rem;display:grid}.topbar,.panel,.modal-sheet,.bottom-nav{-webkit-backdrop-filter:blur(18px)}.topbar,.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffff14,#ffffff0a)}.topbar{z-index:20;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex;position:sticky;top:.75rem}.topbar-copy{min-width:0}.topbar-date{letter-spacing:-.03em;margin-top:.15rem;font-size:1.2rem;font-weight:700}.topbar-meta{color:var(--muted);gap:.6rem;margin-top:.2rem;display:flex}.topbar-actions,.date-controls,.button-row,.chip-row,.item-actions,.dialog-actions,.attachment-actions,.meta-row{flex-wrap:wrap;gap:.65rem;display:flex}.topbar-actions{justify-content:flex-end;align-items:center}.active-toggle{border-color:#67e1ad4d}.date-input{width:10.5rem}.button,.chip{border:1px solid var(--line-strong);color:var(--text);border-radius:15px;justify-content:center;align-items:center;min-height:2.6rem;padding:.55rem .9rem;text-decoration:none;transition:all .16s;display:inline-flex}.button{background:var(--panel-soft)}.button:hover,.chip:hover{background:#ffffff1a}button:disabled{cursor:default;opacity:.52}.button.accent,.chip.active,.chip.accent{background:var(--accent-soft);border-color:#67e1ad66}.button.ghost{background:#ffffff0f}.button.danger{background:var(--danger-soft);border-color:#ff8f844d}.button.small,.chip.small{border-radius:12px;min-height:2rem;padding:.4rem .7rem}.chip{background:#ffffff0d}.eyebrow{color:#f3faf7bd;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}h1,h2,h3,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(2rem,5vw,2.7rem)}h2{letter-spacing:-.03em;font-size:1.35rem}h3{letter-spacing:-.02em;font-size:1rem}p{color:var(--muted)}.panel{border-radius:28px;gap:1rem;padding:1rem;display:grid}.panel-header{gap:.35rem;display:grid}.panel-header.split{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.stack{gap:1rem;display:grid}.stack.compact{gap:.7rem}.auth-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{align-items:flex-start;gap:1.25rem;width:100%;max-width:720px;margin:0 auto;padding:1.4rem}.auth-copy,.auth-stack,.account-stack{gap:.85rem;display:grid}.auth-copy h1{max-width:12ch;margin:0;font-size:clamp(2.2rem,5vw,3rem);line-height:.98}.auth-copy p{max-width:34rem}.auth-actions{grid-template-columns:1fr;gap:.65rem;display:grid}.auth-email-box{border:1px solid var(--line);background:#ffffff0d;border-radius:20px;gap:.75rem;padding:1rem;display:grid}.auth-trust-line,.auth-feedback{font-size:.95rem}.auth-feedback.danger{color:var(--danger)}.auth-stack .button,.auth-actions .button,.file-button{width:100%}.recovery-note,.recovery-result{border:1px solid var(--line);background:#ffffff0a;border-radius:20px;padding:.95rem 1rem}.recovery-note{gap:.25rem;display:grid}.grid{gap:.85rem;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:1px solid var(--line);background:#ffffff0d;border-radius:24px;gap:.45rem;padding:1rem;display:grid}.stat-value{letter-spacing:-.04em;font-size:2rem;font-weight:700}.stat-detail{color:var(--muted)}.toggle{border:1px solid var(--line-strong);color:var(--text);background:#ffffff14;border-radius:18px;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.toggle.active{background:var(--accent-soft);border-color:#67e1ad6b}.item-list{gap:.85rem;display:grid}.item-list.spaced{margin-bottom:.5rem}.item-card{border:1px solid var(--line);background:#00000024;border-radius:22px;gap:.9rem;padding:.95rem 1rem;display:grid}.item-card.note{background:#8ac4ff0f}.item-card.focus{border-color:#67e1ad59}.item-row{gap:.8rem;display:flex}.item-copy{gap:.55rem;width:100%;min-width:0;display:grid}.item-title-row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.item-preview,.attachment-summary{color:var(--muted)}.meta-row{gap:.45rem}.meta-chip{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:.3rem .55rem}.check-button,.note-badge{color:var(--muted);border:1px solid #ffffff2e;border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;font-size:.72rem;display:grid}.check-button{background:#ffffff0a}.check-button.checked{background:var(--accent-soft);color:var(--text);border-color:#67e1ad66;width:auto;padding:0 .6rem}.note-badge{background:#8ac4ff14;border-color:#8ac4ff2e;width:auto;padding:0 .7rem}.empty-state,.empty-inline{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:20px;padding:1rem}.empty-inline{text-align:left}.account-row{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.account-row span{color:var(--muted)}.section-summary,.form-status{color:var(--muted);font-size:.95rem}.day-result{gap:.6rem}.modal-root{z-index:60;background:#00000075;padding:1rem;position:fixed;inset:0}.modal-sheet{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:linear-gradient(#16221dfa,#0c1210fa);border-radius:28px;max-width:760px;max-height:calc(100vh - 2rem);margin:0 auto;padding:1rem;overflow:auto}.dialog-stack{gap:1rem;display:grid}.dialog-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dialog-actions.spread{justify-content:space-between}.field-stack{gap:.45rem;display:grid}.field-stack>span{color:#f3faf7e6;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.attachment-list{gap:.7rem;display:grid}.attachment-row{border:1px solid var(--line);background:#ffffff0d;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;display:flex}.attachment-name{font-weight:600}.attachment-meta{color:var(--muted)}.file-button input{display:none}.loading-panel{place-content:center;min-height:14rem}.loading-screen{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.loading-screen-card{width:100%;max-width:32rem}.bottom-nav{border:1px solid var(--line-strong);z-index:30;background:#080d0ce6;border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;width:calc(100% - 2rem);max-width:760px;padding:.55rem;display:grid;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.bottom-nav-link{color:var(--muted);border-radius:18px;justify-content:center;min-height:3rem;padding:.8rem;text-decoration:none;display:inline-flex}.bottom-nav-link.active{background:var(--accent-soft);color:var(--text);border:1px solid #67e1ad4d}@media (width>=761px){.auth-card{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.9fr);gap:1.5rem}}@media (width<=760px){.topbar,.panel,.modal-sheet{border-radius:22px}.grid.two,.grid.three{grid-template-columns:1fr}.topbar{position:static}.topbar-actions{justify-content:flex-start}.date-input{width:100%}.app-frame{padding-bottom:6.7rem}.attachment-row,.account-row,.dialog-header,.panel-header.split{flex-direction:column;align-items:stretch}.auth-actions{grid-template-columns:1fr}}
