:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f7f7f8;--surface:#fff;--surface-subtle:#f3f4f4;--surface-strong:#eceeed;--text:#202123;--text-soft:#60646c;--text-faint:#858990;--border:#dedfdf;--border-strong:#c7c9c8;--accent:#2f6f5e;--accent-hover:#285f50;--accent-soft:#e9f2ef;--info:#4f6f8f;--info-hover:#425f7a;--info-soft:#edf3f8;--info-border:#d6e3ee;--danger:#a63a3a;--danger-hover:#8d3030;--danger-soft:#f8ecec;--shadow:0 10px 30px #20212312;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--header-height:68px;font-synthesis:none;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page);height:100%}body{background:var(--page);min-width:320px;height:100dvh;color:var(--text);flex-direction:column;margin:0;display:flex;overflow:hidden}button,input,textarea,select{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #4f6f8f38}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--page);flex-direction:column;flex:auto;height:auto;min-height:0;display:flex;overflow:hidden}.site-header{height:var(--header-height);flex:0 0 var(--header-height);border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;padding:0 28px;display:flex}.brand{color:var(--text);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand:hover .brand-name{color:var(--accent)}.brand:hover .brand-mark,.brand:focus-visible .brand-mark{transform:translateY(-1px)rotate(-2deg)scale(1.035)}.brand-mark{border-radius:9px;flex:none;width:30px;height:30px;transition:transform .18s cubic-bezier(.2,.75,.25,1)}.brand-name{letter-spacing:.12em;font-size:.93rem;font-weight:750;transition:color .14s}.header-session{align-items:center;gap:12px;display:flex}.sync-state{color:var(--text-soft);padding-left:15px;font-size:.82rem;position:relative}.sync-state:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sync-state.is-loading:before,.sync-state.is-busy:before{background:var(--info);animation:1.6s ease-in-out infinite sync-pulse}.sync-state.is-ok:before{background:var(--accent)}.sync-state.is-error:before,.sync-state.is-offline:before{background:var(--danger)}@keyframes sync-pulse{50%{opacity:.45;transform:translateY(-50%)scale(.82)}}.app-main{flex:auto;min-height:0}.screen{width:100%;height:100%}.auth-screen{background:var(--surface);place-items:center;padding:32px;display:grid;overflow:hidden auto}.auth-content{text-align:center;width:min(100%,410px)}.auth-logo{border-radius:17px;width:60px;height:60px;margin-bottom:22px;transition:transform .18s cubic-bezier(.2,.75,.25,1)}.auth-logo:hover{transform:translateY(-2px)rotate(-1.5deg)scale(1.025)}.eyebrow{color:var(--text-faint);letter-spacing:.13em;margin:0 0 8px;font-size:.72rem;font-weight:750}.auth-content h1,.recovery-card h1,.composer-heading h1{letter-spacing:-.035em;margin:0;font-weight:670}.auth-content h1{font-size:clamp(2rem,5vw,2.7rem);line-height:1.05}.auth-copy{max-width:36rem;color:var(--text-soft);margin:14px auto 0;font-size:.98rem;line-height:1.55}.pin-form{gap:9px;margin-top:30px;display:grid}.pin-form label,.recovery-form label{text-align:left;color:var(--text-soft);font-size:.83rem;font-weight:650}.pin-field{position:relative}.pin-loader{border:2px solid var(--surface-strong);border-top-color:var(--accent);border-radius:50%;width:17px;height:17px;margin-top:-8.5px;animation:.7s linear infinite spin;position:absolute;top:50%;right:16px}.pin-form input,.recovery-form input{border:1px solid var(--border-strong);background:var(--surface);width:100%;height:52px;color:var(--text);letter-spacing:.25em;text-align:center;border-radius:12px;font-size:1.22rem;transition:border-color .14s,box-shadow .14s}.pin-form input::placeholder,.recovery-form input::placeholder{color:#a9acad}.pin-form input:focus,.recovery-form input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2f6f5e1a}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:11px;min-height:44px;padding:0 18px;font-weight:680;transition:background-color .14s,border-color .14s,color .14s}.primary-button{background:var(--text);color:#fff}.primary-button:hover:not(:disabled){background:#343638}.secondary-button{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.secondary-button:hover:not(:disabled){background:var(--surface-subtle)}.danger-button{background:var(--danger);color:#fff}.danger-button:hover:not(:disabled){background:var(--danger-hover)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.text-button:disabled,.icon-button:disabled{opacity:.52;cursor:not-allowed}.text-button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.86rem;font-weight:620}.text-button:hover:not(:disabled){color:var(--text)}.form-message{min-height:20px;color:var(--text-faint);margin:13px 0 0;font-size:.83rem;line-height:1.45}.form-message.is-error{color:var(--danger)}.form-message.is-success{color:var(--accent)}.lock-panel{border-top:1px solid var(--border);margin-top:28px;padding-top:26px}.lock-panel h2{margin:0;font-size:1rem}.lock-panel>p{color:var(--text-soft);margin:8px 0 16px;font-size:.88rem;line-height:1.5}.workspace-screen{overflow:hidden}.workspace-inner{grid-template-rows:auto minmax(0,1fr);gap:14px;width:min(100%,1080px);height:100%;margin:0 auto;padding:18px 28px;display:grid}.composer-card,.items-frame{border:1px solid var(--border);background:var(--surface)}.composer-card{box-shadow:none;border-radius:18px;padding:18px}.composer-heading{margin-bottom:12px}.composer-heading h1{font-size:1.18rem}#text-input{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:98px;max-height:180px;color:var(--text);background:#fcfcfc;padding:14px 15px;line-height:1.5;transition:border-color .14s,background-color .14s}#text-input::placeholder{color:#9a9da1}#text-input:focus{border-color:var(--border-strong);background:var(--surface);outline:none}.drop-zone{border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-subtle);min-height:50px;color:var(--text-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding:10px 13px;transition:border-color .14s,background-color .14s;display:flex}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.drop-copy{align-items:center;gap:10px;min-width:0;font-size:.84rem;display:flex}.drop-copy svg{width:19px;height:19px;color:var(--info);flex:none;transition:color .14s,transform .14s}.drop-zone:hover .drop-copy svg,.drop-zone.is-dragging .drop-copy svg{color:var(--accent);transform:translateY(-1px)}.drop-copy strong{color:var(--text);font-weight:650}.drop-limit{color:var(--text-faint);flex:none;font-size:.75rem}.selected-files{gap:7px;margin-top:10px;display:grid}.selected-file{border:1px solid var(--border);background:var(--surface);border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:grid;position:relative;overflow:hidden}.selected-file-copy{z-index:1;align-items:baseline;gap:8px;min-width:0;display:flex;position:relative}.selected-file-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:620;overflow:hidden}.selected-file-size,.selected-file-status{color:var(--text-faint);flex:none;font-size:.72rem}.selected-file-status{font-variant-numeric:tabular-nums}.selected-file-status.is-info{color:var(--info)}.selected-file-status.is-success{color:var(--accent)}.selected-file-status.is-error{color:var(--danger)}.remove-file-button{z-index:1;width:27px;height:27px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:relative}.remove-file-button:hover:not(:disabled){background:var(--surface-subtle);color:var(--text)}.file-progress{background:var(--surface-strong);height:4px;position:absolute;inset:auto 0 0}.file-progress>span{background:var(--info);width:0;height:100%;transition:width .1s linear;display:block}.composer-actions{justify-content:space-between;align-items:end;gap:14px;margin-top:13px;display:flex}.ttl-field{color:var(--text-soft);gap:5px;font-size:.74rem;font-weight:620;display:grid}.ttl-field select{border:1px solid var(--border);background:var(--surface);min-width:116px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;padding:0 34px 0 11px}.send-button{min-width:114px}.recent-section{flex-direction:column;min-height:0;display:flex}.recent-header{justify-content:space-between;align-items:center;gap:16px;min-height:38px;padding:0 4px 10px;display:flex}.recent-heading-line{align-items:center;gap:9px;display:flex}.recent-header h2{margin:0;font-size:.96rem;font-weight:700}.item-count{background:var(--surface-strong);min-width:22px;height:22px;color:var(--text-soft);border-radius:999px;place-items:center;padding:0 7px;font-size:.72rem;font-weight:700;display:inline-grid}.items-frame{border-radius:var(--radius-lg);flex:auto;min-height:0;position:relative;overflow:hidden}.item-list{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;overflow-y:auto}.item-card{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:84px;padding:14px 16px;display:grid}.item-card:last-child{border-bottom:0}.item-card:hover{background:#fdfdfd}.item-main{align-items:center;gap:12px;min-width:0;display:flex}.item-type-mark{background:var(--surface-subtle);width:38px;height:38px;color:var(--text-soft);border-radius:11px;flex:0 0 38px;place-items:center;display:grid}.item-type-mark.is-text{background:var(--accent-soft);color:var(--accent)}.item-type-mark.is-file,.item-type-mark.is-audio{background:var(--info-soft);color:var(--info)}.item-type-mark svg{width:20px;height:20px}.item-copy{min-width:0}.item-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.89rem;font-weight:660;line-height:1.25;overflow:hidden}.item-preview{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.35;overflow:hidden}.item-meta{color:var(--text-faint);flex-wrap:wrap;gap:6px 10px;margin-top:5px;font-size:.71rem;display:flex}.item-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.action-button{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-soft);cursor:pointer;border-radius:9px;place-items:center;padding:0;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:grid}.action-button svg{width:17px;height:17px}.action-button.is-info{color:var(--info)}.action-button.is-info:hover:not(:disabled),.action-button.is-info:focus-visible{border-color:var(--info-border);background:var(--info-soft);color:var(--info-hover);transform:translateY(-1px)}.action-button.is-danger{color:var(--danger)}.action-button.is-danger:hover:not(:disabled),.action-button.is-danger:focus-visible{background:var(--danger-soft);color:var(--danger);border-color:#e2b9b9;transform:translateY(-1px)}.expiry-controls{align-items:center;gap:6px;display:flex}.expiry-countdown{border:1px solid var(--border);background:var(--surface);min-width:66px;min-height:34px;color:var(--text-soft);font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;padding:0 9px;font-size:.74rem;font-weight:680;display:grid}.expiry-select{border:1px solid var(--border);background:var(--surface);max-width:82px;min-height:34px;color:var(--text-soft);cursor:pointer;border-radius:9px;padding:0 7px;font-size:.72rem;font-weight:620}.expiry-select:hover:not(:disabled),.expiry-select:focus-visible{border-color:var(--border-strong);color:var(--text)}.empty-state,.loading-state{text-align:center;place-content:center;justify-items:center;height:100%;padding:32px;display:grid}.empty-mark{border:1px solid var(--info-border);background:var(--info-soft);width:48px;height:48px;color:var(--info);border-radius:14px;place-items:center;margin-bottom:13px;display:grid}.empty-mark svg{width:23px;height:23px}.empty-state h3{margin:0;font-size:.94rem}.empty-state p{max-width:370px;color:var(--text-faint);margin:7px 0 0;font-size:.8rem;line-height:1.5}.loading-state{color:var(--text-soft);font-size:.82rem}.spinner{border:2px solid var(--surface-strong);border-top-color:var(--info);border-radius:50%;width:18px;height:18px;margin-bottom:10px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-soft);cursor:pointer;border-radius:10px;place-items:center;padding:0;transition:background-color .14s,border-color .14s,color .14s;display:grid}.icon-button:hover{background:var(--surface-subtle);color:var(--text)}.icon-button svg{width:19px;height:19px;transition:transform .14s}.icon-button:hover:not(:disabled) svg{transform:translateY(-1px)}.info-icon-button{color:var(--info);background:0 0;border-color:#0000}.info-icon-button:hover:not(:disabled),.info-icon-button:focus-visible{border-color:var(--info-border);background:var(--info-soft);color:var(--info-hover)}.logout-button{color:var(--danger);background:0 0;border-color:#0000}.logout-button:hover:not(:disabled){background:var(--danger-soft);color:var(--danger-hover);border-color:#ebcccc}.refresh-button{width:34px;height:34px;color:var(--info);background:0 0;border-color:#0000}.refresh-button:hover:not(:disabled){border-color:var(--info-border);background:var(--info-soft);color:var(--info-hover)}.refresh-button.is-spinning svg{animation:.7s linear infinite spin}.preview-dialog,.confirm-dialog{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:18px;box-shadow:0 24px 70px #20212333}.preview-dialog::backdrop,.confirm-dialog::backdrop{background:#2021236b}.preview-dialog{width:min(92vw,920px);max-height:88dvh;padding:0;overflow:hidden}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:15px 18px;display:flex}.dialog-header h2,.confirm-dialog h2{margin:0;font-size:1.05rem}.preview-body{background:#f4f4f4;place-items:center;max-height:calc(88dvh - 70px);padding:18px;display:grid;overflow:auto}.preview-body img{object-fit:contain;border-radius:9px;max-width:100%;max-height:calc(88dvh - 108px);display:block;box-shadow:0 6px 24px #20212314}.confirm-dialog{width:min(92vw,420px);padding:22px}.confirm-dialog p:not(.eyebrow){color:var(--text-soft);margin:9px 0 0;font-size:.86rem;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.toast-region{z-index:50;pointer-events:none;gap:8px;display:grid;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--border-strong);background:var(--surface);width:min(360px,100vw - 40px);color:var(--text);border-radius:11px;padding:11px 13px;font-size:.8rem;line-height:1.4;animation:.15s ease-out toast-in;box-shadow:0 12px 34px #20212324}.toast.is-error{background:snow;border-color:#deb7b7}.toast.is-success{background:#fbfefd;border-color:#b8d5cc}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.recovery-shell{background:var(--surface)}.recovery-main{flex:auto;place-items:center;min-height:0;padding:32px;display:grid}.recovery-card{width:min(100%,430px)}.recovery-card h1{font-size:2rem}.recovery-form{gap:10px;margin-top:28px;display:grid}.recovery-form label:not(:first-child){margin-top:5px}.recovery-loading{height:auto;min-height:120px;margin-top:20px;padding:20px}.recovery-result{border:1px solid var(--border);background:var(--surface-subtle);border-radius:14px;margin-top:26px;padding:18px}.recovery-result h2{margin:0;font-size:1rem}.recovery-result p{color:var(--text-soft);margin:8px 0 16px;font-size:.84rem;line-height:1.5}.secondary-link{border:1px solid var(--border-strong);min-height:40px;color:var(--text);border-radius:10px;align-items:center;padding:0 13px;font-size:.82rem;font-weight:650;text-decoration:none;display:inline-flex}.secondary-link:hover{background:var(--surface)}.project-footer{border-top:1px solid var(--border);background:var(--page);min-height:44px;color:var(--text-soft);text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;padding:4px 14px;font-size:.72rem;display:flex}.project-footer p{margin:0;line-height:1.25}.project-footer p+p{color:var(--text-faint);margin-top:0}.project-footer a{color:var(--text);text-decoration:none}.project-footer a:hover,.project-footer a:focus-visible{color:var(--accent);text-underline-offset:3px;text-decoration:underline}@media (width<=760px){:root{--header-height:62px}.site-header{padding:0 17px}.sync-state{display:none}.workspace-inner{gap:12px;padding:14px 13px 15px}.composer-card{border-radius:17px;padding:15px}.composer-heading{margin-bottom:11px}#text-input{min-height:82px;max-height:128px}.drop-zone{align-items:flex-start}.drop-limit{display:none}.item-card{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.item-actions{flex-wrap:wrap;justify-content:flex-start;padding-left:50px}.auth-screen,.recovery-main{padding:24px 20px}}@media (width<=480px){.composer-actions{align-items:stretch}.ttl-field{flex:auto}.ttl-field select{width:100%}.send-button{min-width:104px}.item-type-mark{flex-basis:34px;width:34px;height:34px}.item-actions{padding-left:46px}.action-button,.expiry-countdown,.expiry-select{min-height:32px}.project-footer{padding:4px 10px}.project-footer span{margin-top:0;display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.public-nav{align-items:center;gap:8px;display:flex}.header-link{min-height:34px;color:var(--text-soft);border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:.78rem;font-weight:650;text-decoration:none;display:inline-flex}.header-link:hover,.header-link:focus-visible{background:var(--surface-subtle);color:var(--text)}.header-button{cursor:pointer;background:0 0;border:0}.auth-secondary-link{color:var(--text-soft);margin-top:11px;font-size:.82rem;font-weight:630;text-decoration:none;display:inline-block}.auth-secondary-link:hover,.auth-secondary-link:focus-visible{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.selected-files{overscroll-behavior:contain;max-height:112px;overflow-y:auto}.audio-row{align-items:center;gap:8px;margin-top:9px;display:flex}.audio-load-button{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--text-soft);cursor:pointer;border-radius:9px;padding:0 10px;font-size:.73rem;font-weight:650}.audio-load-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-subtle);color:var(--text)}.room-header-code,.room-expiry{color:var(--text-soft);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.room-header-code{color:var(--text);letter-spacing:.04em}.room-expiry{text-align:center;min-width:48px}.room-code-form input{letter-spacing:.08em;text-transform:uppercase}.room-code-form .primary-button{margin-top:2px}.recent-tools{align-items:center;gap:8px;display:flex}.document-page{flex-direction:column;height:auto;min-height:100dvh;display:flex;overflow:hidden auto}.document-shell{background:var(--page);flex:1 0 auto;min-height:calc(100dvh - 40px)}.document-shell .site-header{position:relative}.compact-document-page .document-shell{flex-direction:column;min-height:calc(100dvh - 40px);display:flex}.admin-main{width:min(100%,1120px);margin:0 auto;padding:28px 28px 34px}.admin-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.admin-heading h1{letter-spacing:-.04em;margin:0;font-size:1.8rem}.admin-heading>p{color:var(--text-soft);margin:0 0 2px;font-size:.82rem}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-card,.admin-panel{border:1px solid var(--border);background:var(--surface);border-radius:15px}.metric-card{flex-direction:column;justify-content:space-between;gap:9px;min-height:104px;padding:15px;display:flex}.metric-card-wide{grid-column:span 2}.metric-card>span{color:var(--text-soft);font-size:.75rem;font-weight:620}.metric-label{align-items:center;gap:8px;display:flex}.metric-icon{border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.metric-icon svg{width:16px;height:16px}.metric-icon.is-success{background:var(--accent-soft);color:var(--accent)}.metric-icon.is-info{background:var(--info-soft);color:var(--info)}.metric-icon.is-danger{background:var(--danger-soft);color:var(--danger)}.metric-card>strong{font-size:1.15rem;line-height:1.15}.storage-track{background:var(--surface-strong);border-radius:999px;height:7px;overflow:hidden}.storage-track>span{border-radius:inherit;background:var(--accent);width:0;height:100%;transition:width .16s;display:block}.usage-state{color:var(--text-faint);font-size:.7rem}.is-ok,.usage-state.is-ok{color:var(--accent)}.is-warning,.usage-state.is-warning{color:var(--info)}.is-error,.usage-state.is-error{color:var(--danger)}.admin-columns{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.admin-panel{margin-top:12px;padding:16px}.admin-columns .admin-panel{margin-top:0}.panel-heading{justify-content:space-between;align-items:center;gap:16px;min-height:30px;margin-bottom:10px;display:flex}.panel-heading h2{margin:0;font-size:.98rem}.panel-heading-actions>div:first-child{align-items:center;gap:9px;display:flex}.panel-count{background:var(--surface-strong);min-width:38px;min-height:22px;color:var(--text-soft);border-radius:999px;place-items:center;padding:0 7px;font-size:.7rem;font-weight:700;display:inline-grid}.status-list{display:grid}.status-row{border-top:1px solid var(--border);min-height:35px;color:var(--text-soft);justify-content:space-between;align-items:center;gap:14px;font-size:.78rem;display:flex}.status-row:first-child{border-top:0}.status-row strong{color:var(--text);text-align:right;font-size:.76rem}.status-row strong.is-ok{color:var(--accent)}.status-row strong.is-info{color:var(--info)}.status-row strong.is-error{color:var(--danger)}.room-create-controls{align-items:end;gap:8px;display:flex}.room-create-controls label,.field-label{color:var(--text-soft);gap:4px;font-size:.7rem;font-weight:620;display:grid}.room-create-controls select,.field-label select{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text);border-radius:9px;padding:0 28px 0 10px}.compact-button{border-radius:9px;min-height:36px;padding:0 12px;font-size:.76rem}.utility-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.utility-button svg{width:16px;height:16px}.utility-button.is-success svg{color:var(--accent)}.utility-button.is-info svg{color:var(--info)}.admin-room-action{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:grid}.admin-room-action svg{width:17px;height:17px}.admin-room-action.is-info{color:var(--info)}.admin-room-action.is-info:hover:not(:disabled),.admin-room-action.is-info:focus-visible{border-color:var(--info-border);background:var(--info-soft);color:var(--info-hover);transform:translateY(-1px)}.admin-room-action.is-danger{color:var(--danger)}.admin-room-action.is-danger:hover:not(:disabled),.admin-room-action.is-danger:focus-visible{background:var(--danger-soft);color:var(--danger-hover);border-color:#e2b9b9;transform:translateY(-1px)}.button-link{text-decoration:none}.admin-room-list{gap:8px;display:grid}.admin-room{border:1px solid var(--border);background:var(--surface-subtle);border-radius:11px;justify-content:space-between;align-items:center;gap:16px;padding:11px 12px;display:flex}.admin-room-info{gap:3px;min-width:0;display:grid}.admin-room-info strong{font-size:.85rem}.admin-room-info>span{color:var(--text-soft);font-size:.74rem}.admin-room-note{color:var(--text-faint)!important;font-size:.68rem!important}.admin-room-actions,.maintenance-actions,.share-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.admin-empty{color:var(--text-faint);margin:8px 0;font-size:.78rem}.maintenance-panel{margin-bottom:0}.danger-outline-button{background:var(--surface);min-height:44px;color:var(--danger);cursor:pointer;border:1px solid #dbb7b7;border-radius:11px;padding:0 18px;font-weight:680}.danger-outline-button:hover:not(:disabled){background:var(--danger-soft)}.admin-pin-dialog .admin-pin-form{margin-top:0}.admin-pin-dialog .admin-pin-form .eyebrow{margin-bottom:0}.admin-pin-dialog .form-message{margin-top:4px}.admin-pin-dialog .form-message.is-error{color:var(--danger)}.admin-pin-dialog .form-message.is-success{color:var(--accent)}.qr-dialog{border:1px solid var(--border);background:var(--surface);width:min(92vw,360px);color:var(--text);text-align:center;border-radius:18px;padding:0 18px 20px}.qr-dialog::backdrop{background:#2021236b}.qr-dialog .dialog-header{text-align:left;margin:0 -18px 18px}.qr-dialog canvas{width:min(260px,100%);height:auto;image-rendering:pixelated}.qr-code{letter-spacing:.08em;margin-top:12px;font-size:1.15rem;display:block}.qr-dialog>p{color:var(--text-faint);margin:7px 0 0;font-size:.73rem}.share-main{flex:auto;place-items:center;padding:28px 20px;display:grid}.share-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:min(100%,460px);padding:22px}.share-card h1{letter-spacing:-.035em;margin:0;font-size:1.5rem}.share-summary{gap:7px;margin:18px 0;display:grid}.share-item{border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:10px;padding:10px 11px;font-size:.77rem;overflow:hidden}.share-auth{border:1px solid var(--border);background:var(--surface-subtle);border-radius:12px;gap:12px;margin:18px 0;padding:14px;display:grid}.share-auth-copy{color:var(--text-soft);margin:0;font-size:.76rem;line-height:1.45}.share-auth-form{gap:7px;display:grid}.share-auth-form>label{color:var(--text-soft);font-size:.72rem;font-weight:650}.share-auth-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.share-auth-row input{border:1px solid var(--border-strong);background:var(--surface);min-width:0;height:44px;color:var(--text);border-radius:11px;padding:0 12px;font-size:.92rem}.share-auth-row input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2f6f5e1a}#share-pin{letter-spacing:.2em;text-align:center}#share-room-code{letter-spacing:.08em;text-transform:uppercase}.share-auth-message{color:var(--text-soft);margin:0;font-size:.72rem;line-height:1.4}.share-auth-message.is-error{color:var(--danger)}.share-auth-message.is-success{color:var(--accent)}.share-auth-divider{height:14px;color:var(--text-faint);place-items:center;font-size:.66rem;display:grid;position:relative}.share-auth-divider:before{background:var(--border);content:"";height:1px;position:absolute;left:0;right:0}.share-auth-divider span{z-index:1;background:var(--surface-subtle);padding:0 8px;position:relative}.share-card .field-label+.field-label{margin-top:10px}.share-progress{min-height:18px;color:var(--text-faint);margin:13px 0 0;font-size:.74rem}.share-actions{margin-top:17px}.compact-document-page .recovery-main{flex:auto}.app-page .project-footer{min-height:40px;padding-top:3px;padding-bottom:3px}@media (height<=760px) and (width>=761px){:root{--header-height:56px}.workspace-inner{gap:9px;padding-top:10px;padding-bottom:10px}.composer-card{padding:12px 14px}.composer-heading{margin-bottom:8px}#text-input{min-height:66px;max-height:88px}.drop-zone{min-height:42px;margin-top:7px;padding-top:7px;padding-bottom:7px}.composer-actions{margin-top:8px}.selected-files{max-height:82px}.recent-header{min-height:31px;padding-bottom:5px}.app-page .project-footer{min-height:36px;font-size:.68rem}}@media (width<=760px){.public-nav{gap:2px}.public-nav .header-link:first-child{font-size:.72rem}.header-session{gap:4px}.header-session .header-link{padding:0 7px}.room-header-code{font-size:.72rem}.room-expiry{display:none}.audio-row{flex-direction:column;align-items:stretch}.audio-row audio{width:100%}.admin-main{padding:20px 14px 28px}.admin-heading{flex-direction:column;align-items:flex-start;gap:5px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card-wide{grid-column:1/-1}.admin-columns{grid-template-columns:1fr}.panel-heading-actions,.admin-room{flex-direction:column;align-items:stretch}.room-create-controls{width:100%}.room-create-controls label{flex:auto}.room-create-controls select,.room-create-controls .primary-button{width:100%}.admin-room-actions,.maintenance-actions{justify-content:flex-start}.admin-room-actions .compact-button{flex:auto}}@media (width<=480px){.public-nav #update-button{display:none!important}.public-nav .header-link:first-child{text-align:center;max-width:120px}.header-session .sync-state{display:none}.admin-grid{grid-template-columns:1fr}.metric-card-wide{grid-column:auto}.metric-card{min-height:88px}.room-create-controls{flex-direction:column;align-items:stretch}.share-auth-row{grid-template-columns:1fr}.share-auth-row .secondary-button{width:100%}.share-actions>*{flex:1 1 0}}.auth-layout{grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:center;width:100%;display:grid;position:relative}.auth-divider{z-index:3;background:linear-gradient(to bottom, transparent 0%, var(--border-strong) 14%, #aeb1b0 50%, var(--border-strong) 86%, transparent 100%);pointer-events:none;border-radius:999px;width:2px;height:clamp(260px,42vh,360px);position:absolute;top:50%;left:70%;transform:translate(-50%,-50%)}.auth-layout .auth-content{grid-column:1;justify-self:center;width:min(100%,430px)}.room-access-panel{grid-column:2;justify-self:center;gap:12px;width:min(100%,320px);display:grid}.room-access-heading{color:var(--text-soft);justify-content:space-between;align-items:center;gap:14px;padding:0 2px 4px;font-size:.78rem;font-weight:650;display:flex}.room-access-heading strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:.82rem}.room-access-card{border:1px solid var(--border);background:var(--surface);width:100%;min-height:92px;color:var(--text);border-radius:16px}.room-create-card{text-align:left;cursor:pointer;align-items:center;gap:13px;padding:18px;transition:border-color .14s,background-color .14s,opacity .14s;display:flex}.room-create-card:hover:not(:disabled),.room-create-card:focus-visible:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.room-create-card:disabled{opacity:.48;cursor:not-allowed}.room-access-icon{background:var(--surface-subtle);width:38px;height:38px;color:var(--text);border-radius:11px;flex:none;place-items:center;transition:background-color .14s,color .14s,transform .14s;display:grid}.room-create-card .room-access-icon{background:var(--accent-soft);color:var(--accent)}.room-join-card .room-access-icon{background:var(--info-soft);color:var(--info)}.room-create-card:hover:not(:disabled) .room-access-icon,.room-join-card:focus-within .room-access-icon{transform:translateY(-1px)}.room-access-icon svg{width:20px;height:20px}.room-join-card{gap:12px;padding:16px 18px 18px;display:grid}.room-access-title{align-items:center;gap:12px;display:flex}.room-inline-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.room-inline-form input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;height:44px;color:var(--text);letter-spacing:.08em;text-align:center;text-transform:uppercase;border-radius:11px;font-size:.95rem;font-weight:650}.room-inline-form input:focus{border-color:var(--info);outline:none;box-shadow:0 0 0 3px #4f6f8f1c}.room-access-message{color:var(--text-faint);margin:-2px 0 0;font-size:.74rem}.room-access-message.is-error{color:var(--danger)}.room-created-dialog .qr-code{margin-top:12px;display:block}.room-created-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.composer-card.is-sending #text-input,.composer-card.is-sending .ttl-field{opacity:.48}.drop-zone.is-disabled{opacity:.48;cursor:not-allowed;pointer-events:none}#text-input:disabled{color:var(--text-faint);cursor:not-allowed;background:#f6f6f6}.send-button:disabled{opacity:1;color:#fff;background:#cfd1d0}.remove-file-button.is-cancel{background:var(--danger-soft);color:var(--danger);border:1px solid #e7caca}.remove-file-button.is-cancel:hover:not(:disabled){color:var(--danger-hover);background:#f4dfdf;border-color:#d8aaaa}.selected-file-retry-button{z-index:1;border:1px solid var(--info-border);background:var(--info-soft);width:28px;height:28px;color:var(--info);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid;position:relative}.selected-file-retry-button svg{width:15px;height:15px}.selected-file-retry-button:hover{border-color:var(--info);color:var(--info-hover)}.audio-row{margin-top:10px;display:block}.audio-row audio{width:min(100%,420px);height:36px}.audio-load-button{align-items:center;gap:7px;min-height:36px;padding:0 12px;display:inline-flex}.audio-load-button svg{width:16px;height:16px;color:var(--info)}.room-composer-actions{justify-content:flex-end}.panel-heading>div:first-child{align-items:center;gap:9px;display:flex}@media (width<=760px){.auth-layout{grid-template-columns:1fr;gap:24px;width:min(100%,470px)}.auth-divider{display:none}.auth-layout .auth-content,.room-access-panel{grid-column:1;justify-self:stretch;width:100%}.auth-screen{align-items:start;padding:22px 16px}.room-access-panel{padding-bottom:8px}.room-access-card{min-height:78px}.room-created-actions{grid-template-columns:1fr}.audio-row audio{width:100%}}@media (width<=480px){.auth-screen{padding:18px 14px}.auth-logo{margin-bottom:14px}.pin-form{margin-top:22px}.room-inline-form{grid-template-columns:1fr}.room-inline-form .primary-button{width:100%}}#root{display:contents}.not-found-shell{overflow:hidden}.not-found-main{flex:auto;place-items:center;min-height:0;padding:36px 24px;display:grid}.not-found-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,560px);box-shadow:var(--shadow);text-align:center;padding:46px 40px 42px}.not-found-mark{color:var(--text);letter-spacing:-.08em;justify-content:center;align-items:center;gap:10px;margin-bottom:28px;font-size:clamp(3.8rem,14vw,6.5rem);font-weight:780;line-height:.9;display:flex}.not-found-mark img{border-radius:24%;width:clamp(64px,15vw,92px);height:clamp(64px,15vw,92px);transform:rotate(-4deg)}.not-found-card h1{margin:8px 0 12px;font-size:clamp(1.65rem,4vw,2.15rem);line-height:1.15}.not-found-copy{max-width:430px;color:var(--text-soft);margin:0 auto;line-height:1.65}.not-found-actions{justify-content:center;align-items:center;gap:16px;margin-top:30px;display:flex}.not-found-actions .primary-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (width<=560px){.not-found-main{padding:24px 16px}.not-found-card{padding:36px 22px 34px}.not-found-actions{flex-direction:column}}.item-preview-link{color:var(--info);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.item-preview-link:hover{color:var(--info-hover)}