:root{--surface:#FAF8F5;--container:#F0ECE6;--on-surface:#1C1B19;--on-variant:#4A4640;--outline:#7A746B;--brand:#107ACA;--cta:#A34A00;--field:#E3EEF8;--ease:cubic-bezier(.2,0,0,1);}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}body{font-family:Roboto,system-ui,-apple-system,"Segoe UI Variable",sans-serif;background:var(--surface);color:var(--on-surface);min-height:100dvh;-webkit-font-smoothing:antialiased;}.screen{min-height:100dvh;display:flex;flex-direction:column;background:var(--surface);max-width:480px;margin:0 auto;}.appbar{display:flex;align-items:center;gap:12px;height:64px;padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));margin-top:env(safe-area-inset-top);}.appbar .nav{width:48px;height:48px;display:grid;place-items:center;color:var(--on-surface);flex:none;margin-left:-8px}.appbar img{width:40px;height:40px;border-radius:50%;flex:none}.appbar .name{font-size:clamp(1.25rem,1.2rem + 0.2vw,1.375rem);line-height:28px;font-weight:400;letter-spacing:0}.head{padding:4px 24px 12px}h1{font-size:clamp(1.75rem,1.6rem + 0.6vw,2rem);line-height:1.3;font-weight:400;letter-spacing:0}.lead{margin-top:8px;font-size:clamp(0.875rem,0.85rem + 0.1vw,0.9375rem);line-height:20px;color:var(--on-variant);letter-spacing:.25px}.group{margin:0 16px;background:var(--container);border-radius:28px;overflow:hidden}.label{padding:16px 24px 4px;font-size:.875rem;line-height:20px;font-weight:500;color:#0B5E9E;letter-spacing:.1px}.row{position:relative;display:flex;align-items:center;gap:16px;min-height:72px;padding:8px 24px;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;}.row::before{content:"";position:absolute;inset:0;background:var(--on-surface);opacity:0;transition:opacity .2s var(--ease);pointer-events:none}.row:active::before{opacity:.1}@media (hover: hover){.row:hover::before{opacity:.08}}.row .txt{flex:1;min-width:0}.row .t{font-size:1rem;line-height:24px;letter-spacing:.5px}.row .s{font-size:.875rem;line-height:20px;color:var(--on-variant);letter-spacing:.25px}.switch{position:relative;flex:none;width:52px;height:32px;border-radius:16px;background:var(--container);border:2px solid var(--outline);transition:background-color .1s linear,border-color .1s linear;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer;}.switch::after{content:"";position:absolute;inset:-8px -2px}.switch[aria-checked="true"]{background:var(--brand);border-color:var(--brand)}.switch:focus-visible{outline:3px solid var(--on-surface);outline-offset:3px}.thumb{position:absolute;top:50%;left:0;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:var(--outline);display:grid;place-items:center;will-change:transform;}.switch[aria-checked="true"] .thumb{background:#fff}.thumb svg{width:16px;height:16px;opacity:0;transition:opacity .1s linear}.switch[aria-checked="true"] .thumb svg{opacity:1}.divider{height:1px;background:#DDD6CC;margin:0 24px}.detail{padding:4px 0 12px}.item{display:flex;gap:16px;padding:6px 24px;align-items:flex-start}.item i{flex:none;width:24px;height:24px;color:var(--on-variant);margin-top:2px;display:block}.item i svg{width:24px;height:24px;display:block}.item .t{font-size:1rem;line-height:24px;letter-spacing:.5px}.item .s{font-size:.875rem;line-height:20px;color:var(--on-variant);letter-spacing:.25px}.item.go{animation:fill .32s var(--ease) both}.item.go:nth-child(2){animation-delay:.04s}.item.go:nth-child(3){animation-delay:.08s}.item.go:nth-child(4){animation-delay:.12s}@keyframes fill{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.off{padding:14px 24px 18px;font-size:.875rem;line-height:20px;color:var(--on-variant);letter-spacing:.25px}.spacer{flex:1;min-height:16px}.actions{position:sticky;bottom:0;background:var(--surface);padding:12px 16px calc(16px + env(safe-area-inset-bottom));}.cta{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;border-radius:28px;background:var(--cta);color:#fff;text-decoration:none;font-size:1rem;font-weight:500;letter-spacing:.1px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 2px rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15);}.cta::before{content:"";position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .2s var(--ease)}.cta:active::before{opacity:.12}@media (hover: hover){.cta:hover::before{opacity:.08}}.cta:focus-visible{outline:3px solid var(--on-surface);outline-offset:3px}.cta span{position:relative}.cta svg{position:relative;width:20px;height:20px}footer{padding:8px 24px calc(20px + env(safe-area-inset-bottom));font-size:.75rem;line-height:16px;color:var(--on-variant);text-align:center;letter-spacing:.4px}@media (min-width:600px){body{background:var(--field);display:grid;place-items:center;padding:32px 16px}.screen{min-height:0;width:440px;border-radius:28px;overflow:clip;box-shadow:0 2px 6px 2px rgba(16,40,70,.08),0 1px 2px rgba(16,40,70,.15)}.appbar{height:80px}.appbar img{width:56px;height:56px}.actions{position:static}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}