[data-v-410cb78b]{box-sizing:border-box;margin:0;padding:0}.container[data-v-410cb78b]{background-color:#f8f9fa;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s;display:flex}.container.dark-mode[data-v-410cb78b]{color:#e0e0e0;background-color:#1a1a2e}.top-nav[data-v-410cb78b]{background:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px 24px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000d}.dark-mode .top-nav[data-v-410cb78b]{background:#16213e;border-bottom-color:#0f3460}.nav-left[data-v-410cb78b]{align-items:center;gap:20px;display:flex}.logo[data-v-410cb78b]{color:#212529;margin:0;font-size:20px;font-weight:600}.dark-mode .logo[data-v-410cb78b]{color:#e0e0e0}.room-badge[data-v-410cb78b]{cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.dark-mode .room-badge[data-v-410cb78b]{color:#e0e0e0;background:#0f3460;border-color:#16213e}.room-badge[data-v-410cb78b]:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.dark-mode .room-badge[data-v-410cb78b]:hover{background:#1a1a2e}.room-label[data-v-410cb78b]{color:#6c757d;font-size:13px}.dark-mode .room-label[data-v-410cb78b]{color:#a0a0a0}.room-name[data-v-410cb78b]{color:#212529;font-size:14px;font-weight:600}.dark-mode .room-name[data-v-410cb78b]{color:#e0e0e0}.copy-icon[data-v-410cb78b]{opacity:.6;font-size:14px}.nav-right[data-v-410cb78b]{gap:8px;display:flex}.icon-btn[data-v-410cb78b]{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:20px;transition:all .2s}.icon-btn[data-v-410cb78b]:hover{background:#f8f9fa;transform:scale(1.1)}.dark-mode .icon-btn[data-v-410cb78b]:hover{background:#1a1a2e}.panel-overlay[data-v-410cb78b]{z-index:999;background:#00000080;animation:.2s ease-out fadeIn-410cb78b;position:fixed;inset:0}.settings-panel[data-v-410cb78b]{z-index:1000;background:#fff;width:320px;height:100vh;transition:all .3s;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 12px #00000026}.dark-mode .settings-panel[data-v-410cb78b]{background:#16213e}.panel-header[data-v-410cb78b]{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px;display:flex}.dark-mode .panel-header[data-v-410cb78b]{border-bottom-color:#0f3460}.panel-header h3[data-v-410cb78b]{color:#212529;margin:0;font-size:18px;font-weight:600}.dark-mode .panel-header h3[data-v-410cb78b]{color:#e0e0e0}.close-btn[data-v-410cb78b]{cursor:pointer;color:#6c757d;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;transition:all .2s}.close-btn[data-v-410cb78b]:hover{color:#212529;background:#f8f9fa;border-radius:4px;transform:rotate(90deg)}.dark-mode .close-btn[data-v-410cb78b]:hover{color:#e0e0e0;background:#1a1a2e}.setting-section[data-v-410cb78b]{border-bottom:1px solid #e9ecef;padding:20px}.dark-mode .setting-section[data-v-410cb78b]{border-bottom-color:#0f3460}.setting-section h4[data-v-410cb78b]{color:#495057;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.dark-mode .setting-section h4[data-v-410cb78b]{color:#a0a0a0}.input-group[data-v-410cb78b]{gap:8px;display:flex}.setting-input[data-v-410cb78b]{color:#212529;background:#fff;border:1px solid #dee2e6;border-radius:6px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:all .2s}.dark-mode .setting-input[data-v-410cb78b]{color:#e0e0e0;background:#0f3460;border-color:#16213e}.setting-input[data-v-410cb78b]:focus{border-color:#228be6;box-shadow:0 0 0 3px #228be61a}.password-strength[data-v-410cb78b]{margin-top:12px}.strength-bar[data-v-410cb78b]{background:#e9ecef;border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.strength-fill[data-v-410cb78b]{height:100%;transition:all .3s}.strength-text[data-v-410cb78b]{color:#6c757d;font-size:12px}.dark-mode .strength-text[data-v-410cb78b]{color:#a0a0a0}.time-options[data-v-410cb78b]{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.time-options button[data-v-410cb78b]{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:10px 8px;font-size:13px;font-weight:500;transition:all .2s}.dark-mode .time-options button[data-v-410cb78b]{color:#e0e0e0;background:#0f3460;border-color:#16213e}.time-options button[data-v-410cb78b]:hover{background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.dark-mode .time-options button[data-v-410cb78b]:hover{background:#1a1a2e}.time-options button.active[data-v-410cb78b]{color:#fff;background:#228be6;border-color:#228be6;transform:scale(1.05)}.countdown-display[data-v-410cb78b]{color:#856404;background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;margin-top:12px;padding:10px;font-size:13px}.dark-mode .countdown-display[data-v-410cb78b]{color:#ffecb5;background:#664d03}.status-text[data-v-410cb78b]{color:#6c757d;margin:12px 0;font-size:14px}.dark-mode .status-text[data-v-410cb78b]{color:#a0a0a0}.btn-primary[data-v-410cb78b]{color:#fff;cursor:pointer;background:#228be6;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary[data-v-410cb78b]:hover{background:#1c7ed6;transform:translateY(-1px);box-shadow:0 2px 8px #228be64d}.btn-primary[data-v-410cb78b]:disabled{cursor:not-allowed;background:#adb5bd;transform:none}.btn-primary.full-width[data-v-410cb78b]{width:100%}.btn-primary.btn-large[data-v-410cb78b]{width:100%;padding:14px;font-size:16px}.btn-danger[data-v-410cb78b]{color:#fff;cursor:pointer;background:#fa5252;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-danger[data-v-410cb78b]:hover{background:#e03131;transform:translateY(-1px);box-shadow:0 2px 8px #fa52524d}.history-panel[data-v-410cb78b]{z-index:1000;background:#fff;width:320px;height:100vh;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:4px 0 12px #00000026}.dark-mode .history-panel[data-v-410cb78b]{background:#16213e}.history-content[data-v-410cb78b]{padding:16px}.empty-history[data-v-410cb78b]{text-align:center;color:#6c757d;padding:40px 20px}.dark-mode .empty-history[data-v-410cb78b]{color:#a0a0a0}.empty-icon[data-v-410cb78b]{opacity:.5;margin-bottom:16px;font-size:48px;display:block}.history-list[data-v-410cb78b]{flex-direction:column;gap:8px;display:flex}.history-item[data-v-410cb78b]{cursor:pointer;background:#f8f9fa;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.dark-mode .history-item[data-v-410cb78b]{background:#0f3460;border-color:#16213e}.history-item[data-v-410cb78b]:hover{background:#e9ecef;border-color:#228be6;transform:translate(4px)}.dark-mode .history-item[data-v-410cb78b]:hover{background:#1a1a2e}.history-item-left[data-v-410cb78b]{flex:1;align-items:center;gap:12px;display:flex}.history-icon[data-v-410cb78b]{font-size:20px}.history-info[data-v-410cb78b]{flex-direction:column;gap:4px;display:flex}.history-name[data-v-410cb78b]{color:#212529;font-weight:600}.dark-mode .history-name[data-v-410cb78b]{color:#e0e0e0}.history-time[data-v-410cb78b]{color:#6c757d;font-size:12px}.dark-mode .history-time[data-v-410cb78b]{color:#a0a0a0}.history-delete[data-v-410cb78b]{color:#dc3545;cursor:pointer;opacity:0;background:0 0;border:none;padding:4px 8px;font-size:24px;line-height:1;transition:all .2s}.history-item:hover .history-delete[data-v-410cb78b]{opacity:1}.history-delete[data-v-410cb78b]:hover{transform:scale(1.2)}.loading-overlay[data-v-410cb78b]{z-index:2000;background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dark-mode .loading-overlay[data-v-410cb78b]{background:#1a1a2ee6}.loading-spinner[data-v-410cb78b]{border:4px solid #e9ecef;border-top-color:#228be6;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin-410cb78b}.loading-overlay p[data-v-410cb78b]{color:#6c757d;font-size:16px}.dark-mode .loading-overlay p[data-v-410cb78b]{color:#a0a0a0}@keyframes spin-410cb78b{to{transform:rotate(360deg)}}@keyframes fadeIn-410cb78b{0%{opacity:0}to{opacity:1}}.main-content[data-v-410cb78b]{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px 24px;display:flex}.status-bar[data-v-410cb78b]{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.dark-mode .status-bar[data-v-410cb78b]{background:#16213e;border-color:#0f3460}.status-indicator[data-v-410cb78b]{align-items:center;gap:8px;display:flex}.dot[data-v-410cb78b]{border-radius:50%;width:8px;height:8px}.dot.online[data-v-410cb78b]{background:#40c057;box-shadow:0 0 0 2px #40c05733}.dot.syncing[data-v-410cb78b]{background:#fab005;animation:1.5s infinite pulse-410cb78b}@keyframes pulse-410cb78b{0%,to{opacity:1}50%{opacity:.5}}.status-label[data-v-410cb78b]{color:#495057;font-size:13px;font-weight:500}.dark-mode .status-label[data-v-410cb78b]{color:#a0a0a0}.status-info[data-v-410cb78b]{align-items:center;gap:12px;display:flex}.expiry-badge[data-v-410cb78b]{color:#856404;background:#fff3cd;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.dark-mode .expiry-badge[data-v-410cb78b]{color:#ffecb5;background:#664d03}.stats-badge[data-v-410cb78b]{color:#1971c2;background:#e7f5ff;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:13px;font-weight:500;display:flex}.dark-mode .stats-badge[data-v-410cb78b]{color:#74c0fc;background:#1a365d}.stats-badge .divider[data-v-410cb78b]{opacity:.5}.editor-container[data-v-410cb78b]{background:#fff;border:1px solid #e9ecef;border-radius:12px;flex:1;min-height:500px;transition:all .3s;position:relative;overflow:hidden}.dark-mode .editor-container[data-v-410cb78b]{background:#16213e;border-color:#0f3460}.main-textarea[data-v-410cb78b]{resize:none;color:#212529;background:0 0;border:none;outline:none;width:100%;height:100%;min-height:500px;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.8}.dark-mode .main-textarea[data-v-410cb78b]{color:#e0e0e0}.main-textarea[data-v-410cb78b]::placeholder{color:#adb5bd}.dark-mode .main-textarea[data-v-410cb78b]::placeholder{color:#6c757d}.empty-state[data-v-410cb78b]{color:#6c757d;background:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dark-mode .empty-state[data-v-410cb78b]{color:#a0a0a0;background:#0f3460}.empty-icon[data-v-410cb78b]{opacity:.5;margin-bottom:20px;font-size:64px;animation:3s ease-in-out infinite float-410cb78b}@keyframes float-410cb78b{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3[data-v-410cb78b]{color:#495057;margin-bottom:8px;font-size:24px}.dark-mode .empty-state h3[data-v-410cb78b]{color:#e0e0e0}.empty-state p[data-v-410cb78b]{opacity:.8;margin-bottom:24px;font-size:14px}.empty-tips[data-v-410cb78b]{opacity:.7;gap:16px;font-size:13px;display:flex}.lock-overlay[data-v-410cb78b]{z-index:100;background:#f8f9fa;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dark-mode .lock-overlay[data-v-410cb78b]{background:#0f3460}.lock-card[data-v-410cb78b]{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:400px;padding:40px;animation:.3s ease-out scaleIn-410cb78b;box-shadow:0 4px 12px #00000014}.dark-mode .lock-card[data-v-410cb78b]{background:#16213e}@keyframes scaleIn-410cb78b{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lock-icon[data-v-410cb78b]{margin-bottom:20px;font-size:64px;animation:2s ease-in-out infinite shake-410cb78b}@keyframes shake-410cb78b{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.lock-card h2[data-v-410cb78b]{color:#212529;margin-bottom:12px;font-size:24px;font-weight:600}.dark-mode .lock-card h2[data-v-410cb78b]{color:#e0e0e0}.lock-card p[data-v-410cb78b]{color:#6c757d;margin-bottom:24px;font-size:15px}.dark-mode .lock-card p[data-v-410cb78b]{color:#a0a0a0}.password-input[data-v-410cb78b]{color:#212529;background:#fff;border:2px solid #e9ecef;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:14px;font-size:16px;transition:all .2s}.dark-mode .password-input[data-v-410cb78b]{color:#e0e0e0;background:#0f3460;border-color:#16213e}.password-input[data-v-410cb78b]:focus{border-color:#228be6;box-shadow:0 0 0 3px #228be61a}.footer[data-v-410cb78b]{text-align:center;color:#6c757d;padding:16px 0;font-size:13px}.dark-mode .footer[data-v-410cb78b]{color:#a0a0a0}.footer code[data-v-410cb78b]{background:#e9ecef;border-radius:4px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px}.dark-mode .footer code[data-v-410cb78b]{color:#e0e0e0;background:#0f3460}.shortcuts-hint[data-v-410cb78b]{opacity:.7;margin-top:8px}.modal-overlay[data-v-410cb78b]{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn-410cb78b;display:flex;position:fixed;inset:0}.modal-card[data-v-410cb78b]{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:360px;padding:32px;position:relative;box-shadow:0 8px 32px #00000026}.dark-mode .modal-card[data-v-410cb78b]{background:#16213e}.modal-close[data-v-410cb78b]{cursor:pointer;color:#6c757d;background:0 0;border:none;padding:4px;font-size:24px;line-height:1;transition:all .2s;position:absolute;top:16px;right:16px}.modal-close[data-v-410cb78b]:hover{color:#212529;background:#f8f9fa;border-radius:4px;transform:rotate(90deg)}.dark-mode .modal-close[data-v-410cb78b]:hover{color:#e0e0e0;background:#1a1a2e}.modal-card h3[data-v-410cb78b]{color:#212529;margin:0 0 20px;font-size:20px;font-weight:600}.dark-mode .modal-card h3[data-v-410cb78b]{color:#e0e0e0}.qr-wrapper[data-v-410cb78b]{justify-content:center;margin:0 auto 20px;display:flex}.qr-code[data-v-410cb78b]{border:2px solid #e9ecef;border-radius:12px;padding:12px;transition:all .3s}.qr-code[data-v-410cb78b]:hover{transform:scale(1.05);box-shadow:0 8px 24px #00000026}.room-url[data-v-410cb78b]{color:#6c757d;word-break:break-all;background:#f8f9fa;border-radius:6px;margin-bottom:8px;padding:8px;font-size:12px}.dark-mode .room-url[data-v-410cb78b]{color:#a0a0a0;background:#0f3460}.animate-in[data-v-410cb78b]{animation:.3s ease-out fadeInUp-410cb78b}.animate-slide-in[data-v-410cb78b]{animation:.3s ease-out slideInRight-410cb78b}@keyframes fadeInUp-410cb78b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight-410cb78b{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.top-nav[data-v-410cb78b]{padding:12px 16px}.nav-left[data-v-410cb78b]{gap:12px}.logo[data-v-410cb78b]{font-size:16px}.room-badge[data-v-410cb78b]{padding:6px 12px}.room-name[data-v-410cb78b]{font-size:13px}.settings-panel[data-v-410cb78b],.history-panel[data-v-410cb78b]{width:100%}.main-content[data-v-410cb78b]{padding:16px}.status-bar[data-v-410cb78b]{flex-direction:column;align-items:flex-start;gap:8px}.status-info[data-v-410cb78b]{justify-content:space-between;width:100%}.time-options[data-v-410cb78b]{grid-template-columns:repeat(2,1fr)}.editor-container[data-v-410cb78b]{min-height:400px}.main-textarea[data-v-410cb78b]{min-height:400px;padding:16px}.lock-card[data-v-410cb78b]{padding:24px}.empty-tips[data-v-410cb78b]{flex-direction:column;gap:8px}}