:root{color:#16302a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#e8b8752e,#0000 22%),#efede7;font-family:Segoe UI,Aptos,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{overscroll-behavior:none;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.ghost-link{color:#f7f1df;cursor:pointer;background:#10231f;border:1px solid #1023211f;border-radius:999px;padding:.62rem .95rem;line-height:1.2;transition:background .14s,border-color .14s,box-shadow .14s,opacity .14s,transform .11s}button:hover,.ghost-link:hover{box-shadow:0 8px 18px #10232124}button:active,.ghost-link:active{transform:translateY(1px)scale(.985)}button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}input,select{color:#16302a;background:#ffffffd1;border:1px solid #10232124;border-radius:12px;width:100%;padding:.72rem .8rem}code{background:#1023210f;border-radius:8px;padding:.12rem .35rem}#root{max-width:100vw;min-height:100vh;overflow-x:hidden}.landing-shell{grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:1.25rem;width:100%;max-width:none;min-height:100vh;margin:0 auto;padding:clamp(1rem,2vw,1.75rem);display:grid}.landing-header,.workspace-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.brand-lockup{flex-shrink:0;align-items:center;gap:.7rem;display:inline-flex}.brand-lockup__mark{width:2.15rem;height:2.15rem}.brand-lockup strong{color:#10231f;font-size:.95rem;display:block}.brand-lockup span{color:#58706a;font-size:.78rem;display:block}.hero-card,.panel{background:#fffcf5eb;border:1px solid #1023211f;border-radius:18px;box-shadow:0 18px 52px #0b1f1814}.hero-card{background:radial-gradient(circle at 100% 0,#ff944d47,#0000 32%),radial-gradient(circle at 0 100%,#e8b8751a,#0000 28%),linear-gradient(145deg,#fffdf5 0%,#f4efe1 100%);width:100%;max-width:none;min-height:calc(100dvh - 9.5rem);padding:2.2rem}.hero-card__content{grid-template-columns:minmax(0,1.45fr) minmax(22rem,34rem);align-items:stretch;gap:2rem;min-height:100%;display:grid}.hero-card__form{display:grid}.hero-story{grid-template-rows:auto auto auto 1fr;align-content:stretch;gap:1rem;padding:.35rem .4rem .35rem .2rem;display:grid}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#7b664e;margin:0;font-size:.76rem;font-weight:700}.hero-card h1,.workspace-header h1,.empty-state h1{color:#11221d;margin:0;font-size:2.4rem;line-height:1}.hero-copy{color:#425650;max-width:34rem;margin-top:0;font-size:1.02rem;line-height:1.7}.hero-highlights{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;gap:.85rem;margin-top:1rem;display:grid}.highlight-tile{background:#ffffff8f;border:1px solid #10232114;border-radius:16px;min-width:0;padding:.95rem 1rem;box-shadow:0 10px 28px #0b1f180a}.highlight-tile strong{color:#10231f;font-size:.95rem;display:block}.highlight-tile p{color:#536761;margin:.35rem 0 0;font-size:.88rem;line-height:1.55}.hero-form-shell{background:#fffcf7b8;border:1px solid #10232114;border-radius:18px;align-content:center;gap:1rem;padding:1.15rem;display:grid;box-shadow:inset 0 1px #ffffff6b}.hero-form-intro strong{color:#10231f;font-size:1rem;display:block}.hero-form-intro p{color:#536761;margin:.35rem 0 0;font-size:.9rem;line-height:1.55}.create-room-form,.stacked-form{gap:.75rem;display:grid}.create-room-form label,.stacked-form label{color:#2b3e39;gap:.35rem;font-size:.9rem;display:grid}.preset-card,.session-card{background:#ffffffb3;border:1px solid #10232114;border-radius:14px;gap:.2rem;padding:.75rem .85rem;display:grid}.preset-card span,.session-card span{text-transform:uppercase;letter-spacing:.08em;color:#6d6153;font-size:.82rem}.preset-card strong{color:#10231f}.panel-heading h2,.editor-toolbar strong{color:#10231f;margin:0}.panel-section,.meta-line,.editor-toolbar p{color:#536761}.room-shell{overscroll-behavior:none;grid-template-rows:auto minmax(0,1fr);gap:.75rem;width:100%;max-width:100vw;height:100dvh;min-height:100dvh;padding:.75rem;display:grid;overflow:hidden}.workspace-header{align-items:center;min-width:0;margin-bottom:0;padding:.05rem .2rem}.workspace-header__summary{flex:20rem;min-width:0}.workspace-header h1{font-size:clamp(1.95rem,4vw,3rem);line-height:.96}.meta-line{align-items:center;gap:.45rem;margin:.05rem 0 0;font-size:.8rem;display:inline-flex}.status-dot{background:#c8bba5;border-radius:999px;width:.55rem;height:.55rem}.status-dot--live{background:#3aa07c}.status-dot--connecting,.status-dot--reconnecting{background:#d4a66d}.status-dot--error,.status-dot--offline{background:#b85a4d}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.header-actions button,.header-actions .ghost-link{color:#f7f1df;justify-content:center;align-items:center;min-width:5.8rem;display:inline-flex}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,23rem);align-items:stretch;gap:.75rem;max-width:100%;min-height:0;display:grid;overflow:hidden}.sidebar,.editor-panel{overflow:hidden}.panel{min-width:0;padding:.5rem}.editor-panel{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid}.editor-surface{background:#282c34;border:1px solid #10232114;border-radius:10px;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.editor-surface>.cm-theme,.editor-surface .cm-editor,.editor-surface .cm-scroller{min-width:0;min-height:100%}.editor-surface>.cm-theme,.editor-surface .cm-editor{flex:auto;max-width:100%;height:100%}.editor-surface .cm-scroller{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overflow:auto}.editor-surface .cm-content,.editor-surface .cm-gutters{min-height:100%}.sidebar{flex-direction:column;gap:0;height:100%;min-height:0;display:flex;overflow:hidden}.panel-section{min-height:auto}.panel-section+.panel-section{border-top:1px solid #10232114;margin-top:0;padding-top:.6rem}.panel-section--files{flex-direction:column;flex:10rem;min-height:0;display:flex}.panel-section--new-file{flex:none;margin-top:.6rem}.panel-section--share-files{flex-direction:column;flex:0 9.3rem;min-height:7.8rem;margin-top:.6rem;display:flex}.panel-section--people{flex:none;margin-top:.6rem}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.panel-heading h2{font-size:1.1rem;line-height:1.15}.file-list,.attachment-list,.presence-list{align-content:start;gap:.38rem;display:grid}.file-list,.attachment-list{flex:auto;min-height:0;padding-right:.15rem;overflow:auto}.file-row,.attachment-row,.upload-box,.presence-chip{border-radius:12px}.file-row{color:#10231f;background:#fffdf8;border:1px solid #1023211a;justify-content:space-between;align-items:center;width:100%;min-height:2.55rem;transition:border-color .14s,background .14s,box-shadow .14s,transform .11s;display:flex;overflow:hidden}.file-row:hover{border-color:#1023213d;box-shadow:0 6px 14px #10232114}.file-row:active{transform:translateY(1px)}.file-row.active{color:#f7f1df;background:#10231f}.file-select-button{min-width:0;min-height:2.55rem;color:inherit;text-align:left;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1;justify-content:space-between;align-items:center;gap:.65rem;padding:.48rem .25rem .48rem .65rem;display:flex}.file-select-button:hover,.file-select-button:active{box-shadow:none;transform:none}.file-select-button span,.attachment-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.file-select-button small,.attachment-list small{color:inherit;opacity:.75;font-size:.75rem}.icon-button{width:1.9rem;min-width:0;height:1.9rem;color:inherit;opacity:.58;background:0 0;border:0;border-radius:8px;flex:0 0 1.9rem;padding:0;font-size:1.05rem;line-height:1;transition:background .14s,opacity .14s,transform .11s}.icon-button:hover{opacity:1;box-shadow:none;background:#10232114}.icon-button:active{transform:scale(.92)}.file-row.active .icon-button:hover{background:#f7f1df24}.stacked-form{flex:none}.upload-box{cursor:pointer;background:#ffffffb3;border:1px dashed #1023213d;justify-content:center;align-items:center;width:100%;min-height:2.3rem;transition:background .14s,border-color .14s,transform .11s;display:inline-flex}.upload-box:hover{background:#ffffffe6;border-color:#1023216b}.upload-box:active{transform:translateY(1px)}.attachment-list{flex:1;margin-top:.4rem}.attachment-row{background:#ffffffbf;border:1px solid #10232114;justify-content:space-between;align-items:center;min-height:2.35rem;padding:.48rem .65rem;transition:border-color .14s,background .14s,box-shadow .14s;display:flex;overflow:hidden}.attachment-row:hover{border-color:#10232133;box-shadow:0 5px 12px #10232112}.attachment-row a{min-width:0;color:inherit;flex:1;justify-content:space-between;gap:.75rem;display:flex}.presence-list{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}.presence-chip{text-align:center;color:#274437;background:#eaf5ea;padding:.45rem .6rem;font-size:.82rem}.presence-chip.remote{color:#7f4d24;background:#fff1d6}.editor-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem;display:flex}.editor-toolbar p{margin:.15rem 0 0;font-size:.82rem}.ghost-link{color:#274437}.inline-error{color:#a2371f;margin:0}.empty-state{text-align:center;place-items:center;min-height:70vh;display:grid}.empty-state.compact{min-height:20rem}@media (width<=1280px){.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(17rem,20rem)}.panel{padding:.7rem}}@media (width<=1100px){.hero-card__content,.workspace-grid{grid-template-columns:1fr}.hero-card{min-height:auto}.hero-story{grid-template-rows:auto;padding-right:0}.hero-highlights{grid-template-columns:repeat(3,minmax(0,1fr));align-self:auto}.room-shell{overscroll-behavior:auto;height:auto;min-height:100dvh;overflow:visible}.workspace-grid,.editor-panel,.sidebar{overflow:visible}.editor-surface{height:auto;min-height:24rem;max-height:none}.panel-section--files,.panel-section--share-files{flex:none;min-height:auto}}@media (width<=960px){.landing-shell,.room-shell{padding:1rem}.hero-card{padding:1.5rem}.landing-header,.workspace-header{align-items:flex-start}.hero-highlights{grid-template-columns:1fr}.header-actions{width:100%;margin-left:0}.header-actions button,.header-actions .ghost-link{flex:10rem}}@media (width<=720px){.hero-card,.panel{border-radius:16px}.hero-card{padding:1.25rem}.hero-card h1,.empty-state h1{font-size:clamp(2rem,11vw,2.4rem);line-height:.98}.hero-story,.hero-form-shell{gap:.85rem}.workspace-header{gap:.9rem}.workspace-header__summary{flex-basis:100%}.editor-toolbar{flex-direction:column;align-items:flex-start}.file-row,.attachment-row{min-height:2.8rem}.file-select-button,.attachment-row a{gap:.5rem}.file-select-button{flex-direction:column;justify-content:center;align-items:flex-start;padding-right:.5rem}.attachment-row{align-items:flex-start}.attachment-row a{flex-direction:column;align-items:flex-start}.sidebar{overflow:visible}}@media (width<=560px){.landing-shell,.room-shell{padding:.8rem}.brand-lockup{gap:.6rem}.landing-shell{gap:1rem}.hero-card{padding:1rem}.hero-form-shell{border-radius:16px;padding:.9rem}.header-actions button,.header-actions .ghost-link{min-width:0}.workspace-header__summary code{word-break:break-all}.editor-surface{min-height:19rem}.presence-list{grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr))}}