html,body,#root{color:#dbe7f7;background:#040913;width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}canvas{touch-action:none;display:block}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.brand{position:absolute;top:22px;left:26px}.name{letter-spacing:.42em;color:#35d6ff;text-shadow:0 0 18px #35d6ffb3;font-size:15px;font-weight:700}.topic{margin-top:8px;font-size:20px;font-weight:600}.topic.rename{pointer-events:auto;cursor:text;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;width:fit-content;max-width:520px;margin-left:-6px;padding:1px 6px;overflow:hidden}.topic.rename:hover{background:#35d6ff24}.nameform{pointer-events:auto;margin-top:8px}.nameform input{width:330px;font:inherit;color:#f2f7ff;background:#040913e6;border:1px solid #35d6ff;border-radius:6px;outline:none;margin-left:-8px;padding:3px 7px;font-size:20px;font-weight:600}.gather{pointer-events:auto;gap:8px;margin-top:10px;display:flex}.gather input{width:250px;font:inherit;color:#f2f7ff;background:#071020db;border:1px solid #35d6ff59;border-radius:8px;outline:none;padding:8px 11px;font-size:13px}.gather input:focus{border-color:#35d6ff;box-shadow:0 0 12px #35d6ff4d}.gather input::placeholder{color:#5f7592}.gather button{cursor:pointer;font:inherit;color:#04121c;background:#35d6ff;border:0;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.searchbox{position:relative}.pastsearches{z-index:5;scrollbar-width:thin;scrollbar-color:#35d6ff8c #35d6ff14;background:#071020f7;border:1px solid #35d6ff73;border-radius:8px;max-height:220px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000080}.pastsearches li{color:#dbe7f7;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:5px;padding:6px 8px;font-size:13px;overflow:hidden}.pastsearches li.active{color:#04121c;background:#35d6ff}.gather button.mic{color:#9fe6ff;background:#071020db;border:1px solid #35d6ff73;align-items:center;padding:8px 10px;display:flex}.gather button.mic:hover{background:#35d6ff2e}.gather button.mic.listening{color:#04121c;background:#ff8fa3;border-color:#ff8fa3;animation:1.2s ease-in-out infinite micpulse}@keyframes micpulse{50%{box-shadow:0 0 16px #ff8fa3cc}}@media (prefers-reduced-motion:reduce){.gather button.mic.listening{animation:none}}.count{color:#7f95b3;margin-top:8px;font-size:13px;line-height:1.4}.note{box-sizing:border-box;pointer-events:auto;color:#ffcf8a;-webkit-line-clamp:3;overflow-wrap:anywhere;background:#3c2608cc;border:1px solid #ffb34766;border-radius:6px;-webkit-box-orient:vertical;width:318px;margin-top:6px;padding:6px 9px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.player{background:0 0;border-radius:12px;position:relative;overflow:hidden}.player iframe{background:#000;border:0;width:100%;height:100%}.playbutton{cursor:pointer;background:#0000002e;border:0;position:absolute;inset:0}.playbutton span{background:#35d6ffeb;border-radius:50%;width:96px;height:96px;position:absolute;top:37%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #35d6ffb3}.playbutton span:after{content:"";border:20px solid #0000;border-left:34px solid #04121c;border-right-width:0;position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}.playerlink{color:#dbe7f7;background:#0009;border-radius:5px;padding:3px 8px;font-size:13px;text-decoration:none;position:absolute;top:6px;right:8px}.actions{gap:10px;display:flex;position:absolute;top:22px;right:26px}.actions button{pointer-events:auto;cursor:pointer;font:inherit;color:#dbe7f7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1c32b3;border:1px solid #35d6ff73;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s}.actions button:hover{background:#35d6ff2e;box-shadow:0 0 16px #35d6ff59}.side{flex-direction:column;gap:10px;width:300px;display:flex;position:absolute;top:76px;right:26px}.llmpicker,.replies{box-sizing:border-box;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071020db;border:1px solid #35d6ff2e;border-radius:8px;padding:10px 14px}.llmpicker{align-items:center;gap:10px;display:flex}.llmpicker .logtitle,.repliestitle .logtitle{margin-bottom:0}.llmpicker select{min-width:0;font:inherit;color:#dbe7f7;cursor:pointer;background:#0c1c32e6;border:1px solid #35d6ff73;border-radius:6px;flex:1;padding:6px 8px;font-size:13px;font-weight:600}.llmpicker select:focus-visible,.replies button:focus-visible{outline-offset:1px;outline:2px solid #35d6ff}.llmwarning{color:#ffcf8a;white-space:nowrap;font-size:11px}.repliestitle{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.replies button{cursor:pointer;font:inherit;color:#9fe6ff;background:#35d6ff1f;border:1px solid #35d6ff73;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.replies button.muted{color:#7f95b3;background:0 0;border-color:#7f95b373}.replies button:hover{background:#35d6ff38}.replylist{-webkit-user-select:text;user-select:text;scrollbar-width:thin;scrollbar-color:#35d6ff8c #35d6ff14;max-height:34vh;padding-right:4px;font-size:13px;line-height:1.45;overflow-y:auto}.reply+.reply{border-top:1px solid #35d6ff1f;margin-top:10px;padding-top:10px}.reply p{color:#dbe7f7;overflow-wrap:anywhere;margin:3px 0 5px}.replyfrom{letter-spacing:.08em;text-transform:uppercase;color:#9fe6ff;font-size:11px;font-weight:700}.replyfrom.claude{color:#ffb98a}.replies button.replay{color:#7f95b3;background:0 0;border-color:#7f95b359;padding:1px 8px;font-weight:500}.log{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071020db;border:1px solid #35d6ff2e;border-radius:8px;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.logtitle{letter-spacing:.18em;text-transform:uppercase;color:#7f95b3;margin-bottom:6px;font-size:11px}.logline{color:#9fe6ff;white-space:nowrap;text-overflow:ellipsis;padding:2px 0;overflow:hidden}.logline.dim{color:#556a88}.draft{box-sizing:border-box;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scrollbar-width:thin;scrollbar-color:#35d6ff8c #35d6ff14;background:#071020db;border:1px solid #35d6ff2e;border-radius:8px;width:290px;max-height:42vh;margin-top:12px;padding:12px 14px;font-size:13px;line-height:1.45;overflow-y:auto}.drafttitle{color:#f2f7ff;margin-bottom:8px;font-size:15px;font-weight:700}.draftempty{color:#556a88}.draftitem{gap:9px;margin-top:8px;display:flex}.draftitem p{color:#c3d2e6;margin:0}.draftitem strong{color:#f2f7ff}.draftitem .media{font-style:italic}.draftitem .media.image{color:#ffb347}.draftitem .media.video{color:#b48cff}.draftnumber{color:#35d6ff;flex:none;width:18px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;line-height:19px}.railscroll{pointer-events:auto;cursor:pointer;background:#35d6ff1a;border-radius:4px;height:8px;position:absolute;bottom:6px;left:3%;right:200px}.railthumb{cursor:grab;background:#35d6ff99;border-radius:4px;height:100%;position:absolute;top:0;box-shadow:0 0 10px #35d6ff80}.railthumb:active{cursor:grabbing;background:#35d6ffe6}.version{color:#9fe6ff;background:#040913bf;border-radius:4px;padding:2px 7px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;position:absolute;bottom:8px;right:12px}.empty{color:#7f95b3;text-align:center;font-size:20px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.boards{pointer-events:auto;text-align:left;background:#071020db;border:1px solid #35d6ff2e;border-radius:8px;width:420px;max-height:34vh;margin:22px auto 0;padding:12px 14px;overflow-y:auto}.boards a{color:#dbe7f7;border-radius:6px;justify-content:space-between;align-items:baseline;gap:14px;padding:7px 8px;font-size:14px;text-decoration:none;display:flex}.boards a:hover{background:#35d6ff24}.boards a strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.boards a span{color:#7f95b3;flex:none;font-size:12px}.zoneeditor{pointer-events:auto;background:#071020f0;border:1px solid #35d6ff73;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #35d6ff40}.zoneeditor span{color:#7f95b3}.zoneeditor input{width:220px;font:inherit;color:#f2f7ff;background:#040913e6;border:1px solid #35d6ff73;border-radius:7px;outline:none;padding:7px 10px}.zoneeditor button{cursor:pointer;font:inherit;color:#04121c;background:#35d6ff;border:0;border-radius:7px;padding:7px 13px;font-weight:600}.zoneeditor button.quiet{color:#ff9aa8;background:0 0;border:1px solid #ff8fa380}.version.differ,.version.off{color:#ffcf8a;background:#3c2608e6}.hint{color:#6f86a6;white-space:nowrap;font-size:12px;position:absolute;top:26px;left:50%;transform:translate(-50%)}@media (width<=1750px){.hint{display:none}}@media (width<=1100px){.hint,.draft,.side{display:none}}.login{background:radial-gradient(at 50% 30%,#0b1b33 0%,#040913 70%);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.loginbox{box-sizing:border-box;background:#071020e6;border:1px solid #35d6ff4d;border-radius:12px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:28px;display:flex;box-shadow:0 0 40px #35d6ff1f}.loginbox h1{color:#f2f7ff;margin:0;font-size:20px;font-weight:600}.loginbox p{color:#b9c9de;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.5}.loginbox label{color:#9fb4cf;flex-direction:column;gap:6px;font-size:13px;display:flex}.loginbox input{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:#f2f7ff;background:#040913e6;border:1px solid #35d6ff59;border-radius:8px;outline:none;padding:10px 12px;font-size:15px}.loginbox input:focus{border-color:#35d6ff;box-shadow:0 0 12px #35d6ff4d}.passwordrow{gap:8px;display:flex}.loginbox button{cursor:pointer;font:inherit;border-radius:8px;font-size:14px;font-weight:600}.loginbox button:focus-visible{outline-offset:2px;outline:2px solid #35d6ff}.loginbox button.go{color:#04121c;background:#35d6ff;border:0;padding:11px 14px}.loginbox button.go:disabled{cursor:default;opacity:.6}.loginbox button.plain{color:#9fe6ff;background:0 0;border:1px solid #35d6ff59;padding:9px 12px}.loginbox button.plain:hover{background:#35d6ff1f}.loginerror{color:#ffcf8a;background:#3c2608d9;border:1px solid #ffb34780;border-radius:8px;padding:9px 12px;font-size:13px;line-height:1.4}.loginhint{color:#7f95b3;margin-top:-6px;font-size:12px}
