/* Premium Caribbean jewel layer */
:root{--premium-navy:#032f3c;--premium-teal:#008c91;--premium-cyan:#20d0c8;--premium-coral:#ff675d;--premium-mango:#ffb62e;--premium-gold:#ffd96a;--premium-violet:#6d42c7}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 8% 10%,#20d0c844 0 10%,transparent 28%),radial-gradient(circle at 96% 28%,#ff675d3d 0 9%,transparent 25%),linear-gradient(145deg,#fff8db,#e8fffb 42%,#fff1e9)}
.language-dock{position:fixed;top:14px;right:76px;z-index:40;display:flex;grid-template-columns:auto 1fr;align-items:center;gap:.35rem;padding:.38rem .5rem;border:1px solid #ffffffaa;border-radius:999px;background:#ffffffc9;box-shadow:0 8px 30px #003b5140;backdrop-filter:blur(16px)}.language-dock select{border:0;background:transparent;padding:.25rem .4rem;width:auto;font-size:.78rem;font-weight:850;color:var(--premium-navy);box-shadow:none}
header{box-shadow:0 8px 30px #005c6712;border-bottom:1px solid #fff}.brand .mark{box-shadow:inset 0 0 0 1px #ffffff66,0 9px 25px #00727b42}.avatar{background:linear-gradient(145deg,var(--premium-mango),var(--premium-coral));color:#fff;box-shadow:0 7px 20px #ff675d3a}
.card,.auth-card{border:1px solid #ffffffcc;box-shadow:0 18px 55px #005b6720, inset 0 1px #fff}.auth-card{background:linear-gradient(145deg,#ffffffee,#f4fffcdd);backdrop-filter:blur(20px)}.welcome .mark{background:linear-gradient(145deg,var(--premium-violet),var(--premium-teal))}.welcome h1,.greeting h1,.page>h1,.section h2{letter-spacing:-.035em;text-wrap:balance}
.checkin{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f2fffc);border-top:0}.checkin:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(var(--premium-coral),var(--premium-mango),var(--premium-cyan))}.quick button{border:1px solid #b6e9df;background:linear-gradient(#fff,#effcf9);box-shadow:0 5px 14px #007b8410}.primary{background:linear-gradient(120deg,var(--premium-navy),var(--premium-teal) 58%,#05a7a3);box-shadow:0 10px 24px #00747c38;transition:.2s}.primary:hover,.sun-button:hover{transform:translateY(-2px);filter:saturate(1.15)}
.summary{background:linear-gradient(135deg,#fff 40%,#e6fbf6);border-bottom:5px solid var(--premium-cyan)}.plan-item{border:1px solid #d3eee8;box-shadow:0 10px 32px #005d6813}.plan-item .initial{background:linear-gradient(135deg,var(--premium-gold),#ff9873);color:var(--premium-navy)}.grid-two article{border:0;box-shadow:0 15px 40px #0048541f}.tint{background:linear-gradient(145deg,#4ad5b7,#98efd5)}.warm{background:linear-gradient(145deg,#ffad58,#ffd175)}
.voice-launch{background:linear-gradient(120deg,var(--premium-violet),var(--premium-teal) 56%,var(--premium-cyan));box-shadow:0 18px 50px #5131a83d;border:1px solid #ffffff66}.claim-section{background:linear-gradient(145deg,#fff6d2,#ffe2d1 50%,#e2fff8);border:1px solid #fff;box-shadow:0 20px 55px #a04f2420}.sun-button{background:linear-gradient(135deg,var(--premium-gold),var(--premium-mango));box-shadow:0 8px 20px #ffae2440}.flyer-link{background:linear-gradient(125deg,var(--premium-coral),#ff9a4a,var(--premium-mango));box-shadow:0 16px 45px #f25d4538}
.voice-page{background:linear-gradient(180deg,var(--premium-navy) 0,#006f7d 19%,var(--premium-cyan) 36%,#fff9e9 36%)}.voice-hero{position:relative;overflow:hidden}.voice-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(#fff3 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(#000,transparent)}.voice-hero>*{position:relative}.voice-orb{background:radial-gradient(circle at 32% 25%,#fff 0 3%,#ffe179 6% 20%,#ff675d 42%,#8c46e8 67%,#007e98 100%);box-shadow:0 0 0 14px #ffffff21,0 25px 65px #001e4859}.mic-main{background:linear-gradient(145deg,var(--premium-gold),var(--premium-mango));box-shadow:0 12px 35px #ffad344f}.bubble.assistant{border:1px solid #fff;box-shadow:0 14px 38px #004b571c}.bubble.user{background:linear-gradient(135deg,#ffd96a,#ffae6b)}
nav{top:72px;bottom:auto;height:74px;padding:7px max(10px,env(safe-area-inset-left)) 8px;background:linear-gradient(110deg,#032f3c,#006f79 55%,#008f91);box-shadow:0 12px 34px #002d3845;border:0;z-index:25}nav button{min-width:64px;min-height:56px;color:#fff;opacity:.86;border-radius:15px;font-weight:800;transition:.2s}nav button span{color:var(--premium-gold);font-size:1.45rem}nav button:hover{background:#ffffff16;opacity:1}nav button.active{color:var(--premium-navy);background:linear-gradient(145deg,var(--premium-gold),var(--premium-mango));border-radius:15px;box-shadow:0 7px 18px #001e2c55;opacity:1}nav button.active span{color:var(--premium-navy)}.app-main{padding-top:6.9rem;padding-bottom:3rem}.voice-compose{bottom:0}.voice-page{padding-bottom:2rem}
@media(max-width:650px){header{padding:0 10px}.language-dock{top:15px;right:59px;padding:.3rem .4rem}.language-dock select{max-width:112px;font-size:.73rem}.auth-shell{padding-top:4.5rem}header .brand small,header .brand span:last-child{display:none}.brand{gap:0}.app-main{padding-top:6rem;padding-left:.85rem;padding-right:.85rem;padding-bottom:2rem}.voice-page{margin-top:-6rem;padding-top:3.2rem}.greeting h1,.page>h1{font-size:clamp(2rem,10vw,3rem)}nav{height:68px;padding:6px 5px}nav button{width:20%;min-width:0;min-height:54px;font-size:.66rem;padding:.35rem .15rem}nav button span{font-size:1.25rem}.checkin{padding:.75rem}.form-row{gap:.45rem}.family-heading{align-items:flex-start}.family-heading .primary{padding:.65rem .75rem}.member{padding:.85rem}.edit-member{padding:.5rem .7rem}}
.family-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.7rem 0 .8rem}.family-heading h2{margin:0}.member{position:relative;overflow:hidden}.member:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--premium-coral),var(--premium-gold),var(--premium-teal))}.member-copy{flex:1}.member-copy em{display:block;margin-top:.35rem;color:#087a70;font-size:.78rem;font-style:normal;font-weight:800}.edit-member{border:1px solid #b9e4dd;border-radius:999px;background:#effcf9;color:#075d5a;padding:.55rem .85rem;font-weight:800}.check-label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;padding:.8rem 1rem;border-radius:14px;background:#f0fbf8}.check-label input{width:auto;accent-color:var(--premium-teal)}
@media(max-width:760px) and (min-width:651px){header{padding:0 10px}.language-dock{top:15px;right:59px;padding:.3rem .4rem}.language-dock select{max-width:112px;font-size:.73rem}header .brand small,header .brand span:last-child{display:none}.app-main{padding-top:6rem;padding-left:.85rem;padding-right:.85rem}.voice-page{margin-top:-6rem;padding-top:3.2rem}nav{height:68px;padding:6px 5px}nav button{width:20%;min-width:0;min-height:54px;font-size:.66rem;padding:.35rem .15rem}nav button span{font-size:1.25rem}}
nav{background:linear-gradient(110deg,#032f3c,#005f68 55%,#007277)}
.password-field{position:relative;display:block}.password-field input{padding-right:3.3rem}.password-toggle{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:12px;background:#e8f8f4;color:var(--premium-navy);display:grid;place-items:center;font-size:1.2rem;font-weight:900;box-shadow:inset 0 0 0 1px #b7e4db;transition:.18s}.password-toggle:hover,.password-toggle:focus-visible{background:var(--premium-gold);outline:3px solid #008c9140}.password-toggle.visible span{opacity:.48;text-decoration:line-through}.password-toggle:active{transform:translateY(-50%) scale(.96)}
.account-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.account-actions .danger-text{margin-left:auto}@media(max-width:650px){.account-actions{display:grid}.account-actions button{width:100%;margin:0}}