:root{--navy:#082c38;--navy2:#0e3b45;--green:#123f32;--gold:#c9a461;--cream:#f7f1e7;--paper:#fffaf2;--ink:#102b32;--muted:#718083;--line:#e8dfd2;--shadow:0 18px 50px rgba(8,44,56,.12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100dvh;display:flex;justify-content:center}.phone{width:min(100%,520px);min-height:100dvh;background:linear-gradient(180deg,#fbf6ed 0%,#f7f1e7 100%);position:relative;overflow:hidden;padding:env(safe-area-inset-top) 22px calc(94px + env(safe-area-inset-bottom))}.phone.dark{background:radial-gradient(circle at 80% 10%,#174a50 0,#0b3440 38%,#062834 100%);color:#fff}.top{display:flex;align-items:center;justify-content:space-between;padding:20px 0 12px}.brand{display:flex;align-items:center;gap:10px}.mark{width:36px;height:42px;position:relative;display:inline-block}.mark:before{content:"A";font:700 42px/1 Georgia,serif;color:var(--gold);position:absolute}.brand-name{letter-spacing:.28em;font-size:15px}.serif{font-family:Georgia,"Times New Roman",serif}.hero{padding:42px 0 18px}.hero h1{font:500 clamp(36px,10vw,54px)/1.02 Georgia,serif;margin:0 0 16px;letter-spacing:-.035em}.hero p{line-height:1.55;color:rgba(255,255,255,.75);max-width:380px}.card{background:rgba(255,250,242,.97);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:20px;color:var(--ink);box-shadow:var(--shadow)}.field{width:100%;min-height:128px;border:1px solid var(--line);background:#fffaf5;border-radius:18px;padding:18px;resize:none;outline:none;font-size:17px;line-height:1.45}.field:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,164,97,.15)}.btn{width:100%;border:0;border-radius:16px;padding:17px 18px;font-weight:750;letter-spacing:.04em}.btn.primary{background:var(--navy);color:#fff}.dark .btn.primary{background:#f7f1e7;color:var(--navy)}.btn.secondary{background:#eee7dd;color:var(--ink)}.btn.ghost{background:transparent;border:1px solid var(--line);color:inherit}.stack{display:grid;gap:12px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.quick .btn{font-size:12px;padding:14px 10px}.small{font-size:13px;color:var(--muted)}.dark .small{color:rgba(255,255,255,.68)}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);font-weight:800}.progress{height:5px;background:rgba(255,255,255,.16);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold);border-radius:99px}.step-card{margin-top:24px}.step-card h2{font:500 31px/1.08 Georgia,serif;margin:14px 0}.time{display:flex;gap:8px;align-items:center;color:#8a6a32;margin:18px 0}.nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:rgba(250,246,239,.92);backdrop-filter:blur(18px);border-top:1px solid rgba(8,44,56,.08);display:flex;justify-content:space-around}.nav button{border:0;background:none;color:#647478;font-size:11px}.nav button b{display:block;font-size:20px;margin-bottom:3px;color:var(--navy)}.back{border:0;background:none;font-size:26px;color:inherit;padding:6px}.choice{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:#fffaf5;border-radius:999px;padding:10px 14px}.pill.active{background:var(--navy);color:#fff;border-color:var(--navy)}.done{font-size:72px;color:var(--green);margin:20px 0 4px}.center{text-align:center}.list{display:grid;gap:10px;margin:18px 0}.item{padding:14px 16px;background:#fffaf5;border:1px solid var(--line);border-radius:16px}.modal{position:fixed;inset:0;background:rgba(2,21,27,.55);display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:min(100%,520px);background:var(--cream);border-radius:28px 28px 0 0;padding:24px 22px calc(24px + env(safe-area-inset-bottom));max-height:85dvh;overflow:auto}.sheet h2{font:500 30px/1.1 Georgia,serif}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#102b32;color:#fff;padding:12px 16px;border-radius:12px;z-index:30;font-size:13px}.splash{min-height:100dvh;background:radial-gradient(circle at 70% 20%,#174a50,#082c38 50%,#05232d);display:grid;place-items:center;color:#fff;text-align:center;padding:30px}.splash .logo{font:500 42px Georgia,serif;letter-spacing:.26em;color:#ead3a3}.splash p{font:18px Georgia,serif;color:#f7f1e7}.install{margin-top:16px;border-top:1px solid rgba(255,255,255,.14);padding-top:14px}.hidden{display:none}@media(min-width:700px){body{background:#e8dfd2}.phone{box-shadow:0 0 80px rgba(8,44,56,.16)}}
.onboard{width:min(100%,420px)}.onboard h1{font:500 38px/1.04 Georgia,serif;margin:36px 0 14px}.onboard .btn{margin-top:28px}.dots{display:flex;justify-content:center;gap:7px;margin-top:28px}.dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25)}.dots i.active{width:24px;border-radius:99px;background:var(--gold)}.hero.compact{padding-top:28px}.first-step{margin-top:14px;padding:16px;border-left:3px solid var(--gold);background:#fffaf5;border-radius:0 14px 14px 0;display:grid;gap:6px}.first-step small,.mini-label{font-size:12px;color:var(--muted);letter-spacing:.04em}.mode-card{width:100%;margin-top:12px;border:1px solid rgba(201,164,97,.45);background:rgba(201,164,97,.08);color:inherit;border-radius:18px;padding:16px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.mode-card span{font-weight:800;font-size:12px;letter-spacing:.08em}.mode-card small{grid-column:1;color:rgba(255,255,255,.66);line-height:1.35}.mode-card b{grid-row:1/3;grid-column:2;align-self:center;color:var(--gold);font-size:22px}.step-meta{display:flex;justify-content:space-between;margin-top:14px;font-size:13px;color:rgba(255,255,255,.72)}.urgent-badge{display:inline-block;margin-top:18px;padding:8px 10px;border:1px solid rgba(201,164,97,.45);border-radius:999px;color:#ead3a3;font-size:10px;font-weight:800;letter-spacing:.1em}.reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.reason-grid button{border:1px solid var(--line);background:#fffaf5;border-radius:14px;padding:14px;text-align:left;color:var(--ink)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stats div{background:var(--navy);color:#fff;border-radius:20px;padding:18px;display:grid}.stats strong{font:500 34px Georgia,serif;color:#ead3a3}.stats span{font-size:12px;opacity:.72}.settings-title{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a6a32;margin-top:10px}.switch{display:flex;justify-content:space-between;align-items:center}.switch input{width:20px;height:20px;accent-color:var(--navy)}.danger{opacity:.65}.done-hero{padding-top:52px}
.loader{display:flex;justify-content:center;gap:8px;margin:28px 0}.loader i{width:9px;height:9px;border-radius:50%;background:var(--gold);animation:pulse 1s infinite ease-in-out}.loader i:nth-child(2){animation-delay:.15s}.loader i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}
.auth-wrap{min-height:100vh;padding:72px 24px 36px;display:flex;flex-direction:column;justify-content:center}.auth-brand{justify-content:center;margin-bottom:34px}.auth-wrap h1{font-family:Georgia,serif;font-size:42px;line-height:1.04;margin:10px 0 12px;text-align:center}.auth-wrap>p{text-align:center;color:rgba(255,255,255,.74)}.auth-card{margin-top:24px;background:#f8f3ea;color:#12343d}.auth-card .field{background:white}.auth-msg{min-height:20px;color:#8b3d32;font-size:14px;text-align:center}.auth-foot{text-align:center!important;margin-top:24px;font-size:13px;letter-spacing:.04em}.auth-card .small{margin:0 0 6px;color:#607177}
