:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;background:#101312;color:#d9dbd7;--panel:#1a1f1c;--line:#39413c;--muted:#858d87;--sage:#9eaaa1}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:#101312}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,textarea{font:inherit}.screen{display:none;min-height:100dvh;padding:24px;position:relative;overflow:hidden}.screen.active{display:flex;flex-direction:column}.intro{justify-content:flex-end}.mark{position:absolute;top:34px;left:28px;font-size:21px;letter-spacing:.02em}.intro:before{content:"";position:absolute;width:320px;height:320px;border:1px solid #2c332f;border-radius:50%;top:90px;right:-135px;box-shadow:0 0 100px #1b211e}.intro-copy{margin-bottom:46px;position:relative}.eyebrow{font-size:12px;letter-spacing:.14em;color:#869089;margin:0 0 14px;font-weight:600}.intro h1,.setup h1,.ready h1,.check h1,.repair h1,.pay h1,.making h1{font-size:36px;line-height:1.06;letter-spacing:-.035em;font-weight:520;margin:0 0 18px}.intro-copy>p:last-child,.support,.ready-copy>p:last-child,.pay-copy>p{color:#929a94;font-size:17px;line-height:1.42;margin:0;max-width:330px}.primary{border:0;border-radius:18px;min-height:64px;background:#d2d6d1;color:#111412;font-weight:600;font-size:17px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.text-button{background:none;border:0;color:#7f8881;min-height:45px}.intro>.text-button{text-align:center;margin-top:5px}.topline{display:flex;justify-content:space-between;align-items:center;color:#7e8780;font-size:12px;letter-spacing:.1em;min-height:40px;margin-bottom:34px}.back{font-size:14px;letter-spacing:0}.setup h1{font-size:34px}.setup .support{font-size:16px}.cards{display:grid;gap:10px;margin-top:28px}.choice{min-height:78px;border:1px solid #343b37;border-radius:17px;background:#181c1a;color:#cdd1cc;display:flex;align-items:center;text-align:left;padding:11px 14px;gap:13px}.choice.selected,.tone-scale button.selected{border-color:#7f8b82;background:#202622}.choice span{display:flex;flex-direction:column;gap:5px;flex:1}.choice b,.tone-scale b{font-weight:550}.choice small,.tone-scale small{color:#858d87;font-size:13px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#c0c8c1;background:#2c342f}.avatar.grounded{background:#343632}.avatar.firm{background:#30353a}.playmini{font-style:normal;color:#89928b;font-size:12px}.bottom{margin-top:auto}.tone-scale{display:grid;gap:11px;margin-top:34px}.tone-scale button{border:1px solid #343b37;border-radius:17px;background:#181c1a;color:#cdd1cc;text-align:left;padding:19px;display:flex;flex-direction:column;gap:7px}.setup label{font-size:13px;color:#949c96;display:block;margin-top:22px}.setup textarea{width:100%;resize:none;border:1px solid #38403b;border-radius:15px;background:#181c1a;color:#d5d8d4;padding:15px;margin-top:8px;font-size:16px;line-height:1.3;outline:none}.setup textarea:focus{border-color:#839087}.making{align-items:center;justify-content:center;text-align:center}.pulse-logo{width:105px;height:105px;border-radius:50%;background:#202622;border:1px solid #59635c;display:grid;place-items:center;font-size:38px;margin-bottom:38px;animation:pulse 2s ease-in-out infinite}.making h1{font-size:30px}.making p{color:#7f8781;max-width:290px;line-height:1.4}@keyframes pulse{50%{transform:scale(1.06);box-shadow:0 0 60px #2a332d}}.ready{align-items:center}.ready .topline{width:100%;margin:0}.icon-button{border:0;background:none;color:#7d857f;font-size:18px}.ready-copy{text-align:center;margin-top:58px}.ready h1{font-size:32px}.ready-copy>p:last-child{font-size:15px}.emergency{position:relative;margin-top:42px;width:min(68vw,280px);aspect-ratio:1;border-radius:50%;border:1px solid #49524c;background:#1b201d;color:#d5d8d4;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;box-shadow:0 20px 80px #080a09}.emergency i{font-style:normal;font-size:29px;color:#a8b1aa}.emergency b{font-weight:520;font-size:23px}.ring,.whole-stop .ring{position:absolute;inset:10px;border:1px solid #303733;border-radius:50%}.offline{font-size:12px;color:#727b75;margin:28px 0 0}.repair-link{margin-top:auto;border:0;background:none;color:#7d867f;padding:18px}.repair-link span{color:#a2aaa4}.playing{padding:0}.whole-stop{width:100%;height:100dvh;background:#101312;border:0;color:#d5d8d4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;position:relative}.whole-stop .ring{width:min(72vw,300px);height:min(72vw,300px);inset:auto;border-color:#445048;animation:pulse 5s ease-in-out infinite}.whole-stop i{font-size:31px;font-style:normal}.whole-stop b{font-size:24px;font-weight:500}.whole-stop small{position:absolute;bottom:56px;color:#69716c}.skip,.close{position:absolute;right:16px;top:calc(12px + env(safe-area-inset-top));z-index:2}.check{justify-content:center}.check>div{width:100%;text-align:center}.check h1{font-size:31px}.check-choices{display:grid;gap:12px;margin-top:34px}.check-choices button{min-height:70px;border:1px solid #3a423d;border-radius:17px;background:#191e1b;color:#cfd3ce}.repair-head{margin-top:3px}.repair h1{font-size:31px}.repair-card{margin-top:25px;width:100%;border:1px solid #465048;border-radius:20px;background:#1b211d;color:#d4d7d2;display:flex;align-items:center;text-align:left;padding:19px;gap:17px}.repair-card i{width:48px;height:48px;border-radius:50%;background:#2a322d;display:grid;place-items:center;font-style:normal}.repair-card span,.paid span{display:flex;flex-direction:column;gap:5px}.repair-card small,.paid small{color:#7e8780}.say{margin-top:25px;border-top:1px solid #2e3531;padding-top:22px}.say>small{font-size:11px;letter-spacing:.1em;color:#778079}.say p{font-size:21px;line-height:1.35}.say button{border:0;background:none;color:#98a29a;padding:4px 0}.paid{margin-top:auto;border:1px solid #343c37;border-radius:17px;padding:15px;display:flex;align-items:center;gap:8px}.paid span{flex:1}.paid b{font-size:14px}.paid small{font-size:11px}.paid button{border:0;border-radius:12px;background:#d0d4cf;color:#121512;padding:10px;font-size:12px}.pay{justify-content:flex-end}.pay-copy ul{padding:0;list-style:none;color:#a8afa9;line-height:2}.pay-copy li:before{content:'✓';margin-right:10px;color:#8f9d93}.price{margin:25px 0;display:flex;align-items:baseline;gap:7px}.price b{font-size:44px}.price span{color:#7e8780}.pay>.text-button{text-align:center}.close{font-size:30px}@media(max-height:720px){.intro h1,.setup h1{font-size:31px}.cards{margin-top:16px}.choice{min-height:68px}.ready-copy{margin-top:25px}.emergency{margin-top:24px;width:230px}.repair-head h1{font-size:27px}.say p{font-size:18px}}
