:root{font-family:'DM Sans',Arial,sans-serif;color:#19302b;background:#e8ece5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 5% 90%,#dce8db,transparent 35%),#e8ece5}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{max-width:1440px;min-height:100vh;margin:auto;padding:28px}.landing{min-height:calc(100vh - 56px);background:#f6f7f1;border:1px solid #d7dfd4;border-radius:16px;display:flex;flex-direction:column;padding:34px 52px 28px;box-shadow:0 26px 80px #123d2820}.brand,.chat-brand{display:flex;align-items:center;gap:11px;color:#244d39;font-family:'DM Mono',monospace;font-size:13px;font-weight:500;letter-spacing:.15em}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#235a43;color:#e9efdc;font-size:21px;line-height:1}.landing-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.8fr);gap:9vw;align-items:center;padding:65px 5vw}.intro{max-width:600px}.eyebrow,.side-label,.room-label,.card-header,.section-number,.landing-footer,.composer-note{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.14em;font-weight:500}.eyebrow{color:#3d7454;display:flex;align-items:center;gap:10px;text-transform:uppercase}.live-dot,.status-dot{width:8px;height:8px;background:#4b9c60;border-radius:50%;box-shadow:0 0 0 4px #4b9c6024}.intro h1{font-size:clamp(60px,7vw,108px);line-height:.99;letter-spacing:-.065em;margin:27px 0 30px;font-weight:600;color:#183d2e}.intro h1 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.075em;color:#4a8461}.intro>p{font-size:17px;line-height:1.7;color:#607469;max-width:470px;margin:0}.privacy-note{margin-top:52px;display:flex;align-items:center;gap:13px;color:#4b6c57;font-size:13px}.privacy-note>span:first-child{font-size:22px;color:#64976c}.entry-card{width:100%;max-width:445px;justify-self:center;border-radius:13px;background:#fff;box-shadow:0 30px 70px #19432b19,0 2px 5px #19432b0d;padding:28px;border:1px solid #e3e9df}.card-header{display:flex;justify-content:space-between;color:#3d634b;border-bottom:1px solid #e8ede5;padding-bottom:22px;margin-bottom:26px}.card-index{color:#9bae9f}.entry-card label{display:block;font-size:13px;font-weight:700;color:#314638;margin-bottom:9px}.optional{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;color:#a1b0a5;font-weight:400;margin-left:5px}.entry-card input{width:100%;height:51px;border:1px solid #dbe4da;border-radius:7px;background:#fbfcf9;padding:0 15px;color:#254433;outline:0}.entry-card input:focus,.composer input:focus{border-color:#68a77a;box-shadow:0 0 0 3px #68a77a20}.entry-card input::placeholder{color:#a7b4aa}.entry-section{margin-top:29px}.section-number{color:#5c9a6d;margin-bottom:14px}.section-number span{font-family:'DM Sans',sans-serif;letter-spacing:0;text-transform:none;color:#3e5647;margin-left:8px;font-size:13px;font-weight:600}.primary-button{width:100%;height:54px;border:0;border-radius:7px;background:#205941;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 19px;font-weight:700;box-shadow:0 8px 18px #215d4225}.primary-button:hover{background:#164a35}.primary-button span{font-size:22px;font-weight:400}.divider{height:1px;background:#e8ede5;position:relative;margin:32px 0 0;text-align:center}.divider span{position:relative;top:-9px;background:#fff;padding:0 13px;color:#a9b6ab;font:10px 'DM Mono',monospace;letter-spacing:.1em}.join-section{margin-top:31px}.join-row{display:flex;gap:9px}.join-row input{font-family:'DM Mono',monospace;letter-spacing:.14em;font-size:13px;min-width:0}.join-row button{min-width:98px;border:1px solid #c8d8cb;border-radius:7px;background:#eaf2e9;color:#24553b;font-weight:700}.join-row button:hover{background:#dcebdc}.join-row button span{font-size:18px;margin-left:4px}.error{margin:11px 0 0;color:#a5423f;font-size:12px}.landing-footer{display:flex;justify-content:space-between;border-top:1px solid #dce4da;padding-top:22px;color:#9eaca0;font-size:10px}.chat{height:calc(100vh - 56px);min-height:650px;background:#f7f8f4;border:1px solid #d7dfd4;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 26px 80px #123d2820}.chat-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:106px;padding:20px 36px;border-bottom:1px solid #e0e7dd}.chat-brand{font-size:12px}.room-info{text-align:center}.room-label{display:block;color:#95a99b;font-size:9px;margin-bottom:7px}.room-code-row{display:flex;align-items:center;justify-content:center;gap:15px}.room-code-row strong{font-family:'DM Mono',monospace;font-size:22px;letter-spacing:.19em;color:#235b42}.copy-button{border:1px solid #d4e2d4;border-radius:6px;background:#edf3eb;color:#316248;font-size:11px;font-weight:700;padding:8px 10px;white-space:nowrap}.copy-button:hover{background:#dcebdc}.leave-button{justify-self:end;background:transparent;border:1px solid #d7e0d5;color:#506959;border-radius:6px;padding:11px 14px;font-size:12px;font-weight:700}.leave-button:hover{background:#edf2eb}.leave-button span{margin-left:12px}.chat-main{display:grid;grid-template-columns:260px 1fr;flex:1;min-height:0}.chat-side{border-right:1px solid #e1e8df;padding:36px 25px;background:#f4f7f0}.side-label{color:#8ba490;font-size:10px}.status{display:flex;align-items:center;gap:12px;margin:18px 0 10px;font-weight:700;font-size:14px;color:#46644f}.status .status-dot{background:#c5a562;box-shadow:0 0 0 4px #c5a56225}.status.is-connected .status-dot{background:#4b9c60;box-shadow:0 0 0 4px #4b9c6024}.chat-side p{font-size:12px;line-height:1.65;color:#809386;margin:10px 0}.side-rule{height:1px;background:#dae5d9;margin:33px 0}.conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.messages{flex:1;overflow-y:auto;padding:35px max(36px,8%);display:flex;flex-direction:column;gap:18px}.empty-chat{margin:auto;text-align:center;color:#91a395}.empty-symbol{font-size:42px;color:#9bc9a0}.empty-chat h2{color:#3c654a;font-size:23px;margin:9px 0;font-weight:600}.empty-chat p{font-size:13px;margin:0}.system-message{align-self:center;max-width:85%;text-align:center;background:#ecf3eb;border:1px solid #dae8d9;color:#6a896f;padding:9px 14px;border-radius:999px;font-size:11px}.message-row{max-width:min(70%,530px);display:flex;flex-direction:column;gap:6px}.message-row.mine{align-self:flex-end;align-items:flex-end}.message-row.theirs{align-self:flex-start;align-items:flex-start}.message-meta{font-size:10px;color:#8da394}.message-bubble{padding:13px 16px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.mine .message-bubble{background:#205941;color:#fff;border-bottom-right-radius:3px}.theirs .message-bubble{background:#e8eee5;color:#284934;border-bottom-left-radius:3px}.composer{display:flex;gap:10px;padding:16px 35px 10px;border-top:1px solid #e1e8df}.composer input{flex:1;min-width:0;height:52px;border:1px solid #dbe4da;border-radius:7px;background:#fff;padding:0 16px;outline:0;color:#254433}.composer button{width:104px;border:0;border-radius:7px;background:#205941;color:#fff;font-weight:700}.composer button:not(:disabled):hover{background:#164a35}.composer button span{margin-left:7px}.composer-note{display:flex;justify-content:space-between;padding:0 35px 18px;color:#a4b5a5;font-size:9px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#1e4935;color:#fff;border-radius:7px;padding:12px 18px;box-shadow:0 12px 34px #163b2e3a;font-size:13px;z-index:10}@media(max-width:850px){.landing{padding:24px}.landing-grid{grid-template-columns:1fr;gap:40px;padding:60px 10px}.intro h1{font-size:65px}.intro>p{font-size:15px}.privacy-note{margin-top:23px}.entry-card{max-width:500px}.chat-header{grid-template-columns:1fr auto;gap:15px;padding:17px 20px}.chat-brand{grid-column:1}.room-info{grid-column:1/-1;grid-row:2;text-align:left}.room-code-row{justify-content:flex-start}.leave-button{grid-column:2;grid-row:1}.chat-main{grid-template-columns:1fr}.chat-side{display:none}.messages{padding:24px}.composer{padding:12px 16px 8px}.composer-note{padding:0 16px 12px;font-size:8px}}@media(max-width:520px){.shell{padding:0}.landing,.chat{border:0;border-radius:0;min-height:100vh}.landing{padding:20px}.landing-grid{padding:45px 0}.intro h1{font-size:56px}.entry-card{padding:22px}.landing-footer{font-size:8px}.chat{height:100dvh;min-height:0}.chat-header{min-height:125px}.chat-brand{font-size:10px}.chat-brand .brand-mark{width:25px;height:25px;font-size:16px}.room-code-row strong{font-size:18px}.copy-button{font-size:10px}.leave-button{font-size:11px;padding:9px}.messages{padding:20px 15px}.message-row{max-width:86%}.composer-note span:last-child{display:none}}