.home{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.home-card{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:0;padding:2.5rem}.home-card h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.home-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.home-form{display:flex;flex-direction:column;gap:1.25rem}.form-label{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;font-weight:500}.form-label input{width:100%}.url-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);overflow:hidden}.url-input:focus-within{border-color:var(--text)}.url-prefix{padding:.6rem 0 .6rem .75rem;color:var(--text-muted);font-size:.85rem;white-space:nowrap;-webkit-user-select:none;user-select:none}.url-input input{flex:1;border:none;background:transparent;padding-left:0}.home-submit{margin-top:.5rem;width:100%;padding:.75rem}.ttl-fieldset{border:none;padding:0;margin:0}.ttl-fieldset legend{margin-bottom:.4rem}.ttl-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.ttl-option{display:flex;align-items:center;gap:.45rem;padding:.55rem .65rem;border:1px solid var(--border);font-weight:400;cursor:pointer}.ttl-option:has(input:checked){border-color:var(--text)}.ttl-option input{width:auto;margin:0}.burn-after-read-option{gap:.25rem}.burn-after-read-label{display:flex;align-items:center;gap:.5rem;font-weight:500}.burn-after-read-label input{width:auto;margin:0}.active-sessions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.active-sessions-title{font-size:.875rem;font-weight:600;margin-bottom:.75rem}.active-sessions-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.active-sessions-item{display:flex;align-items:center;gap:.5rem}.active-sessions-link{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border:1px solid var(--border);color:var(--text);text-decoration:none;min-width:0}.active-sessions-link:hover{border-color:var(--text)}.active-sessions-slug{font-family:var(--font-mono);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-sessions-meta{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.active-sessions-badge{font-size:.7rem;padding:.1rem .35rem;border:1px solid var(--border);color:var(--text-muted)}.active-sessions-time{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap}.active-sessions-delete:hover:not(:disabled){color:#ff6b6b}.password-gate{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.password-gate-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:0;padding:2rem}.password-gate-card h2{font-size:1.25rem;margin-bottom:.5rem}.password-gate-card p{margin-bottom:1.5rem}.password-gate-card form{display:flex;flex-direction:column;gap:.75rem}.password-gate-card .btn{margin-top:.25rem}.cscroll-track{position:absolute;top:0;right:0;bottom:0;width:10px;background:transparent;z-index:20;cursor:default}.cscroll-thumb{position:absolute;right:0;width:100%;box-sizing:border-box;background:transparent;border:1px solid transparent;cursor:pointer;transition:border-color .15s,background .15s}.cscroll-thumb--hover{background:transparent;border-color:var(--text)}.editor-wrapper{position:relative;flex:1;min-height:0;display:flex}.editor-wrapper--expanded{width:100%;height:100%}.editor-container{flex:1;min-height:0;overflow:hidden;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}.editor-wrapper--expanded .editor-container{border:none;border-radius:0}.editor-container .cm-editor{height:100%;background:transparent}.editor-container .cm-editor.cm-focused{outline:none}.editor-container .cm-line{font-size:var(--code-font-size, 14px);line-height:var(--code-line-height, 22px)}.editor-container .cm-lineNumbers>.cm-gutterElement:not(:first-child){font-size:var(--code-font-size, 14px);line-height:var(--code-line-height, 22px)}.editor-container .cm-scroller{scrollbar-width:none}.editor-container .cm-scroller::-webkit-scrollbar{display:none}.editor-insert-image{position:absolute;right:.525rem;bottom:.525rem;z-index:10}.cm-image-wrap{position:relative;display:inline-block;margin:2px 0;max-width:100%;cursor:default}.cm-image-wrap.dragging{opacity:.4}.cm-image-handle{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--text-muted);font-size:.8rem;cursor:grab;opacity:0;background:var(--bg);border:1px solid var(--text)}.cm-image-wrap:hover .cm-image-handle{opacity:1}.cm-image-handle:active{cursor:grabbing}.cm-inline-image{display:block;width:auto;height:auto;max-width:100%;border:1px solid var(--text);cursor:zoom-in;-webkit-user-select:none;user-select:none}.cm-image-delete{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;font-size:.65rem;color:var(--text);background:var(--bg);border:1px solid var(--text);opacity:0;cursor:pointer}.cm-image-wrap:hover .cm-image-delete{opacity:1}.cm-image-delete:hover{background:var(--text);color:var(--bg)}.cm-image-pending{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;margin:2px 0;background:var(--bg);border:1px solid var(--text);color:var(--text-muted);font-size:.8rem}.cm-image-spinner{width:12px;height:12px;border:1px solid var(--text);border-top-color:transparent;border-radius:0;animation:cm-image-spin .7s linear infinite}@keyframes cm-image-spin{to{transform:rotate(360deg)}}.customize-panel{position:relative}.customize-drawer{position:absolute;top:calc(100% + .5rem);right:0;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;z-index:100;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 24px #0006}.customize-themes{display:flex;gap:.4rem}.customize-theme-btn{flex:1;padding:.3rem 0;font-size:.8rem;font-family:inherit;background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer}.customize-theme-btn:hover:not(:disabled){border-color:var(--text);color:var(--text)}.customize-theme-btn.active{border-color:var(--text);color:var(--text)}.customize-theme-btn:disabled{cursor:default}.customize-drawer label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:500}.customize-drawer input[type=color]{width:100%;height:32px;padding:2px;cursor:pointer}.customize-drawer input[type=range]{width:100%;accent-color:var(--text)}.session{height:100%;display:flex;flex-direction:column}.session--expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg)}.session-header{display:flex;align-items:center;justify-content:space-between;padding:.3rem .6rem;border-bottom:1px solid var(--border);background:var(--bg);gap:.75rem;flex-shrink:0;min-height:42px}.session-header-left,.session-header-right{display:flex;align-items:center;gap:.525rem}.session-header-center{flex:1;display:flex;justify-content:center;align-items:center;gap:.5rem}.session-slug{font-family:var(--font-mono);font-size:1.125rem;color:var(--text-muted)}.session-badge{font-size:.975rem;padding:.075rem .525rem;border:1px solid var(--border);color:var(--text);border-radius:0}.countdown{font-family:var(--font-mono);font-size:1.125rem;color:var(--text-muted)}.countdown-warning{color:var(--text);font-weight:600}.countdown-burn{font-size:.95rem}.extend-session{position:relative}.extend-session-toggle{color:var(--text-muted)}.extend-session-menu{position:absolute;top:calc(100% + .35rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;min-width:8rem;background:var(--surface);border:1px solid var(--border);z-index:20}.extend-session-option{padding:.45rem .65rem;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer}.extend-session-option:hover:not(:disabled){background:var(--bg)}.extend-session-error{margin:0;padding:.35rem .65rem;font-size:.75rem}.session-readonly-indicator{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.session-readonly-toggle--active{color:var(--text)}.session-destroy:hover{color:#ff6b6b}.session-users{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border:1.5px solid var(--border);border-radius:50%;font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0}.session-collapse{position:fixed;top:.3rem;right:.6rem;z-index:60}.session-main{flex:1;display:flex;min-height:0;overflow:hidden;padding:.35rem}.session--expanded .session-main{padding:0}.session-loading,.session-ended{min-height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.session-ended-card{text-align:center;max-width:400px}.session-ended-card h2{margin-bottom:.5rem}.session-ended-card p{margin-bottom:1.5rem}@media(max-width:768px){.session-header{flex-wrap:wrap}.session-header-center{order:3;width:100%;justify-content:flex-start}}.admin-wrap{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem}.admin-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);padding:2.5rem}.admin-dashboard{width:100%;max-width:860px}.admin-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.admin-header .admin-title{margin-bottom:0}.admin-header-actions{display:flex;gap:.5rem}.admin-login-form{display:flex;flex-direction:column;gap:1.25rem}.admin-label{display:flex;flex-direction:column;gap:.4rem;font-size:.875rem;font-weight:500}.admin-label input{width:100%}.admin-submit{width:100%;padding:.75rem}.admin-error{color:#ff6b6b;font-size:.875rem;margin:0}.admin-meta{font-size:.875rem;color:var(--text-muted);margin:1rem 0 1.25rem}.admin-empty{color:var(--text-muted);font-size:.9rem}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th,.admin-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{font-weight:600;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.admin-table tbody tr:hover{background:var(--hover)}.admin-session-link{font-family:var(--font-mono);color:var(--text);text-decoration:none}.admin-session-link:hover{text-decoration:underline}.admin-center{text-align:center}.admin-muted{color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.admin-flags{display:flex;gap:.35rem}.admin-badge{font-size:.7rem;padding:.1rem .35rem;border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono)}.btn-secondary{padding:.45rem .85rem;font-size:.875rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--text: #e4e6ed;--surface: color-mix(in srgb, var(--text) 6%, var(--bg));--border: color-mix(in srgb, var(--text) 24%, var(--bg));--text-muted: color-mix(in srgb, var(--text) 62%, var(--bg));--hover: color-mix(in srgb, var(--text) 12%, var(--bg));--code-font-size: 14px;--code-line-height: 22px;--toolbar-btn-size: 36px;--toolbar-icon-size: 20px;--radius: 0;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}button,input,select{font-family:inherit}button{cursor:pointer;border:none;background:none}input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:.6rem .75rem;font-size:.95rem;outline:none;transition:border-color .15s}input:focus{border-color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:var(--radius);font-size:.95rem;font-weight:500;transition:background .15s,opacity .15s}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover:not(:disabled){opacity:.85}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--toolbar-btn-size);height:var(--toolbar-btn-size);min-width:var(--toolbar-btn-size);min-height:var(--toolbar-btn-size);padding:0;border-radius:0;flex-shrink:0;box-sizing:border-box}.btn-icon svg{display:block;flex-shrink:0}.error-text{color:var(--text);font-weight:600;font-size:.875rem}.error-text:before{content:"⚠️ "}.muted{color:var(--text-muted);font-size:.875rem}.app-toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,12px);z-index:1000;max-width:90vw;padding:.65rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;box-shadow:0 8px 24px #0006;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.app-toast.visible{opacity:1;transform:translate(-50%)}.app-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:3rem;background:color-mix(in srgb,var(--bg) 85%,black);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-lightbox-img{max-width:100%;max-height:100%;border-radius:0;box-shadow:0 16px 48px #0009}.app-lightbox-close{position:absolute;top:1.25rem;right:1.5rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:0;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:1rem}.app-lightbox-close:hover{background:var(--text);color:var(--bg)}.app-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-confirm-dialog{width:100%;max-width:22rem;padding:1.25rem 1.35rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #00000073}.app-confirm-title{font-size:1rem;font-weight:600;margin-bottom:.5rem}.app-confirm-message{color:var(--text-muted);font-size:.9rem;line-height:1.45;margin-bottom:1.25rem}.app-confirm-actions{display:flex;justify-content:flex-end;gap:.5rem}.app-confirm-cancel,.app-confirm-ok{border-radius:999px;padding:.45rem 1rem;font-size:.875rem}.app-confirm-ok--danger{background:#c44;color:#fff}.app-confirm-ok--danger:hover:not(:disabled){opacity:.9}