@font-face{font-family:System;src:local("Arial")}
:root{font-family:Inter,System,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fafafa;background:#090909;color-scheme:dark;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button[hidden],form[hidden]{display:none}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:5px}
.masthead{height:100px;margin:0 6%;border-bottom:1px solid #262626;display:flex;align-items:center;justify-content:space-between;gap:24px}.masthead a{font-size:23px;font-weight:900;letter-spacing:-1.3px;display:flex;align-items:center;gap:6px}.brand-dot{width:6px;height:6px;border-radius:50%;background:#fff;margin-top:14px}
main{width:min(100% - 40px,520px);margin:64px auto 58px;flex:1}.intro{text-align:center;margin-bottom:36px}.profile-avatar{display:block;width:80px;height:80px;object-fit:cover;border:1px solid #333;border-radius:50%;margin:0 auto 25px;background:#000}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.5px;color:#858585;margin:0 0 16px}h1{font-size:44px;line-height:1.06;letter-spacing:-1.8px;font-weight:600;margin:0}.intro>p:last-child{font-size:14px;line-height:1.65;color:#9d9d9d;margin:20px 0 0}
.card{padding:30px;background:#111;border:1px solid #303030;border-radius:3px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}h2{font-size:15px;font-weight:600;margin:0;letter-spacing:-.2px}#connection{font-size:8px;letter-spacing:1.2px;color:#8b8b8b;text-align:right}#connection.connected{color:#eee}#preferences>label{display:block;font-size:12px;font-weight:500;margin-bottom:11px}input[type=text]{width:100%;height:49px;background:#090909;color:#fff;border:1px solid #474747;border-radius:2px;padding:0 14px;font-size:14px}input::placeholder{color:#676767}input:disabled{opacity:.72}input:focus{border-color:#fff;outline:none}input:focus-visible{outline:1px solid #fff;outline-offset:2px}.help{font-size:11px;line-height:1.5;color:#858585;margin:10px 0 26px}
#preferences>.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0;border-top:1px solid #282828;margin:0 0 24px;position:relative;cursor:pointer}.toggle-row strong{font-size:12px;font-weight:500;display:block}.toggle-row small{font-size:11px;font-weight:400;line-height:1.5;color:#858585;display:block;margin-top:6px}.toggle-row input{position:absolute;right:0;width:38px;height:23px;opacity:0;cursor:pointer}.switch{flex:none;width:38px;height:23px;background:#262626;border:1px solid #484848;border-radius:20px;transition:background .15s}.switch:after{content:"";display:block;height:15px;width:15px;border-radius:50%;background:#777;transform:translate(3px,3px);transition:transform .15s,background .15s}input:checked+.switch{background:#fff;border-color:#fff}input:checked+.switch:after{background:#111;transform:translate(18px,3px)}input:focus-visible+.switch{outline:2px solid #fff;outline-offset:5px}
.primary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f7f7;color:#111;border:1px solid #f7f7f7;border-radius:2px;width:100%;min-height:49px;padding:12px 17px;font-size:13px;font-weight:600;transition:background .15s}.primary:hover:not(:disabled){background:#d6d6d6;border-color:#d6d6d6}.primary:disabled{color:#666;background:#ccc}.primary>span:last-child{font-size:19px;font-weight:400}.message{font-size:12px;line-height:1.6;margin:15px 0 0;color:#aaa}.message:empty{display:none}.message.error{color:#fff;border-left:2px solid #fff;padding-left:10px}.text-button{background:none;color:#a4a4a4;border:none;padding:0;text-decoration:underline;text-underline-offset:4px;font-size:11px;margin-top:16px}.text-button:hover{color:#fff}.privacy{font-size:10px;line-height:1.7;color:#757575;text-align:center;margin:20px 25px 0}footer{border-top:1px solid #262626;margin:0 6%;display:flex;justify-content:space-between;gap:20px;padding:24px 0 30px;color:#666;font-size:10px}footer>span:first-child{font-weight:600;letter-spacing:1.7px}
@media(max-width:600px){.masthead{height:75px;margin:0 22px}.masthead a{font-size:21px}main{margin-top:36px;margin-bottom:35px;width:calc(100% - 36px);max-width:440px}h1{font-size:36px}.intro{margin-bottom:27px}.profile-avatar{width:72px;height:72px;margin-bottom:22px}.card{padding:24px 22px}.card-top{margin-bottom:26px}.privacy{margin:18px 10px 0}footer{margin:0 22px;font-size:9px;line-height:1.5}.toggle-row strong{font-size:11px}.toggle-row small{font-size:10px}.intro>p:last-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(min-width:801px){.masthead{height:82px}main{width:min(100% - 96px,1000px);display:grid;grid-template-columns:1fr 1.12fr;gap:20px 64px;align-content:center;align-items:center;margin:38px auto}.intro{text-align:left;margin:0}.profile-avatar{margin-left:0}.intro h1{font-size:42px}.privacy{grid-column:2;margin:0 15px}.card{padding:28px}.card-top{margin-bottom:25px}.desktop-break{display:none}footer{padding:23px 0}}

.access-note{border:1px solid #484848;border-left:2px solid #bdbdbd;background:#191919;padding:16px 18px;margin:0 0 25px;font-size:12px;line-height:1.65;color:#bdbdbd}.access-note[hidden]{display:none}.access-note>strong{display:block;color:#fff;font-size:13px;font-weight:600}.access-note p{margin:8px 0 0}.access-note a{text-decoration:underline;text-underline-offset:3px;color:#eee}.toggle-row:has(input:disabled),input:disabled{cursor:not-allowed}
.masthead .patreon-link{font-size:12px;font-weight:500;letter-spacing:0;gap:9px;padding:12px 0;color:#c6c6c6}.masthead .patreon-link:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}@media(max-width:380px){.masthead{gap:12px}.masthead .patreon-link{font-size:11px}}