:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7efdf;background:#17221d}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 36%,#26372b 0,#17221d 62%)}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;gap:18px;border-bottom:1px solid #334238}.brand{color:#e7efdf;text-decoration:none;font-weight:650}.brand span{display:block;font-size:12px;font-weight:400;color:#a4b7a6;margin-top:3px}.presence{display:flex;gap:8px;align-items:center;color:#d5e5ce;font-size:14px;white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7e8b80;flex-shrink:0}.dot.live{background:#b1d283;box-shadow:0 0 9px #b1d23333}main{max-width:760px;margin:auto;padding:24px}.join-card{max-width:450px;margin:6vh auto;padding:30px;border:1px solid #425443;background:#203027;border-radius:20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#b2c490}h1{font-weight:550;font-size:28px;line-height:1.2;margin:10px 0 16px;overflow-wrap:anywhere}.join-card p{font-size:14px;color:#b6c7b5;line-height:1.6}label{font-size:14px;display:block}input{background:#121e18;border:1px solid #617352;border-radius:9px;color:#edf3e3;padding:12px;font:inherit;min-width:0;width:100%;margin:8px 0 14px}details{margin:6px 0 18px;color:#b6c7b5;font-size:13px}details label{margin-top:12px}button{border:1px solid #53694c;border-radius:9px;background:#30462f;color:#eef3de;font:550 14px system-ui;padding:11px 17px;cursor:pointer;transition:background .15s}button:hover:enabled{background:#445e3b}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #e2c574;outline-offset:4px}.primary,#join-button{background:#bdd593;color:#18261b;border-color:#bdd593}.primary:hover:enabled,#join-button:hover:enabled{background:#d3e6b1}.quiet{background:transparent;padding:7px 12px;color:#b6c7b5;border-color:#3c503f}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.room-heading h1{margin:7px 0}.location{display:flex;justify-content:center;align-items:center;gap:9px;min-height:34px;color:#c0ceba;font-size:14px;text-align:center;margin-top:8px}.stage{position:relative;min-width:0}canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.empty-message{position:absolute;inset:35% 10%;text-align:center;color:#a9bda8;display:grid;align-content:center;font-size:16px;line-height:1.6;pointer-events:none}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.needs{display:flex;gap:18px;padding:18px 20px;margin:20px auto 12px;background:#203128;border:1px solid #364b38;border-radius:14px}.needs label{flex:1;min-width:0;font-size:13px;color:#bbcbb6}.needs output{display:block;color:#e5eed8;font-size:22px;font-weight:600;margin-top:3px}progress{appearance:none;display:block;width:100%;height:10px;margin-top:9px;border:0;border-radius:6px;overflow:hidden;background:#142119}progress::-webkit-progress-bar{background:#142119}progress::-webkit-progress-value{background:#a9c47a;border-radius:6px}progress::-moz-progress-bar{background:#a9c47a}#love-meter::-webkit-progress-value{background:#d991a4}#love-meter::-moz-progress-bar{background:#d991a4}#energy-meter::-webkit-progress-value{background:#d9be71}#energy-meter::-moz-progress-bar{background:#d9be71}#status{font-size:14px;color:#bacdb4;text-align:center;min-height:21px}.error{color:#f0aea0!important;font-size:13px;min-height:18px;text-align:center}.input-row{display:flex;gap:10px;align-items:center}.input-row input{margin:10px 0}.name-form{max-width:480px;margin:0 auto 18px;text-align:center}.room-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#98ae99;font-size:11px;line-height:1.6;margin-top:22px;overflow-wrap:anywhere}footer{padding:24px;text-align:center;color:#8fa38f;font-size:12px}@media(max-width:500px){header{padding:16px}.brand span{font-size:11px}main{padding:16px}.join-card{padding:24px;margin-top:3vh}h1{font-size:24px}.needs{gap:12px;padding:15px}.controls button{padding:11px 13px}.room-heading{align-items:flex-start}.room-footer{justify-content:center;text-align:center}.input-row{flex-wrap:wrap;justify-content:center}}
.room-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ideas-dialog{width:min(560px,calc(100% - 28px));max-height:min(80vh,760px);padding:24px;border:1px solid #526550;border-radius:18px;background:#203027;color:#e7efdf;box-shadow:0 20px 80px #0009}.ideas-dialog::backdrop{background:#07100dcc}.ideas-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ideas-heading h2{font-size:24px;font-weight:550;margin:6px 0 0}.ideas-intro{color:#b6c7b5;font-size:14px;line-height:1.5}.ideas-dialog textarea{display:block;width:100%;min-height:90px;resize:vertical;margin:8px 0 10px;padding:12px;border:1px solid #617352;border-radius:9px;background:#121e18;color:#edf3e3;font:inherit}.ideas-submit{display:flex;justify-content:space-between;align-items:center;gap:12px}.ideas-submit span{font-size:12px;color:#b6c7b5}.ideas-dialog h3{margin:22px 0 10px;font-size:15px}.ideas-list{display:grid;gap:9px;max-height:34vh;overflow:auto}.idea-card{padding:12px;border:1px solid #364b38;border-radius:10px;background:#19291f}.idea-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 9px;line-height:1.45}.idea-meta{color:#9eb19c;font-size:11px}.ideas-empty{color:#9eb19c;font-size:13px}@media(max-width:500px){.ideas-dialog{padding:18px}.room-actions{gap:4px}.room-actions button{padding:7px 9px}}