@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-family: "Space Grotesk", "Segoe UI", sans-serif;--bg-main: #0f1217;--bg-elevated: #171b23;--bg-soft: #202734;--text-main: #edf2ff;--text-subtle: #b7bfd6;--line-color: #2f3c57;--brand: #62d2a2;--brand-contrast: #073022;--danger: #ff7f8e;--shadow-color: rgb(0 0 0 / 25%)}[data-theme=light]{--bg-main: #f2f7fb;--bg-elevated: #ffffff;--bg-soft: #e4edf5;--text-main: #112235;--text-subtle: #5f7388;--line-color: #d3e0ec;--brand: #10735f;--brand-contrast: #f4fffb;--danger: #cd314d;--shadow-color: rgb(18 34 53 / 10%)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}body{font-family:var(--font-family);background:radial-gradient(circle at 100% 0%,rgba(98,210,162,.2),transparent 35%),radial-gradient(circle at 0% 100%,rgba(16,115,95,.18),transparent 35%),var(--bg-main);color:var(--text-main);min-height:100vh}a{color:inherit;text-decoration:none}code{font-family:Cascadia Mono,Fira Code,monospace}.app-shell{width:min(1040px,100% - 2rem);margin-inline:auto;padding:1.25rem 0 2rem}@media (max-width: 560px){.app-shell{width:calc(100% - .8rem);padding:.55rem 0 1rem}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--line-color);background:var(--bg-elevated);border-radius:1rem;box-shadow:0 10px 30px var(--shadow-color)}.toolbar__left{display:flex;align-items:center;gap:.9rem;min-width:0}.toolbar__title{font-size:1.25rem;font-weight:700;letter-spacing:.02em}.toolbar__title-link{color:inherit;text-decoration:none}.toolbar__controls{display:flex;align-items:center;gap:.75rem}.toolbar__icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-color);background:var(--bg-soft);color:var(--text-main);border-radius:.65rem;position:relative}.toolbar__icon-button{cursor:pointer}.toolbar__icon{width:20px;height:20px;display:block}.toolbar__lang-code{position:absolute;bottom:-7px;right:-7px;min-width:20px;height:20px;padding:0 .25rem;border-radius:999px;border:1px solid var(--line-color);background:var(--bg-main);color:var(--text-main);font-size:.65rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 560px){.toolbar{padding:.7rem .8rem;gap:.55rem;align-items:center}.toolbar__title{font-size:1.05rem;letter-spacing:.01em}.toolbar__controls{gap:.5rem}.toolbar__icon-button{width:34px;height:34px;border-radius:.55rem}.toolbar__icon{width:17px;height:17px}.toolbar__lang-code{min-width:16px;height:16px;bottom:-5px;right:-5px;font-size:.58rem}}.join-card{border:1px solid var(--line-color);background:var(--bg-elevated);border-radius:1rem;box-shadow:0 10px 30px var(--shadow-color);padding:1.25rem;max-width:700px;margin:2.5rem auto 0}.join-card__title{font-size:1.25rem;margin-bottom:.35rem}.join-card__hint{color:var(--text-subtle);margin-bottom:1rem}.join-card__form{display:flex;gap:.75rem}.join-card__input{flex:1;background:var(--bg-soft);border:1px solid var(--line-color);color:var(--text-main);border-radius:.75rem;padding:.75rem}.join-card__submit{border:none;background:var(--brand);color:var(--brand-contrast);border-radius:.75rem;width:48px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.join-card__submit-icon{width:22px;height:22px;display:block}@media (max-width: 560px){.join-card{margin-top:.9rem;padding:.9rem;border-radius:.85rem}.join-card__title{font-size:1.1rem}.join-card__hint{font-size:.86rem;margin-bottom:.75rem}.join-card__form{gap:.55rem}.join-card__input{padding:.65rem}.join-card__submit{width:42px}}.room-chat{margin-top:1.25rem;border:1px solid var(--line-color);border-radius:1rem;background:var(--bg-elevated);box-shadow:0 10px 30px var(--shadow-color);padding:1rem}.room-chat__header{padding-bottom:.85rem;border-bottom:1px solid var(--line-color);margin-bottom:.9rem}.room-chat__header-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.room-chat__title{font-size:1.05rem}.room-chat__note{color:var(--text-subtle);margin-top:.35rem;font-size:.9rem}.room-chat__loading{color:var(--text-subtle);margin-bottom:.65rem}.room-chat__error{color:var(--danger);margin-bottom:.65rem}.room-chat__refresh-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-color);background:var(--bg-soft);color:var(--text-main);border-radius:.65rem;cursor:pointer}.room-chat__refresh-icon{width:20px;height:20px;display:block}.room-chat__refresh-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 560px){.room-chat{margin-top:.65rem;padding:.75rem;border-radius:.85rem}.room-chat__header{padding-bottom:.6rem;margin-bottom:.65rem}.room-chat__title{font-size:.95rem}.room-chat__note{font-size:.82rem;margin-top:.28rem}.room-chat__refresh-button{width:34px;height:34px;border-radius:.55rem}.room-chat__refresh-icon{width:16px;height:16px}}.message-list{display:flex;flex-direction:column;gap:.55rem;max-height:52vh;min-height:200px;overflow-y:auto;padding-right:.3rem}.message-list__empty{color:var(--text-subtle);min-height:120px;display:flex;align-items:center;justify-content:center}.message-list__anchor{height:1px}@media (max-width: 560px){.message-list{max-height:min(54dvh,100dvh - 300px);min-height:170px;gap:.45rem;padding-right:.15rem}.message-list__empty{min-height:90px;font-size:.9rem;text-align:center}}.message-item{display:flex}.message-item__content{border:1px solid var(--line-color);background:var(--bg-soft);border-radius:.75rem;padding:.65rem .75rem;max-width:90%}.message-item__text{white-space:pre-wrap;line-height:1.35}.message-item__meta{display:block;margin-top:.4rem;color:var(--text-subtle);font-size:.8rem}.message-item__file-link{color:var(--brand);font-weight:600;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.composer{margin-top:.95rem;border-top:1px solid var(--line-color);padding-top:.95rem}.composer__input{width:100%;border:1px solid var(--line-color);background:var(--bg-soft);color:var(--text-main);border-radius:.75rem;padding:.7rem;resize:vertical;min-height:84px}.composer__actions{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.composer__icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;border:1px solid var(--line-color);background:var(--bg-soft);color:var(--text-main);cursor:pointer}.composer__icon-button--primary{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.composer__icon{width:20px;height:20px;display:block}.composer__file-input{display:none}.composer__progress{margin-top:.8rem}.composer__progress-track{width:100%;height:10px;border-radius:999px;background:var(--line-color);overflow:hidden}.composer__progress-fill{height:100%;background:var(--brand);transition:width .15s linear}.composer__progress-meta{margin-top:.35rem;display:flex;justify-content:space-between;gap:.75rem;font-size:.85rem;color:var(--text-subtle)}@media (max-width: 560px){.composer__actions{justify-content:flex-end}}.home-page{min-height:calc(100vh - 120px)}@media (max-width: 560px){.home-page{min-height:calc(100dvh - 86px)}}.room-page{margin-top:.35rem}