.toast-container{z-index:200;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}@media (width<=639px){.toast-container{inset:8px 8px auto}}.toast{min-width:240px;max-width:380px;color:var(--fg);background:var(--bg-elev);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow);pointer-events:auto;animation:toast-in .18s var(--ease);align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}@media (width<=639px){.toast{max-width:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-left-color:var(--accent-live)}.toast-error{border-left-color:var(--danger)}.toast-icon{color:var(--fg-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toast-success .toast-icon{color:var(--accent-live)}.toast-error .toast-icon{color:var(--danger)}.toast-message{word-break:break-word;flex:1;min-width:0;line-height:1.4}.toast-close{width:20px;height:20px;color:var(--fg-subtle);transition:color .12s var(--ease), background .12s var(--ease);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.toast-close:hover{color:var(--fg);background:var(--bg)}.confirm-overlay{z-index:100;animation:confirm-fade .14s var(--ease);background:#0a0a0a59;position:fixed;inset:0}[data-theme=dark] .confirm-overlay{background:#0009}.confirm-dialog{z-index:110;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);width:min(400px,100vw - 32px);box-shadow:var(--shadow);animation:confirm-pop .16s var(--ease);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop{0%{opacity:0;transform:translate(-50%,calc(4px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.confirm-content{flex-direction:column;gap:8px;padding:20px 20px 12px;display:flex}.confirm-title{letter-spacing:-.02em;color:var(--fg);font-size:17px;font-weight:600}.confirm-message{color:var(--fg-muted);font-size:14px;line-height:1.55}.confirm-actions{justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}.confirm-button{border-radius:var(--radius-sm);transition:opacity .12s var(--ease), border-color .12s var(--ease), background .12s var(--ease);padding:10px 16px;font-size:14px;font-weight:500}.confirm-button.cancel{color:var(--fg);background:var(--bg);border:1px solid var(--border)}.confirm-button.cancel:hover{border-color:var(--fg)}.confirm-button.primary{color:var(--bg);background:var(--fg);border:1px solid var(--fg)}.confirm-button.primary:hover{opacity:.88}.confirm-button.danger{color:#fff;background:var(--danger);border:1px solid var(--danger)}[data-theme=dark] .confirm-button.danger{color:var(--bg)}.confirm-button.danger:hover{opacity:.88}.lobby{flex-direction:column;gap:10px;display:flex}.lobby-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.lobby-title:after{content:"";background:var(--border);flex:1;height:1px}.lobby-list{flex-direction:column;gap:6px;list-style:none;display:flex}.lobby-row{animation:rise-in .26s var(--ease) backwards;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;transition:border-color .12s var(--ease), background .12s var(--ease);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 12px;display:grid}.lobby-row:hover:not(:disabled){border-color:var(--border-strong)}.lobby-row:active:not(:disabled){background:var(--bg)}.lobby-row:disabled{opacity:.5;cursor:not-allowed}.lobby-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.lobby-id{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);border:1px solid var(--border);background:var(--bg);border-radius:4px;padding:2px 6px;font-size:12px}.lobby-meta{color:var(--fg-subtle);grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:2px 14px;font-size:12px;display:flex}.lobby-time{font-variant-numeric:tabular-nums;gap:5px;display:inline-flex}.lobby-time.is-end{text-align:right;margin-left:auto}.lobby-label{color:var(--fg-muted);opacity:.75}.entry{flex-direction:column;gap:24px;width:100%;max-width:440px;margin:0 auto;padding-top:24px;display:flex}@media (width>=1024px){.entry{padding-top:64px}}.entry-head{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.entry-word{letter-spacing:-.03em;color:var(--fg);font-size:36px;font-weight:600;line-height:1}.entry-sub{color:var(--fg-subtle);font-size:15px}@media (width<=639px){.entry-word{font-size:30px}}.entry{animation:rise-in .32s var(--ease) backwards}.entry-tabs{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);gap:0;padding:2px;display:flex;position:relative}.entry-tabs:before{content:"";background:var(--bg);border-radius:var(--radius-sm);width:calc(50% - 2px);box-shadow:var(--shadow);transition:transform .26s var(--ease);position:absolute;top:2px;bottom:2px;left:2px}.entry-tabs[data-mode=join]:before{transform:translate(100%)}.entry-tab{color:var(--fg-muted);border-radius:var(--radius-sm);transition:color .16s var(--ease);background:0 0;flex:1;padding:10px 14px;font-size:14px;font-weight:500;position:relative}.entry-tab:hover:not(.is-active),.entry-tab.is-active{color:var(--fg)}.entry-form{flex-direction:column;gap:16px;display:flex}.entry-field{flex-direction:column;gap:6px;display:flex}.entry-field label{color:var(--fg-muted);align-items:baseline;gap:6px;font-size:13px;font-weight:500;display:flex}.entry-optional{color:var(--fg-subtle);font-size:12px;font-weight:400}.entry-field input{background:var(--bg-elev);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .12s var(--ease);padding:12px 14px;font-size:15px}.entry-field input::placeholder{color:var(--fg-subtle)}.entry-field input:hover:not(:disabled){border-color:var(--border-strong)}.entry-field input:focus{border-color:var(--fg);outline:none}.entry-field input:disabled{opacity:.6;cursor:not-allowed}.entry-input-mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.entry-input-mono::placeholder{letter-spacing:.12em;text-transform:none}.entry-code-wrap{position:relative}.entry-field .entry-input-code{color:#0000;caret-color:var(--fg)}.entry-input-code::-ms-reveal{display:none}.entry-input-code::-webkit-credentials-auto-fill-button{display:none}.entry-code-echo{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);white-space:pre;pointer-events:none;align-items:center;padding:12px 14px;font-size:15px;display:flex;position:absolute;inset:0}@media (width<=639px){.entry-code-echo,.entry-field input{font-size:16px}}.entry-submit{width:100%;color:var(--bg);background:var(--fg);border-radius:var(--radius-sm);transition:opacity .12s var(--ease);padding:13px 18px;font-size:15px;font-weight:500}.entry-submit:hover:not(:disabled){opacity:.88}.entry-submit:disabled{opacity:.4;cursor:not-allowed}@media (width<=639px){.entry-submit{min-height:40px}}.entry-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px}.entry-error-label{font-weight:600}.block{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .12s var(--ease);animation:rise-in .26s var(--ease) backwards;animation-delay:min(calc(var(--i,0) * 35ms), .245s);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.block:hover{border-color:var(--border-strong)}.block-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.block-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:20px;font-weight:500;overflow:hidden}.block-meta{font-size:15px;font-family:var(--font-mono);color:var(--fg-subtle);flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.block-dot{color:var(--border-strong)}.block-curl-tag{letter-spacing:.06em;color:var(--fg-muted);border:1px solid var(--border-strong);text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600}.block-content{min-width:0}.block-loading{color:var(--fg-subtle);padding:4px 0;font-size:16px}.block-text{font-family:var(--font-sans);color:var(--fg);white-space:pre-wrap;word-break:break-word;margin:0;font-size:20px;line-height:1.6}.block-code{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:440px;margin:0;font-size:16px;line-height:1.6;display:flex;overflow:auto}.block-code-gutter{color:var(--fg-subtle);border-right:1px solid var(--border);text-align:right;-webkit-user-select:none;user-select:none;min-width:52px;font-family:var(--font-mono);flex-direction:column;flex-shrink:0;padding:14px 14px 14px 16px;display:flex}.block-code-gutter span{display:block}.block-code>code.hljs{white-space:pre;flex:1;padding:14px 18px;overflow-x:auto}.block-actions{align-items:center;gap:10px;padding-top:4px;display:flex}.block-action{width:46px;height:46px;color:var(--fg-muted);border-radius:var(--radius-sm);transition:color .12s var(--ease), background .12s var(--ease);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.block-action:hover:not(:disabled){color:var(--fg);background:var(--bg)}.block-action.is-danger:hover:not(:disabled){color:var(--danger)}.block-action:disabled{opacity:.4;cursor:not-allowed}.block-edit{flex-direction:column;gap:10px;display:flex}.block-edit-tabs{align-items:center;gap:6px;display:flex}.block-edit-tab{color:var(--fg-muted);border-radius:var(--radius-sm);transition:color .12s var(--ease), border-color .12s var(--ease);border:1px solid #0000;padding:12px 22px;font-size:16px}.block-edit-tab:hover:not(.is-active){color:var(--fg)}.block-edit-tab.is-active{color:var(--fg);border-color:var(--border-strong)}.block-edit-lang{font-family:var(--font-mono);color:var(--fg-muted);background:var(--bg-elev);border:1px solid var(--border);cursor:pointer;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;border-radius:4px;margin-left:auto;padding:9px 14px;font-size:15px}@media (prefers-color-scheme:dark){.block-edit-lang{--lightningcss-light: ;--lightningcss-dark:initial}}.block-edit-lang option{background:var(--bg-elev);color:var(--fg)}.block-edit-frame{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .12s var(--ease);display:flex;overflow:hidden}.block-edit-frame:focus-within{border-color:var(--fg)}.block-edit-gutter{font-family:var(--font-mono);color:var(--fg-subtle);border-right:1px solid var(--border);text-align:right;-webkit-user-select:none;user-select:none;flex-direction:column;min-width:56px;padding:16px 16px 16px 18px;font-size:16px;line-height:1.6;display:flex}.block-edit-input{font-family:var(--font-sans);color:var(--fg);resize:vertical;background:0 0;border:0;flex:1;min-height:180px;padding:16px 20px;font-size:20px;line-height:1.6}.block-edit-input.is-code{font-family:var(--font-mono)}.block-edit-input:focus{outline:none}@media (width<=639px){.block-edit-input{font-size:16px}}.block-edit-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.block-edit-hint{color:var(--fg-subtle);font-size:15px;font-family:var(--font-mono)}.block-edit-buttons{gap:12px;display:flex}.block-btn{color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .12s var(--ease);padding:14px 26px;font-size:16px;font-weight:500}.block-btn:hover:not(:disabled){border-color:var(--fg)}.block-btn:disabled{opacity:.4;cursor:not-allowed}.block-btn.is-primary{color:var(--bg);background:var(--fg);border-color:var(--fg)}.block-btn.is-primary:hover:not(:disabled){opacity:.88}.block-thumb{object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:auto;max-width:min(100%,320px);height:auto;max-height:220px;display:block}.id{align-items:center;gap:6px;display:inline-flex;position:relative}.id-code{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);border:1px solid var(--border);background:var(--bg-elev);border-radius:4px;padding:4px 8px;font-size:14px;font-weight:500}.id-btn{width:26px;height:26px;color:var(--fg-muted);background:var(--bg-elev);border:1px solid var(--border);transition:color .12s var(--ease), border-color .12s var(--ease);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.id-btn:hover:not(:disabled){color:var(--fg);border-color:var(--border-strong)}.id-btn:disabled{cursor:default}.id-btn.is-public,.id-btn.is-public:hover:not(:disabled){color:var(--accent-live);border-color:var(--accent-live)}.qr-popup{z-index:40;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);width:260px;box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.qr-popup-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.qr-popup-label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);font-size:12px;font-weight:500;font-family:var(--font-mono)}.qr-popup-close{width:26px;height:26px;color:var(--fg-muted);transition:color .12s var(--ease), background .12s var(--ease);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.qr-popup-close:hover{color:var(--fg);background:var(--bg)}.qr-popup-body{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:240px;display:flex}.qr-popup-body img{width:100%;max-width:240px;height:auto;display:block}.qr-popup-loading,.qr-popup-err{color:var(--fg-muted);font-size:13px}.qr-popup-url{font-size:12px;font-family:var(--font-mono);color:var(--fg-subtle);word-break:break-all;line-height:1.4}@media (width<=639px){.qr-popup{width:min(300px,100vw - 32px);max-height:calc(100vh - 32px);position:fixed;top:50%;left:50%;right:auto;overflow-y:auto;transform:translate(-50%,-50%)}}.menu-overlay{z-index:50;animation:menu-fade .14s var(--ease);background:#0a0a0a52;position:fixed;inset:0}[data-theme=dark] .menu-overlay{background:#0000008c}.menu-panel{z-index:60;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);width:min(320px,100vw - 32px);max-height:calc(100vh - 32px);box-shadow:var(--shadow);animation:menu-slide .16s var(--ease);flex-direction:column;gap:18px;padding:16px;display:flex;position:fixed;top:16px;right:16px;overflow-y:auto}@keyframes menu-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-fade{0%{opacity:0}to{opacity:1}}@media (width<=639px){.menu-panel{border-radius:0 0 var(--radius) var(--radius);border-top:0;width:100%;max-width:none;top:0;left:0;right:0}}.menu-head{justify-content:space-between;align-items:center;display:flex}.menu-title{letter-spacing:-.02em;color:var(--fg);font-size:16px;font-weight:600}.menu-close{width:28px;height:28px;color:var(--fg-muted);transition:color .12s var(--ease), background .12s var(--ease);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.menu-close:hover{color:var(--fg);background:var(--bg)}.menu-section{flex-direction:column;gap:10px;display:flex}.menu-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);font-size:11px;font-weight:600;font-family:var(--font-mono)}.menu-toggle{color:var(--fg);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.menu-toggle input[type=checkbox]{accent-color:var(--fg);cursor:pointer;width:16px;height:16px}.menu-danger{color:var(--danger);border:1px solid var(--border);border-radius:var(--radius-sm);transition:color .12s var(--ease), background .12s var(--ease), border-color .12s var(--ease);text-align:left;background:0 0;padding:10px 14px;font-size:14px;font-weight:500}.menu-danger:hover{background:var(--danger-bg);border-color:var(--danger)}.menu-users{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.menu-user{border-radius:var(--radius-sm);background:var(--bg);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.menu-user-info{align-items:center;gap:6px;min-width:0;display:inline-flex}.menu-user-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.menu-host-tag{letter-spacing:.08em;color:var(--fg-muted);border:1px solid var(--border-strong);font-size:10px;font-weight:600;font-family:var(--font-mono);border-radius:3px;flex-shrink:0;padding:2px 6px}.menu-user-you{color:var(--fg-subtle);font-size:12px;font-family:var(--font-mono)}.menu-link{color:var(--fg-muted);transition:color .12s var(--ease);background:0 0;padding:4px 0;font-size:13px;font-weight:500}.menu-link:hover{color:var(--fg)}.menu-segmented{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;display:flex}.menu-segment{color:var(--fg-muted);transition:color .12s var(--ease), background .12s var(--ease);border-radius:4px;flex:1;padding:8px 12px;font-size:13px;font-weight:500}.menu-segment:hover:not(.is-active){color:var(--fg)}.menu-segment.is-active{color:var(--fg);background:var(--bg-elev);box-shadow:var(--shadow)}.menu-about{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.menu-version{font-family:var(--font-mono);color:var(--fg-subtle)}.menu-curl-toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:flex}.menu-curl{flex-direction:column;gap:10px;display:flex}.menu-curl-tabs{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;display:flex}.menu-curl-tab{color:var(--fg-muted);transition:color .12s var(--ease), background .12s var(--ease);border-radius:4px;flex:1;padding:6px 8px;font-size:12px;font-weight:500}.menu-curl-tab:hover:not(.is-active){color:var(--fg)}.menu-curl-tab.is-active{color:var(--fg);background:var(--bg-elev);box-shadow:var(--shadow)}.menu-curl-block{flex-direction:column;gap:4px;display:flex}.menu-curl-label{color:var(--fg-subtle);font-size:12px;font-family:var(--font-mono)}.menu-curl-cmd{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:flex-start;gap:6px;padding:8px 10px;display:flex}.menu-curl-cmd code{font-size:12px;font-family:var(--font-mono);color:var(--fg);word-break:break-all;flex:1;line-height:1.5}.menu-curl-copy{width:24px;height:24px;color:var(--fg-muted);transition:color .12s var(--ease), background .12s var(--ease);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.menu-curl-copy:hover{color:var(--fg);background:var(--bg-elev)}.notification{z-index:150;color:var(--fg-muted);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);animation:notif-in .18s var(--ease);white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 32px);padding:10px 16px;font-size:13px;position:fixed;top:12px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes notif-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.desk{animation:rise-in .32s var(--ease) backwards;flex-direction:column;gap:24px;display:flex}.desk-head{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.desk-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.desk-row-bot{flex-wrap:wrap;row-gap:10px}@media (width<=639px){.desk-row-bot{flex-direction:column;align-items:flex-start}}.desk-brand{letter-spacing:-.02em;color:var(--fg);transition:opacity .12s var(--ease);padding:2px 0;font-size:22px;font-weight:600}.desk-brand:hover{opacity:.7}.desk-meta{align-items:center;gap:12px;display:flex}.desk-status{color:var(--fg-muted);font-size:13px;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;display:inline-flex}.desk-status-dot{background:var(--accent-live-off);width:7px;height:7px;transition:background .16s var(--ease);border-radius:50%}.desk-status.is-live .desk-status-dot{background:var(--accent-live);box-shadow:0 0 0 3px #22c55e1f}.desk-status.is-off{color:var(--fg-subtle)}.desk-menu-btn{border-radius:var(--radius-sm);width:36px;height:36px;transition:background .12s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:3px;display:inline-flex}.desk-menu-btn:hover,.desk-menu-btn.is-open{background:var(--bg-elev)}.desk-menu-btn span{background:var(--fg);width:18px;height:2px;display:block}.desk-user{align-items:center;gap:8px;font-size:14px;display:inline-flex}.desk-user-name{color:var(--fg);font-weight:500}.desk-host-tag{letter-spacing:.08em;color:var(--fg-muted);border:1px solid var(--border-strong);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:3px;align-items:center;padding:2px 7px;display:inline-flex}.desk-id{display:flex}.desk-body{flex-direction:column;gap:16px;display:flex}.desk-count{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);font-size:12px;font-weight:500;font-family:var(--font-mono)}.desk-blocks{flex-direction:column;gap:12px;display:flex}.desk-blocks:empty{display:none}.compose-open{width:100%;color:var(--fg-muted);background:var(--bg-elev);border:1px dashed var(--border-strong);border-radius:var(--radius);transition:color .12s var(--ease), border-color .12s var(--ease);padding:22px;font-size:16px;font-weight:500;display:block}.compose-open:hover{color:var(--fg);border-color:var(--fg)}.compose{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);animation:rise-in .22s var(--ease) backwards;flex-direction:column;gap:12px;padding:12px;display:flex}.compose-tabs{align-items:center;gap:4px;display:flex}.compose-tab{color:var(--fg-muted);border-radius:var(--radius-sm);transition:color .12s var(--ease), background .12s var(--ease), border-color .12s var(--ease);border:1px solid #0000;flex:1;padding:12px 22px;font-size:16px;font-weight:500}.compose-tab:hover:not(.is-active){color:var(--fg)}.compose-tab.is-active{color:var(--fg);border-color:var(--border-strong);background:var(--bg)}.compose-close{color:var(--fg-subtle);border-radius:var(--radius-sm);transition:color .12s var(--ease);padding:12px 18px;font-size:16px}.compose-close:hover{color:var(--fg)}.compose-text{flex-direction:column;gap:10px;display:flex}.compose-text-frame{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .12s var(--ease);display:flex;overflow:hidden}.compose-text-frame:focus-within{border-color:var(--fg)}.compose-gutter{font-family:var(--font-mono);color:var(--fg-subtle);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;text-align:right;background:0 0;flex-direction:column;min-width:56px;padding:16px 16px 16px 18px;font-size:16px;line-height:1.6;display:flex}.compose-gutter span{display:block}.compose-text textarea{font-family:var(--font-sans);color:var(--fg);resize:vertical;background:0 0;border:0;flex:1;min-height:180px;padding:16px 20px;font-size:20px;line-height:1.6}.compose-text.is-code textarea{font-family:var(--font-mono)}.compose-text textarea::placeholder{color:var(--fg-subtle)}.compose-text textarea:focus{outline:none}@media (width<=639px){.compose-text textarea{font-size:16px}}.compose-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.compose-stats{font-size:15px;font-family:var(--font-mono);color:var(--fg-subtle);align-items:center;gap:8px;display:inline-flex}.compose-dot{color:var(--border-strong)}.compose-lang select{font-family:var(--font-mono);color:var(--fg-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:9px 14px;font-size:15px}.compose-submit{color:var(--bg);background:var(--fg);border-radius:var(--radius-sm);transition:opacity .12s var(--ease);padding:14px 26px;font-size:16px;font-weight:500}.compose-submit:hover:not(:disabled){opacity:.88}.compose-submit:disabled{opacity:.4;cursor:not-allowed}.compose-file{flex-direction:column;gap:10px;display:flex}.compose-drop{text-align:center;background:var(--bg);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s var(--ease), background .12s var(--ease);justify-content:center;align-items:center;padding:32px 16px;display:flex}.compose-drop:hover,.compose-drop.is-dragging{border-color:var(--fg);background:var(--bg-elev)}.compose-drop.has-file{border-style:solid;border-color:var(--border-strong)}.compose-drop input[type=file]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.compose-drop-idle{color:var(--fg-muted);font-size:16px}.compose-drop-info{flex-direction:column;align-items:center;gap:6px;display:flex}.compose-drop-name{color:var(--fg);word-break:break-all;font-size:16px;font-weight:500}.compose-drop-size{font-size:15px;font-family:var(--font-mono);color:var(--fg-subtle)}.desk-drop{z-index:60;pointer-events:none;background:var(--bg);background:color-mix(in srgb, var(--bg) 72%, transparent);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.desk-drop-card{color:var(--fg);background:var(--bg-elev);border:1.5px dashed var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 26px;font-size:15px;font-weight:500}:root{--font-sans:"Inter", -apple-system, system-ui, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg:#f0f0f0;--bg-elev:#fff;--fg:#0a0a0a;--fg-muted:#525252;--fg-subtle:#737373;--border:#e5e5e5;--border-strong:#d4d4d4;--accent-live:#16a34a;--accent-live-off:#a3a3a3;--danger:#dc2626;--danger-bg:#fef2f2;--focus:#0a0a0a;--shadow:0 1px 2px #0a0a0a0a, 0 4px 12px #0a0a0a0a;--radius:8px;--radius-sm:6px;--ease:cubic-bezier(.2, .8, .2, 1);--syntax-keyword:#15803d;--syntax-string:#a16207;--syntax-number:#a16207;--syntax-type:#4a6b8a;--syntax-comment:var(--fg-subtle)}[data-theme=dark]{--bg:#1c1c1f;--bg-elev:#26262a;--fg:#fafafa;--fg-muted:#d4d4d8;--fg-subtle:#a1a1aa;--border:#52525b;--border-strong:#71717a;--accent-live:#4ade80;--accent-live-off:#71717a;--danger:#fca5a5;--danger-bg:#2a1717;--focus:#fafafa;--shadow:0 1px 2px #00000073, 0 6px 16px #00000059;--syntax-keyword:#86efac;--syntax-string:#fde047;--syntax-number:#fde047;--syntax-type:#bfdbfe}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{font-family:var(--font-sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:15px;line-height:1.55}::selection{background:var(--fg);color:var(--bg)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;width:100%;margin:0 auto;padding:32px 16px 48px;display:flex}@media (width>=640px){.app-main{max-width:720px;padding:40px 24px 56px}}@media (width>=1024px){.app-main{max-width:1040px;padding:48px 48px 64px}}@media (width>=1440px){.app-main{max-width:1280px;padding:56px 64px 72px}}.app-resume{z-index:10;color:var(--fg-muted);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:color .12s var(--ease), border-color .12s var(--ease);align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex;position:fixed;top:14px;right:14px}.app-resume:hover{color:var(--fg);border-color:var(--border-strong)}.app-resume code{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg);font-size:12px}.app-loading{color:var(--fg-muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.app-footer{color:var(--fg-subtle);justify-content:center;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.app-footer-version{font-variant-numeric:tabular-nums}.app-footer-repo{color:var(--fg-muted);transition:color .12s var(--ease);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.app-footer-repo:hover{color:var(--fg)}.app-footer-icon{fill:currentColor;width:14px;height:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hljs{color:var(--fg);font-family:var(--font-mono);font-variant-ligatures:none;background:0 0}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-doctag,.hljs-literal{color:var(--syntax-keyword)}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-number{color:var(--syntax-string)}.hljs-comment,.hljs-quote,.hljs-deletion,.hljs-meta{color:var(--syntax-comment);font-style:italic}.hljs-title,.hljs-section,.hljs-selector-id,.hljs-selector-class,.hljs-type,.hljs-class .hljs-title,.hljs-title.function_,.hljs-title.class_{color:var(--syntax-type)}.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-tag,.hljs-params,.hljs-attr,.hljs-symbol,.hljs-bullet,.hljs-subst{color:var(--fg-muted)}.hljs-strong{font-weight:600}.hljs-emphasis{font-style:italic}