.flow-page{padding-top:48px;padding-bottom:70px}.flow-heading{margin-bottom:34px}.flow-heading h1,.sign-in-page h1{font:600 48px/1.2 'Rhyl Rajdhani',sans-serif;text-transform:none;margin:15px 0}.flow-page h2,.sign-in-guide h2{font:600 30px/1.3 'Rhyl Rajdhani',sans-serif}.flow-page h3{font:600 23px/1.3 'Rhyl Rajdhani',sans-serif}.flow-page p,.sign-in-guide p{color:var(--muted);line-height:1.8}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.flow-panel{background:var(--rhyl-panel);border:1px solid var(--line);border-radius:10px;padding:26px}.flow-pill{display:inline-block;font:9px var(--mono);text-transform:uppercase;border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:5px 7px;line-height:1.6}.flow-pill.public{color:var(--cyan)}.flow-pill.draft{color:var(--amber)}.lobby-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px}.lobby-card{padding:30px;border:1px solid var(--line);border-radius:10px}.lobby-card h2{font-size:40px;margin:24px 0 16px}.lobby-card .micro{margin-bottom:24px}.lobby-status{font:11px var(--mono);color:var(--cyan)!important;display:flex;align-items:center;gap:9px;margin-top:26px}.lobby-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.lobby-status.waiting{color:var(--amber)!important}.lobby-grid aside .flow-panel{margin-top:30px}.lobby-grid aside h2{margin-top:25px}.access-steps{padding:0;margin:25px 0;list-style:none;display:flex;gap:18px;font-size:11px;color:var(--muted);counter-reset:step}.access-steps li{counter-increment:step}.access-steps li:before{content:counter(step);display:inline-grid;place-items:center;border:1px solid var(--line);width:23px;height:23px;border-radius:50%;margin-right:7px}.sign-in-page{max-width:1180px;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:55px;padding-bottom:65px}.sign-in-page .auth{width:100%;max-width:none;margin:0;border-radius:10px;border-top:1px solid var(--line);background:transparent;padding:30px}.sign-in-page .auth h1{font-size:40px}.sign-in-guide{padding-top:32px}.sign-in-guide h2{font-size:34px}.sign-in-page input{min-height:48px;border-radius:6px}.flow-tabs{display:flex;gap:8px;margin:24px 0}.flow-tabs a{font-size:13px;padding:11px 17px;border-radius:6px;color:var(--muted)}.flow-tabs a[aria-current]{background:var(--panel2);color:var(--text)}.flow-search{max-width:430px;margin:25px 0}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.person-card{display:block;border-top:1px solid var(--line);padding:24px 0}.person-card h2{margin:14px 0 8px}.person-card p{font-size:13px}.person-card .eyebrow{display:block;margin-top:22px}.person-portrait,.person-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:radial-gradient(ellipse at 50% 80%,#365260,#152a33 70%)}.person-placeholder{display:grid;place-items:center;color:#8de0e388;font:600 70px 'Rhyl Rajdhani',sans-serif}.person-card h2>span{font-size:20px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.journal-card{padding:30px 0;border-top:1px solid var(--line);display:block}.journal-card h2{margin:15px 0}.journal-card p{font-size:14px}.profile-layout{display:grid;grid-template-columns:300px minmax(0,760px);gap:60px;margin-top:32px}.profile-portrait{display:block;width:100%;max-height:580px;object-fit:contain;background:var(--panel);border-radius:8px}.profile-placeholder{aspect-ratio:3/4}.profile-layout h1,.journal-reading h1{font:600 54px/1.2 'Rhyl Rajdhani',sans-serif;text-transform:none;margin:20px 0}.profile-layout article,.journal-reading{min-width:0}.profile-layout .lore-body,.journal-reading .lore-body{margin-top:30px}.flow-page .lore-body p{color:var(--text)}.journal-reading{max-width:760px;margin:32px auto 0}.journal-cover{max-width:100%;max-height:600px;object-fit:contain;border-radius:8px;margin:24px 0}.workspace-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.workspace-tree{align-self:start;min-width:0}.workspace-tree nav{border-top:1px solid var(--line);margin:18px 0}.workspace-tree nav button{width:100%;display:block;text-align:left;background:transparent;color:var(--muted);padding:14px 12px;border:0;border-left:2px solid transparent;font-size:13px;line-height:1.7}.workspace-tree nav button[aria-current]{border-left-color:var(--cyan);background:var(--panel);color:var(--text)}.workspace-tree .flow-pill{display:table;margin-top:8px}.workspace-tree>.arrow-link{display:block;margin-top:20px;font-size:12px}.workspace-tree label{font-size:11px}.workspace-form{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:26px;min-width:0}.workspace-main{min-width:0}.workspace-actions{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px;gap:15px}.workspace-actions .field-help{max-width:250px}.workspace-actions .action-row{margin-top:0}.workspace-form label{margin:20px 0}.workspace-form input,.workspace-form textarea,.workspace-form select{border-radius:6px;background:#0e2029}.workspace-cover{border:1px dashed #4a646c;background:linear-gradient(130deg,#19313a,#102027);border-radius:8px;padding:22px;margin:24px 0}.workspace-cover img{display:block;max-width:100%;max-height:250px;object-fit:contain;margin-top:18px;border-radius:6px}.workspace-cover label{font-size:12px}.workspace-settings{align-self:start;position:sticky;top:24px}.workspace-settings .flow-panel{padding:22px}.workspace-settings .button{font-size:12px;line-height:1.7;width:100%;padding:11px 14px;white-space:normal}.workspace-settings .arrow-link{display:block;font-size:12px;margin-top:20px}.workspace-settings .notice{padding:14px;font-size:12px}.workspace-settings .field-help{font-size:11px;margin:20px 0}.workspace-dialog{max-width:850px;width:90%;max-height:90vh;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:32px}.workspace-dialog::backdrop{background:#000b}.workspace-dialog>#workspace-close{display:block;margin-left:auto}.workspace-preview h1{font:600 42px/1.3 'Rhyl Rajdhani',sans-serif;text-transform:none;margin:20px 0}.workspace-preview h2{font-family:'Rhyl Rajdhani',sans-serif}.workspace-preview img{max-width:100%;max-height:500px;object-fit:contain}.workspace-preview{clear:both}.workspace-dialog .lore-body{margin-top:25px}
@media(max-width:1200px){.workspace-form{grid-template-columns:1fr}.workspace-settings{position:static}.workspace-settings .flow-panel{max-width:600px}.workspace-grid{grid-template-columns:200px minmax(0,1fr)}.sign-in-page{gap:35px}.profile-layout{gap:35px;grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:760px){.flow-page{padding-top:30px}.flow-heading h1,.sign-in-page h1{font-size:38px}.flow-heading .lead{font-size:14px}.lobby-grid,.sign-in-page,.workspace-grid,.workspace-form,.profile-layout,.journal-grid{grid-template-columns:1fr;gap:26px}.sign-in-page{padding-top:30px}.sign-in-page .auth{padding:22px}.sign-in-guide{padding-top:0}.lobby-card{padding:22px}.lobby-card h2{font-size:34px}.access-steps{gap:12px;font-size:10px}.access-steps li:before{width:20px;height:20px;margin-right:4px}.people-grid{grid-template-columns:1fr}.person-portrait,.person-placeholder{aspect-ratio:16/9}.profile-placeholder{aspect-ratio:4/3}.profile-layout h1,.journal-reading h1{font-size:42px}.workspace-tree nav{display:flex;overflow-x:auto;gap:5px}.workspace-tree nav button{min-width:180px;border-left:0;border-bottom:2px solid transparent}.workspace-tree nav button[aria-current]{border-bottom-color:var(--cyan)}.workspace-tree label{max-width:350px}.workspace-settings{position:static}.workspace-actions .button{font-size:12px;padding:11px 14px}.workspace-form input,.workspace-form textarea,.workspace-form select,.sign-in-page input{font-size:16px}.workspace-dialog{padding:22px}.workspace-preview h1{font-size:34px}.journal-reading{margin-top:28px}.flow-page .flow-panel{padding:22px}}
