.alert-app{--paper:#f7f6f2;--surface:#fffefa;--ink:#202824;--muted:#536057;--line:#d6d9ce;--red:#9c3526;box-sizing:border-box;max-width:760px;min-height:100vh;margin:auto;padding:calc(20px + env(safe-area-inset-top)) 22px calc(70px + env(safe-area-inset-bottom));color:var(--ink)}.alert-app *{box-sizing:border-box}.alert-app :focus-visible{outline:3px solid var(--red);outline-offset:3px}.app-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--ink)}.mini-brand{display:flex;align-items:center;gap:8px;color:var(--ink);font:600 20px "Fraunces",Georgia,serif;text-decoration:none}.mini-brand svg{width:20px;height:24px;color:var(--red)}.connection{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.connection i{width:8px;height:8px;border-radius:50%;background:#858a85}.connection.live i{background:#38834c;box-shadow:0 0 0 4px rgba(56,131,76,.12)}.app-intro{padding:44px 0 38px}.app-intro h1{margin:0;max-width:650px;font:500 clamp(42px,10vw,68px)/1 "Fraunces",Georgia,serif;letter-spacing:-.035em}.app-intro>p:first-of-type{max-width:580px;margin:20px 0;color:var(--muted);font-size:18px}.enable{width:100%;min-height:56px;margin-top:8px;border:0;background:var(--red);color:#fff;font-weight:700;cursor:pointer}.enable:disabled{background:#827873;cursor:wait}.permission-note{margin:12px 0 0!important;color:#6b756e!important;font-size:12px!important}.setup,.current{border-top:1px solid var(--ink);padding:30px 0}.setup h2,.current h2,.app-explain h2{margin:0;font:500 29px "Fraunces",Georgia,serif}.setting{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.setting strong,.setting span{display:block}.setting>div>span{max-width:510px;margin-top:4px;color:var(--muted);font-size:13px}.setting select{min-width:100px;height:42px;border:1px solid #9ba49d;background:var(--surface);color:var(--ink);padding:0 8px}.switch{position:relative;flex:0 0 auto}.switch input{position:absolute;opacity:0}.switch>span{width:48px;height:28px;border-radius:999px;background:#a9aea9;padding:3px;cursor:pointer}.switch>span:after{content:"";display:block;width:22px;height:22px;border-radius:50%;background:white;transition:transform .2s ease}.switch input:checked+span{background:#355b45}.switch input:checked+span:after{transform:translateX(20px)}.switch input:focus-visible+span{outline:3px solid var(--red);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.current>header{display:flex;align-items:center;justify-content:space-between}.current>header button{border:0;background:none;color:#294e40;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.current>header button:disabled{color:#8a8f8b}.status-panel{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:center;margin-top:20px;padding:22px;background:var(--surface);border:1px solid var(--line)}.status-panel svg{width:54px;color:#66736b}.status-panel strong{font:500 21px "Fraunces",Georgia,serif}.status-panel p{margin:5px 0 0;color:var(--muted);font-size:13px}.alert-card{margin-top:12px;padding:18px;background:#f5e7e3;border-top:1px solid var(--red)}.alert-card strong{font:600 20px "Fraunces",Georgia,serif}.alert-card p{margin:6px 0 0;color:#653127;font-size:13px}.app-explain{display:grid;grid-template-columns:1fr 1fr;gap:34px;border-top:1px solid var(--ink);padding-top:30px}.app-explain p{color:var(--muted);font-size:14px;line-height:1.65}@media(max-width:560px){.alert-app{padding-left:17px;padding-right:17px}.app-head{align-items:flex-start}.app-intro{padding-top:34px}.app-explain{grid-template-columns:1fr;gap:18px}.setting{align-items:flex-start}.status-panel{grid-template-columns:44px 1fr;padding:17px}.status-panel svg{width:44px}}