.cysten-app{--accent:#d6e7b1;color:#f0eee7;background:#111413;min-height:100vh}.cysten-header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:auto;padding:25px 6%;display:flex}.cysten-logo{letter-spacing:-1.5px;font-size:28px;font-weight:650}.cysten-logo span{color:var(--accent);margin-left:4px;font-size:10px}.cysten-header nav{color:#c3c7be;gap:26px;font-size:13px;display:flex}.cysten-header a:hover,.cysten-app .text-link:hover{color:var(--accent)}.cysten-main{max-width:1160px;min-height:75vh;margin:auto;padding:72px 6% 100px}.eyebrow{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:22px}.cysten-title{letter-spacing:-.055em;max-width:800px;margin-bottom:24px;font-size:clamp(40px,6vw,76px);font-weight:400;line-height:1.08}.cysten-lede{color:#b7beb4;max-width:550px;font-size:18px;line-height:1.75}.universe-hero{background:radial-gradient(at 90% 0,#54654a55,#0000 65%),#191e1b;border:1px solid #ffffff20;margin:42px 0;padding:56px 7%;position:relative;overflow:hidden}.universe-hero h2{letter-spacing:.12em;margin:28px 0 14px;font-size:clamp(32px,6vw,62px);font-weight:300}.universe-hero p{color:#bdc4b9;line-height:1.8}.cysten-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.cysten-button{background:var(--accent);color:#182011;cursor:pointer;border:1px solid #d6e7b1;border-radius:3px;justify-content:center;align-items:center;min-height:46px;padding:11px 23px;font-size:14px;font-weight:550;display:inline-flex}.cysten-button.secondary{color:#e3e7dc;background:0 0;border-color:#ffffff38}.cysten-button:disabled{opacity:.5;cursor:default}.cysten-button:hover:not(:disabled){filter:brightness(1.08)}.section-heading{border-bottom:1px solid #ffffff25;justify-content:space-between;align-items:baseline;margin:50px 0 0;padding-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.025em;font-size:24px}.muted,.status-note{color:#aeb8a8;font-size:14px;line-height:1.7}.status-note{margin-top:18px}.chapter-row{border-bottom:1px solid #ffffff17;align-items:center;gap:24px;padding:24px 0;display:flex}.chapter-row:hover{color:var(--accent)}.chapter-number{font-family:var(--font-mono);color:#9fa994;font-size:12px}.chapter-row h3{margin-bottom:5px;font-size:19px}.chapter-row .arrow{margin-left:auto}.empty-state{max-width:560px;padding:36px 0}.empty-state h3{margin-bottom:12px;font-size:23px}.cysten-footer{color:#9da695;border-top:1px solid #ffffff17;justify-content:space-between;gap:24px;max-width:1160px;margin:auto;padding:26px 6%;font-size:12px;display:flex}.account-panel{max-width:480px;margin:10px auto}.account-panel h1,.studio-title{letter-spacing:-.04em;margin-bottom:18px;font-size:38px}.cysten-form label{color:#ced4c8;margin:24px 0 8px;font-size:13px;display:block}.cysten-form input,.cysten-form textarea,.cysten-form select{color:#eee;background:#1b211d;border:1px solid #ffffff38;border-radius:3px;width:100%;padding:12px;font-size:16px;display:block}.cysten-form textarea{min-height:300px;line-height:1.8}.reader{max-width:760px;margin:auto;padding:44px 24px 100px}.reader-toolbar{color:#b4bfab;justify-content:space-between;gap:20px;margin-bottom:65px;font-size:13px;display:flex}.reader h1{margin:20px 0 40px;font-family:Georgia,serif;font-size:clamp(34px,5vw,52px);line-height:1.2}.reader-body{color:#e0e2d9;font:20px/1.95 Georgia,serif}.reader-body p{white-space:pre-line;margin-bottom:1.6em;scroll-margin-top:35px}.reader-save{border:1px solid #ffffff25;margin:30px 0;padding:22px}.reader-save a{text-underline-offset:4px;text-decoration:underline}.reader-nav{justify-content:space-between;gap:16px;margin-top:45px;display:flex}.skip-link{color:#111;z-index:20;background:#d6e7b1;padding:15px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:10px}.studio-grid{grid-template-columns:240px 1fr;gap:40px;margin-top:35px;display:grid}.studio-list button{text-align:left;cursor:pointer;border-bottom:1px solid #ffffff25;width:100%;padding:16px 0;display:block}.studio-list small{color:#aeb8a8;display:block}@media (max-width:600px){.cysten-header{gap:14px;padding:20px}.cysten-header nav{gap:15px;font-size:12px}.cysten-logo{font-size:25px}.cysten-main{padding:48px 22px 70px}.universe-hero{margin-top:30px;padding:32px 24px}.cysten-footer{flex-direction:column;gap:8px}.reader-body{font-size:19px}.studio-grid{grid-template-columns:1fr}}