:root{color-scheme:dark;--bg:#111216;--card:#1b1d24;--text:#f4f2ed;--muted:#a6a8b4;--border:#353741;--orange:#ff6045;--violet:#a087ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}button,input{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:#292b34;cursor:pointer;font-weight:600;text-decoration:none}button:disabled{opacity:.48;cursor:default}button:not(:disabled):hover,.button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.primary{background:var(--orange);border-color:transparent;color:#1f1612}.secondary{background:transparent}.site-header{max-width:1320px;margin:auto;padding:30px 40px;display:flex;justify-content:space-between;align-items:center}.site-header>a:last-child{color:var(--muted);font-size:13px;text-decoration:none}.brand{font-size:30px;font-weight:850;letter-spacing:-1.6px;text-decoration:none;color:var(--orange)}.brand span{color:var(--violet)}.brand i{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-left:5px}.auth-layout{max-width:1220px;display:grid;grid-template-columns:1fr 470px;gap:100px;margin:42px auto 90px;padding:24px 40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--muted);margin:0 0 14px}h1,h2,p{margin-top:0}h1{font-size:clamp(30px,3.5vw,44px);line-height:1.12;font-weight:620;letter-spacing:-1.5px;margin-bottom:22px}.auth-story h2{font-size:clamp(48px,6vw,76px);line-height:1.06;font-weight:620;letter-spacing:-3px}.auth-story em{font-style:normal;color:var(--orange)}p{color:var(--muted)}.auth-story ul{padding:0;list-style:none}.auth-story li{padding:8px 0}.auth-story li:before{content:'↗';color:var(--violet);margin-right:14px}.linked-example{background:linear-gradient(120deg,#292128,#262035);padding:28px;border-radius:22px;border:1px solid #564158;margin:30px 0;font-size:23px}.linked-example span{display:block}.linked-example span:first-child{color:#ffb5a7}.linked-example span:last-child{color:#d0c1ff}.connection{height:28px;width:100px;border-left:2px solid var(--orange);border-bottom:2px solid var(--violet);border-radius:0 0 0 16px;margin:6px 24px}.auth-card{padding:40px;background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:0 30px 90px #0003}.auth-card form button,.auth-card .google,.auth-card>.button{width:100%}.google{background:#f4f2ed;color:#202229;border-color:transparent}.google span{font-size:21px;font-weight:700;color:#396de0}label{display:block;font-size:13px;font-weight:600;color:var(--muted)}input{display:block;width:100%;background:#13151b;color:var(--text);padding:14px 16px;border:1px solid #494b56;border-radius:10px;margin:8px 0 18px;min-width:0}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:24px 0}.divider:before,.divider:after{content:'';height:1px;flex:1;background:var(--border)}.fine{font-size:12px;line-height:1.7;margin:20px 0 0}.notice{background:#282330;border:1px solid #574568;padding:18px 22px;border-radius:12px;color:#d9cde5;margin:24px 0}.notice:empty{display:none}footer{max-width:1240px;padding:24px 40px;margin:auto;border-top:1px solid var(--border);font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.account-shell{max-width:1240px;margin:32px auto 80px;padding:0 40px}.account-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.account-tabs{display:flex;gap:12px;border-bottom:1px solid var(--border);margin:26px 0;padding-bottom:16px}.account-tabs button{background:transparent;border-color:transparent}.account-tabs [aria-pressed=true]{background:#31263d;color:#e0ccff;border-color:#514063}.search{max-width:520px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:24px 0}.library-card{border:1px solid var(--border);border-radius:18px;background:var(--card);padding:24px;min-width:0;overflow-wrap:anywhere}.library-card h3{font-size:20px;line-height:1.3}.library-card p{white-space:pre-wrap;max-height:200px;overflow:auto}.library-card small{color:var(--muted);font-size:11px}.library-card a{color:var(--violet);font-size:13px}.empty{padding:48px 24px;border:1px dashed #484451;border-radius:18px;grid-column:1/-1;text-align:center}.empty h3{margin-top:0}.credit-hero{border-radius:22px;background:linear-gradient(130deg,#3f2737,#2b2444);padding:38px}.credit-hero h2{font-size:64px;font-weight:500;margin:0}.credit-hero p{color:#d4bfdc}.plan-promise{padding:38px;border:1px solid #66527f;background:linear-gradient(130deg,#252031,#191b24);border-radius:24px;margin-top:40px;max-width:820px}.plan-promise h2{font-size:36px;line-height:1.15;letter-spacing:-1px;margin-top:24px}.pill{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#d9bfff;border:1px solid #785b91;border-radius:30px;padding:8px 12px}[hidden]{display:none!important}@media(max-width:900px){.auth-layout{grid-template-columns:1fr;max-width:640px;gap:32px;margin-top:0}.auth-story{display:none}.auth-card{padding:32px}.account-heading{align-items:flex-start}.account-heading h1{font-size:32px}}@media(max-width:520px){.site-header,.account-shell,footer{padding-left:20px;padding-right:20px}.auth-layout{padding:12px 20px}.auth-card{padding:26px}.account-heading{display:block}.account-tabs{gap:2px}.account-tabs button{padding:9px 12px}.section-heading{gap:12px}.section-heading button{padding:10px 15px}.plan-promise{padding:24px}.plan-promise h2{font-size:30px}}
/* Account editor and checkout controls share the same compact visual language. */
.account-brand-logo{display:block;width:186px;max-width:44vw;height:auto}
.credit-hero[data-empty=true]{background:linear-gradient(130deg,#4a242d,#30212e);border:1px solid #995164}.credit-hero[data-empty=true] h2{color:#ffc2ba}#account-support select,#account-support textarea{display:block;width:100%;box-sizing:border-box;background:#13151b;color:var(--text);padding:12px;border:1px solid #494b56;border-radius:10px;margin:8px 0 18px;font:inherit}#account-support textarea{resize:vertical}#account-sessions{display:grid;gap:12px;margin:20px 0}#account-sessions .library-card{padding:16px}.account-shell :focus-visible{outline:3px solid var(--violet);outline-offset:3px}
footer{flex-wrap:wrap;gap:12px 20px}
/* Crypto checkout: network labels and exact values remain readable on phones. */
.crypto-checkout{padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--card)}.crypto-checkout small,.crypto-invoice small{display:block;overflow-wrap:anywhere}.crypto-invoice input[readonly]{font-family:ui-monospace,monospace;font-size:14px}.crypto-invoice canvas{display:block;max-width:100%;margin:20px auto;border-radius:12px}.crypto-invoice button{margin:6px 8px 6px 0}.crypto-invoice p{overflow-wrap:anywhere}.crypto-checkout select:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.library-editor{width:min(650px,calc(100vw - 48px));max-height:85vh;overflow:auto;padding:28px;border:1px solid #554a65;border-radius:24px;background:#171821;color:#f3f0f8}.library-editor::backdrop{background:#080a12b8;backdrop-filter:blur(4px)}.library-editor label,#credit-panel form label{display:block;margin:16px 0}.library-editor input,.library-editor textarea,#credit-panel select,#credit-panel input[type=number]{box-sizing:border-box;width:100%;padding:12px;border:1px solid #555468;border-radius:10px;background:#24232f;color:inherit;font:inherit}.library-editor textarea{min-height:100px;resize:vertical}#credit-panel>section{margin:36px 0}#credit-panel input[type=checkbox]{margin-right:10px}.library-card{overflow-wrap:anywhere}