:root{--muted:#626879}body{font-size:17px;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom)}.header{height:86px;gap:16px}.header .secondary{padding:10px 16px}main{max-width:760px}.intro{padding:24px 0!important;gap:10px!important}.intro h1{font-size:clamp(30px,5vw,40px)}.brand-art{max-width:220px;width:40%;height:auto}.intro-copy p{font-size:17px}.demo-label{font-size:14px;color:#626879}.main-actions{display:flex;flex-wrap:wrap;gap:12px}.main-actions button{flex:1;min-width:230px}button,select{min-height:48px;font-size:16px}button:disabled{cursor:wait;opacity:.6}.subscription{border-top:1px solid var(--line);padding:20px 0}.subscription:first-child{border:0}.subscription h3{margin-top:0}.subscription .actions{display:flex;flex-wrap:wrap;gap:10px}.subscription .actions button{flex:1;padding:10px 16px}select{width:100%;margin:12px 0;background:white;border:1px solid var(--line);border-radius:12px;padding:8px}.hint{font-size:15px;color:#626879}.product{padding:24px;margin:24px 0}#notice{overflow-wrap:anywhere}dialog{max-width:520px;width:calc(100% - 32px)}@media(max-width:600px){.intro{display:flex;flex-direction:column-reverse;text-align:center}.brand-art{width:180px}.brand{font-size:23px}.intro h1{letter-spacing:-1px}.product{padding:20px}.main-actions button{width:100%}}

#support-form label{display:block;margin:12px 0}#support-form input,#support-form textarea,#reply-form textarea{display:block;width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink)}#thread p{white-space:pre-wrap;overflow-wrap:anywhere}

#login-form input,#recovery-output{display:block;width:100%;padding:12px;margin:14px 0;font:inherit;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:10px}#recovery-output{min-height:140px}

.remember{display:flex;gap:10px;align-items:flex-start;margin:20px 0;font-size:16px}.remember input{width:22px;height:22px;flex-shrink:0}#retry{display:grid;gap:14px}#passkey-list p{overflow-wrap:anywhere}#logout,#logout-all{margin-top:14px}

.entry-shell{max-width:620px;margin:12vh auto;padding:24px}.entry-shell>a,.entry-shell>button{margin-top:16px}.account-menu{position:relative;font-size:16px}.account-menu[open]{background:white;border:1px solid var(--line);border-radius:12px;padding:10px}.account-menu button{display:block}nav{gap:14px}.balance-panel{flex-wrap:wrap;gap:20px}.balance-panel strong{font-size:32px}.header .quiet{font-size:16px}.main-actions{margin:18px 0}

.account-menu summary{white-space:nowrap;padding:8px 0}.account-menu summary::marker{font-size:12px}.header nav{flex-shrink:0}