:root{--b:#06100c;--p:#0a1912;--p2:#0d2118;--l:#1e3c2f;--ls:#2f5c48;--t:#f5faf7;--m:#9ab0a5;--m2:#70877b;--g:#42f58d;--v:#c8afff;--a:#ffc46b;--r:#ff7880;--blue:#83ceff;--sh:0 24px 72px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:#030b08;color-scheme:dark}body{margin:0;min-width:320px;color:var(--t);font:14px Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 82% -10%,rgba(66,245,141,.11),transparent 30rem),radial-gradient(circle at 8% 55%,rgba(200,175,255,.06),transparent 28rem),var(--b)}a{color:inherit}.account-shell{width:min(1160px,calc(100% - 28px));margin:auto;padding:16px 0 52px}.account-nav{position:sticky;top:8px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 12px;border:1px solid var(--l);border-radius:17px;background:rgba(8,21,15,.94);backdrop-filter:blur(16px);box-shadow:var(--sh)}.account-brand{display:flex;gap:10px;align-items:center;text-decoration:none}.account-brand img{width:40px;height:40px;border-radius:11px}.account-brand strong{display:block;font-size:18px}.account-brand small{display:block;color:var(--m2);font-size:8px;letter-spacing:1.1px;text-transform:uppercase}.account-nav-actions{display:flex;gap:6px;align-items:center}.account-nav-actions a{padding:9px 11px;border-radius:10px;color:var(--m);font-size:10px;font-weight:850;text-decoration:none}.account-nav-actions a:hover,.account-nav-actions a.active{color:#021008;background:var(--g)}main{padding-top:25px}.eyebrow{color:var(--g);font-size:9px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.account-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;padding:34px 2px 20px}.account-hero h1{margin:9px 0 15px;font-size:clamp(40px,6vw,68px);line-height:.95;letter-spacing:-3.5px}.account-hero h1 em{color:var(--g);font-style:normal}.account-hero>div>p{max-width:680px;margin:0;color:var(--m);font-size:13px;line-height:1.65}.viewer-card{padding:20px;border:1px solid rgba(66,245,141,.28);border-radius:21px;background:radial-gradient(circle at 100% 0,rgba(66,245,141,.09),transparent 20rem),var(--p);box-shadow:var(--sh)}.viewer-top{display:flex;justify-content:space-between;align-items:center}.viewer-top span{color:var(--m2);font-size:8px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.viewer-top strong{padding:6px 9px;border:1px solid rgba(66,245,141,.28);border-radius:999px;color:var(--g);background:#123b27;font-size:9px}.viewer-state{display:flex;gap:10px;align-items:center;margin-top:18px;padding:12px;border:1px solid var(--l);border-radius:12px;background:rgba(3,11,8,.4)}.viewer-state i{width:11px;height:11px;border-radius:50%;background:var(--g);box-shadow:0 0 14px rgba(66,245,141,.6)}.viewer-state b,.viewer-state small{display:block}.viewer-state small{margin-top:3px;color:var(--m2);font-size:9px}.auth-copy{margin-top:14px}.auth-copy>strong{font-size:15px}.auth-copy p{margin:5px 0 0;color:var(--m);font-size:9px;line-height:1.55}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}.viewer-card .auth-switch button{border:1px solid var(--l);border-radius:9px;padding:8px 10px;background:rgba(3,11,8,.42);color:var(--m);font:inherit;font-size:9px;font-weight:900;cursor:pointer}.viewer-card .auth-switch button:hover,.viewer-card .auth-switch button:focus-visible{outline:none;border-color:var(--ls);color:var(--t)}.auth-message{margin-top:10px;padding:9px 10px;border:1px solid var(--l);border-radius:9px;color:var(--m);background:rgba(3,11,8,.42);font-size:9px;line-height:1.45}.auth-message[data-tone="success"]{border-color:rgba(66,245,141,.32);color:var(--g)}.auth-message[data-tone="error"]{border-color:rgba(255,120,128,.35);color:#ff9da3}.auth-form{display:grid;gap:9px;margin-top:11px}.auth-form[hidden],.signed-in[hidden],.auth-message[hidden]{display:none}.auth-form label{display:grid;gap:5px;color:var(--m2);font-size:8px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.auth-form input{width:100%;border:1px solid var(--l);border-radius:10px;padding:10px 11px;background:#07110d;color:var(--t);font:inherit;font-size:11px;outline:none}.auth-form input:focus{border-color:rgba(66,245,141,.65);box-shadow:0 0 0 3px rgba(66,245,141,.08)}.auth-form>small{color:var(--m2);font-size:8px;line-height:1.45}.viewer-card .primary-action,.viewer-card .secondary-action{width:100%;border-radius:10px;padding:10px 11px;font:inherit;font-size:9px;font-weight:950;cursor:pointer}.viewer-card .primary-action{border:1px solid var(--g);background:var(--g);color:#021008}.viewer-card .secondary-action{border:1px solid var(--ls);background:rgba(255,255,255,.03);color:var(--t)}.viewer-card .text-action{width:max-content;border:0;padding:3px 0;background:transparent;color:var(--m);font:inherit;font-size:8px;font-weight:850;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.viewer-card button:disabled{opacity:.55;cursor:not-allowed}.signed-in{display:grid;gap:8px;margin-top:12px}.signed-in-row{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--l);border-radius:10px;background:rgba(3,11,8,.35)}.signed-in-row span{color:var(--m2);font-size:8px;font-weight:850;text-transform:uppercase}.signed-in-row strong{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.signed-in-row .free-access{color:var(--g)}.signed-in p{margin:0;color:var(--m);font-size:8px;line-height:1.5}.safe-note{display:block;margin-top:11px;color:var(--m2);font-size:8px;line-height:1.45}.launch-note{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:5px 0 30px;padding:15px 17px;border:1px solid rgba(255,196,107,.24);border-radius:16px;background:linear-gradient(120deg,rgba(59,42,20,.35),rgba(10,25,18,.78))}.launch-icon{font-size:24px}.launch-note strong{font-size:13px}.launch-note p{margin:4px 0 0;color:var(--m);font-size:10px;line-height:1.55}.launch-note>span{padding:6px 9px;border-radius:999px;color:var(--a);background:rgba(59,42,20,.7);font-size:8px;font-weight:950;letter-spacing:.7px;text-align:center}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:28px 2px 12px}.section-head h2,.principles h2{margin:5px 0 0;font-size:30px;letter-spacing:-1.4px}.section-head p{max-width:650px;margin:7px 0 0;color:var(--m);font-size:11px;line-height:1.55}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.plan{position:relative;display:flex;flex-direction:column;padding:20px;border:1px solid var(--l);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),var(--p);box-shadow:var(--sh);overflow:hidden}.core-plan{border-color:rgba(66,245,141,.35)}.pro-plan{border-color:rgba(200,175,255,.38);background:radial-gradient(circle at 100% 0,rgba(200,175,255,.11),transparent 20rem),var(--p)}.founding{position:absolute;right:0;top:0;padding:7px 10px;border-radius:0 0 0 11px;color:#031008;background:var(--g);font-size:7px;font-weight:950;letter-spacing:.7px}.founding.pro{color:#100b18;background:var(--v)}.plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.plan-head span{color:var(--m2);font-size:8px;font-weight:900;text-transform:uppercase}.plan h3{margin:5px 0 0;font-size:28px;letter-spacing:-1.2px}.plan-head>strong{font-size:28px;letter-spacing:-1.2px}.plan-head>strong small{font-size:9px;color:var(--m);letter-spacing:0}.plan>p{min-height:48px;color:var(--m);font-size:10px;line-height:1.55}.plan>p b{color:var(--t)}.plan ul{display:grid;gap:9px;margin:8px 0 20px;padding:0;list-style:none;flex:1}.plan li{position:relative;padding-left:17px;color:var(--m);font-size:10px;line-height:1.35}.plan li:before{content:"✓";position:absolute;left:0;color:var(--g);font-weight:950}.pro-plan li:before{color:var(--v)}.plan button{width:100%;border:1px solid var(--l);border-radius:11px;padding:11px;background:#102219;color:var(--m2);font:inherit;font-weight:900;cursor:not-allowed}.plan-cta{width:100%;padding:11px;border-radius:11px;text-align:center;font-size:9px;font-weight:950;text-transform:uppercase}.plan-cta.current{color:#021008;background:var(--g)}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.account-panel{position:relative;padding:18px;border:1px solid var(--l);border-radius:17px;background:rgba(10,25,18,.86)}.panel-icon{font-size:22px}.account-panel>div:nth-child(2)>span{display:block;margin-top:13px;color:var(--m2);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.8px}.account-panel h3{margin:5px 0;font-size:18px}.account-panel p{margin:0 0 34px;color:var(--m);font-size:10px;line-height:1.6}.status-pill{position:absolute;left:18px;bottom:16px;padding:5px 8px;border:1px solid var(--l);border-radius:999px;color:var(--m2);font-size:7px;font-weight:950;letter-spacing:.7px}.status-pill.live-status{border-color:rgba(66,245,141,.25);color:var(--g);background:rgba(66,245,141,.05)}.principles{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;align-items:center;margin-top:28px;padding:22px;border:1px solid var(--l);border-radius:20px;background:var(--p)}.principle-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.principle-list span{padding:11px;border:1px solid var(--l);border-radius:11px;color:var(--m);background:rgba(3,11,8,.35);font-size:10px}.principle-list span:before{content:"✓ ";color:var(--g);font-weight:950}footer{display:flex;justify-content:space-between;gap:18px;margin-top:32px;padding-top:16px;border-top:1px solid var(--l);color:var(--m2);font-size:8px}
@media(max-width:900px){.account-hero{grid-template-columns:1fr}.viewer-card{max-width:620px}.plans{grid-template-columns:1fr 1fr}.pro-plan{grid-column:1/-1}.account-grid{grid-template-columns:1fr 1fr}.account-panel:last-child{grid-column:1/-1}}
@media(max-width:680px){.account-shell{width:min(100% - 18px,1160px)}.account-nav{align-items:flex-start;flex-direction:column}.account-nav-actions{width:100%;overflow-x:auto}.account-nav-actions a{white-space:nowrap}.account-hero{padding-top:26px}.account-hero h1{font-size:42px;letter-spacing:-2.5px}.launch-note{grid-template-columns:auto 1fr}.launch-note>span{grid-column:1/-1;width:max-content;max-width:100%}.plans,.account-grid,.principles{grid-template-columns:1fr}.pro-plan,.account-panel:last-child{grid-column:auto}.principle-list{grid-template-columns:1fr}.section-head{display:block}footer{display:grid}}
