:root{color-scheme:light;--page:#f0efe9;--paper:#faf9f4;--ink:#252d2d;--muted:#5f6a67;--muted2:#7a8580;--line:#d3d2c8;--accent:#8a652f;--accent-soft:#eee6d6;--error:#a84d46}
*{box-sizing:border-box}[hidden]{display:none!important}
html,body{margin:0;min-height:100%;background:var(--page);color:var(--ink);font:14px/1.6 "IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100svh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.basis-mark{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid var(--accent);color:var(--accent);font:600 9px/1 "IBM Plex Mono",monospace;letter-spacing:-.08em;flex:none}
.skip{position:absolute;top:-80px;left:16px;z-index:5;padding:10px;background:var(--paper)}.skip:focus{top:8px}
header{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line)}header .brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;letter-spacing:-.03em}header nav{display:flex;align-items:center;gap:22px}header nav a{color:var(--muted);font-size:12px}header nav a:hover{color:var(--ink)}
main{width:min(100% - 40px,520px);margin:48px auto 40px}.intro{padding-bottom:21px;border-bottom:1px solid var(--line);margin-bottom:22px}.intro h1{margin:0 0 7px;font-size:31px;line-height:1.15;font-weight:500;letter-spacing:-.055em}.intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
#loading,#error{margin:16px 0;color:var(--muted);font-size:13px}#error{padding:11px 12px;border-left:2px solid var(--error);background:#f2e2df;color:#713832}#retry{margin:7px 0}
.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:0}.tabs button{min-height:42px;flex:1;padding:9px 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:12px;white-space:nowrap}.tabs button[aria-current=page]{border-bottom-color:var(--accent);color:#4e3b20}
#form-title{margin:20px 0 3px;font-size:20px;font-weight:600;letter-spacing:-.035em}#form-help{margin:0 0 17px;color:var(--muted);font-size:12px}
form label{display:block;margin:14px 0 6px;color:#46524d;font-size:11px;font-weight:600}input:not([type=checkbox]){display:block;width:100%;min-height:42px;padding:9px 10px;border:1px solid #c9c9bf;border-radius:2px;background:var(--paper);color:var(--ink);font-size:14px}input::placeholder{color:var(--muted2)}.hint{margin:5px 0 8px;color:var(--muted2);font-size:11px;line-height:1.55}
#show-password,.secondary{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:2px;background:transparent;color:#3e4a44;font-size:11px}#show-password{border-color:transparent;padding-inline:0;color:var(--muted)}#submit,#continue{display:block;width:100%;min-height:43px;margin-top:13px;padding:10px 14px;border:1px solid #252d2d;border-radius:2px;background:#252d2d;color:#faf9f4;font-size:12px;font-weight:600}#submit:hover,#continue:not(:disabled):hover{background:#44524b}
#verification-field{margin:14px 0;padding:13px;border:1px solid var(--line);background:var(--paper)}#verification-field label{margin-top:10px}#send-status{margin:8px 0;color:var(--muted);font-size:11px}#activate-trial{min-height:40px;margin-top:12px;padding:9px 14px;border:0;background:var(--ink);color:var(--paper);font-weight:600}
#profile-verify button{margin-top:10px}#profile-send-status{margin:8px 0;color:var(--muted);font-size:11px}#profile-verify label{display:block;margin:12px 0 5px;font-size:11px;font-weight:600}
#send-status.unavailable{padding:10px 12px;border-left:2px solid var(--accent);background:var(--accent-soft);color:#574226;font-size:12px}
#recovery-result h2,#account h2{margin:22px 0 8px;font-size:20px;font-weight:600;letter-spacing:-.035em}#recovery-result>p,#account>p{color:var(--muted);font-size:12px;line-height:1.7}#new-code{display:block;margin:16px 0;padding:15px;border:1px solid var(--line);background:#e8e7df;color:var(--ink);font:15px/1.8 "IBM Plex Mono",monospace;overflow-wrap:anywhere;user-select:all}.check{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:12px}.check input{width:18px;height:18px;accent-color:var(--accent)}#copy-status{min-height:20px;color:var(--muted);font-size:11px}
dl{display:grid;grid-template-columns:1fr 1.25fr;gap:11px 15px;margin:19px 0}dt{color:var(--muted);font-size:11px}dd{margin:0;overflow-wrap:anywhere;font-size:12px}.notice{margin-top:22px;padding:14px 0;border-block:1px solid var(--line)}.notice h3{margin:0 0 5px;font-size:12px}.notice p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.actions>*{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:9px 12px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--ink);font-size:11px}.actions .primary{border-color:#252d2d;background:#252d2d;color:#faf9f4}.actions button{font:inherit}.actions .secondary{font-size:11px}
footer{margin-top:29px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted2);font-size:10px;line-height:1.6}noscript{display:block;margin-top:16px;color:var(--muted)}
@media(max-width:550px){header{height:59px;padding-inline:16px}main{width:calc(100% - 32px);margin:31px auto}.intro h1{font-size:28px}.tabs button{font-size:12px;padding-inline:5px}dl{grid-template-columns:1fr;gap:4px;margin:17px 0}dd{margin-bottom:10px}.actions>*{width:100%}}
.telegram-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.telegram-actions>*{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:11px;text-align:center}.telegram-actions>#telegram-enable{border-color:var(--ink);background:var(--ink);color:var(--paper)}#telegram-state{font-weight:600!important;color:var(--ink)!important}#telegram-detail{margin:7px 0!important}#telegram-settings{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}#telegram-settings .check{margin:8px 0 16px}#telegram-exchanges{width:100%;min-height:136px;padding:5px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}#telegram-exchanges option{padding:3px 7px}#telegram-settings button[type=submit]{margin-top:14px}#telegram-delivery{margin-top:16px!important}
@media(max-width:550px){.telegram-actions>*{flex:1 1 145px}}
