.story-hub,.story-room{width:min(1180px,100%);margin:auto;padding-bottom:64px}.story-hub-heading,.story-room-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:54px 0 28px}.story-hub-heading h1,.story-room-heading h1{font:700 clamp(2.7rem,7vw,5.4rem)/.95 Arial;margin:7px 0 12px}.story-room-heading a{color:#78adff}.new-story-card{display:grid;grid-template-columns:minmax(220px,.7fr) 1.3fr;gap:30px;padding:28px;border:1px solid var(--line,#30363d);border-radius:20px;background:var(--surface,#161b22);margin-bottom:34px}.new-story-card>div>span{font-size:3rem;color:#f8c343}.new-story-card h2{font:700 2rem/1.1 Arial;margin:8px 0}.new-story-card form,.story-control form{display:grid;gap:12px}.new-story-card label,.story-control label{display:grid;gap:6px;font-weight:800}.new-story-card label span{font-weight:400;color:var(--muted)}.new-story-card input,.new-story-card textarea,.story-control input,.writing-panel textarea{width:100%;border:1px solid var(--line,#30363d);border-radius:10px;background:#0d1117;color:#f0f6fc;padding:12px;font:inherit}.story-invites{padding:20px;border:1px solid #7057db;border-radius:16px;background:rgba(79,70,229,.11);margin-bottom:30px}.story-invites article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line,#30363d)}.story-invites article>div{display:flex;flex-direction:column}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-grid>a{position:relative;display:block;min-height:220px;padding:23px;border:1px solid var(--line,#30363d);border-radius:17px;background:var(--surface,#161b22);color:inherit;text-decoration:none;transition:.2s}.story-grid>a:hover{transform:translateY(-3px);border-color:#7c6cec}.story-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f8c343;color:#14101e;font-size:1.6rem}.story-state{position:absolute;right:18px;top:18px;padding:5px 9px;border-radius:999px;background:#242b35;color:#aeb7c2;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.story-grid h3{font:700 1.55rem/1.1 Arial;margin:25px 0 8px}.story-grid p,.story-grid time{color:var(--muted)}.story-empty{text-align:center;padding:50px;border:1px dashed var(--line,#30363d);border-radius:16px}.story-empty>span{font-size:3rem}.story-status{padding:8px 13px;border-radius:999px;background:#234d3a;color:#9de9ba;font-weight:900}.story-status.complete{background:#40366e;color:#d9d1ff}.story-prompt{max-width:750px;color:var(--muted);font-style:italic}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.story-main,.story-sidebar>section,.story-control{border:1px solid var(--line,#30363d);border-radius:16px;background:var(--surface,#161b22)}.turn-banner{display:flex;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid var(--line,#30363d);background:rgba(79,70,229,.1);border-radius:16px 16px 0 0}.turn-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f8c343;color:#171220;font-size:1.35rem}.turn-banner>div{display:flex;flex-direction:column;flex:1}.turn-banner small,.turn-banner span:last-child{color:var(--muted)}.turn-banner button,.story-control button{border:1px solid #6255d8;border-radius:9px;background:#24205b;color:#fff;padding:9px 12px;font-weight:800;cursor:pointer}.story-paper{min-height:330px;padding:clamp(25px,6vw,60px);background:#f8f2df;color:#28221c;font:1.15rem/1.9 Arial}.story-entry{position:relative;white-space:pre-wrap;cursor:help;border-radius:4px;transition:background .15s}.story-entry:hover,.story-entry:focus{outline:none;background:#fff1a8}.story-placeholder{text-align:center;color:#837968;padding-top:65px}.story-placeholder span{font:italic 2rem Arial}.writing-panel{padding:22px}.writing-heading,.writing-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.writing-heading h2{margin:3px 0 14px}.writing-heading>strong{color:#aab4c0}.writing-panel textarea{resize:vertical;min-height:150px;line-height:1.5}.writing-panel textarea:disabled{opacity:.55}.writing-actions p{color:var(--muted);font-size:.9rem}.story-error{color:#ff8d86;font-weight:800}.story-complete-message{text-align:center;padding:28px}.story-complete-message>span{display:grid;place-items:center;width:50px;height:50px;margin:auto;border-radius:50%;background:#2d7049;color:white;font-size:1.5rem}.story-sidebar{display:flex;flex-direction:column;gap:14px}.story-sidebar>section,.story-control{padding:18px;margin:0}.story-sidebar h2{font-size:1.15rem;margin:0 0 13px}.writer-list{list-style:none;padding:0;margin:0}.writer-list li{display:flex;align-items:center;gap:10px;padding:10px 7px;border-top:1px solid var(--line,#30363d)}.writer-list li>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#262d37;color:#aeb7c2;font-weight:900}.writer-list li.current>span{background:#f8c343;color:#171220}.writer-list li>div{display:flex;flex-direction:column}.writer-list small{color:var(--muted)}.story-control summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:900}.story-control[open] summary{margin-bottom:14px}.inline-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;font-size:.85rem}.inline-check input{width:auto!important}.story-control output{float:right;color:#f8c343}.quick-writers{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.quick-writers>small{width:100%;color:var(--muted)}.quick-writers form{display:inline}.quick-writers button{border-radius:999px;padding:6px 9px}.owner-actions{display:grid;gap:8px}.owner-actions form,.owner-actions button{width:100%}.complete-button{border:0;border-radius:10px;background:#2d7049;color:#fff;padding:12px;font-weight:900;cursor:pointer}.danger-button{border:1px solid #753d42!important;border-radius:10px!important;background:transparent!important;color:#ff8d86!important;padding:10px!important}.primary-button[disabled]{opacity:.55;cursor:not-allowed}@media(max-width:850px){.story-layout{grid-template-columns:1fr}.story-sidebar{grid-row:1}.story-sidebar>section:first-child{order:-2}.story-control{order:-1}.story-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.story-hub-heading,.story-room-heading{align-items:flex-start;flex-direction:column;padding-top:34px}.new-story-card{grid-template-columns:1fr;padding:18px}.story-grid{grid-template-columns:1fr}.story-paper{min-height:260px;padding:25px 20px}.writing-heading,.writing-actions{align-items:flex-start;flex-direction:column}.writing-actions button{width:100%}.turn-banner{align-items:flex-start;flex-wrap:wrap}.turn-banner button{width:100%}}