:root{color:#1d1b20;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f5fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}body{min-height:100dvh}.app-shell{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));place-items:center;display:grid}.phase-card{background:#fff;border:1px solid #e2dfe7;border-radius:1.25rem;width:min(100%,28rem);padding:2rem;box-shadow:0 12px 32px #2b223914}.eyebrow,.phase-label,.status{margin:0}.eyebrow{color:#746b7e;letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:600}h1{letter-spacing:-.05em;margin:.75rem 0 .25rem;font-size:clamp(2.5rem,11vw,4rem);line-height:1.1}.phase-label{color:#746b7e;font-size:1rem}.status{color:#3f3950;margin-top:2rem;font-size:1.125rem}.network-status{border-radius:999px;margin:.75rem 0 0;padding:.25rem .6rem;font-size:.875rem;font-weight:600;display:inline-flex}.network-status.online{color:#17623b;background:#e8f7ee}.network-status.offline{color:#8a4013;background:#fff0e7}.primary-link,button{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:#62527a;border:0;border-radius:.75rem;justify-content:center;align-items:center;padding:.625rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.primary-link{margin-top:1.5rem}.storage-card{max-width:34rem}.note-form{gap:.6rem;margin-top:2rem;display:grid}.note-form label,.section-heading h2{font-size:1rem;font-weight:700}textarea{resize:vertical;width:100%;color:inherit;font:inherit;background:#fff;border:1px solid #cfc9d6;border-radius:.75rem;padding:.75rem}.note-form button{justify-self:start}.records{border-top:1px solid #e2dfe7;margin-top:2rem;padding-top:1.25rem}.section-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-heading h2{margin:0}.section-heading span,.empty-state{color:#746b7e}.note-list{gap:.75rem;margin:1rem 0;padding:0;list-style:none;display:grid}.note-list li{background:#f7f5fa;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex}.note-list p{overflow-wrap:anywhere;margin:0}.text-button{color:#62527a;background:0 0;min-height:auto;padding:.35rem .5rem}.danger-button{color:#8f1d1d;background:#feecec;width:100%;margin-top:1rem}.backup-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.secondary-button{color:#514464;background:#eeeaf4}.feedback{margin:1rem 0 0}.error{color:#a01b1b}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,.primary-link:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #9e8cba}