:root{--sidebar-bg:rgba(255,255,255,0.98);--section-bg:#f8fafc;--input-bg:#ffffff;--sidebar-text:#1e293b;--sidebar-text-secondary:#64748b;--sidebar-text-muted:#94a3b8;--sidebar-border:#e2e8f0;--item-border:#e2e8f0;--input-border:#cbd5e1;--accent-color:#0ea5e9;--accent-hover:#0284c7;--accent-gradient:linear-gradient(135deg,#0ea5e9,#2563eb);--accent-gradient-hover:linear-gradient(135deg,#0284c7,#1d4ed8);--hover-bg:rgba(14,165,233,0.08);--success-color:#22c55e;--error-color:#ef4444;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.06);--shadow-lg:0 8px 24px rgba(0,0,0,0.08);--sidebar-header-color:#0ea5e9;--button-text:#ffffff;--input-text:#1e293b;--slider-track-color:#e2e8f0;--slider-thumb-color:#0ea5e9;--tooltip-bg:#1e293b;--tooltip-text:#ffffff;--tooltip-border:#334155;--notification-progress-bg:#e2e8f0;--notification-progress-fill:#0ea5e9;--notification-success-color:#22c55e;--notification-error-color:#ef4444;--notification-shadow:rgba(0,0,0,0.1);--notification-close-hover-bg:rgba(0,0,0,0.05);--sidebar-shadow:rgba(0,0,0,0.08)}#dashboard-root{z-index:1000}.sidebar{position:fixed;top:0;left:0;width:300px;height:calc(var(--vh, 1vh) * 100);background:var(--sidebar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--sidebar-border);box-shadow:var(--shadow-lg);transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1010;padding:20px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;color:var(--sidebar-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px;line-height:1.5}.sidebar.is-open{transform:translateX(0)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--sidebar-text-muted)}.sidebar-header{justify-content:space-between;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--sidebar-border)}.header-controls,.sidebar-header,.sidebar-header a{display:flex;align-items:center}.header-controls{gap:4px}.header-action-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:10px;color:var(--sidebar-text-secondary);cursor:pointer;transition:all .2s ease}.header-action-button:hover{background:var(--hover-bg);color:var(--accent-color)}.header-action-button.active{background:var(--accent-gradient);color:white}.header-action-button svg{fill:currentColor;width:20px;height:20px}.header-action-button.exit-button{color:var(--error-color)}.header-action-button.exit-button:hover{background:rgba(239,68,68,.08);color:var(--error-color)}.header-action-button.exit-button.active{background:var(--error-color);color:white}.sidebar-action-buttons{padding:12px;background:var(--section-bg);border:1px solid var(--item-border);border-radius:12px}.sidebar-action-buttons,.sidebar-action-buttons-simple{display:flex;gap:8px;margin-bottom:16px}.action-button{flex:1;height:44px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid var(--item-border);border-radius:10px;color:var(--sidebar-text-secondary);cursor:pointer;transition:all .2s ease}.action-button svg{fill:currentColor;width:20px;height:20px;pointer-events:none}.action-button:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--hover-bg)}.action-button.active{background:var(--accent-gradient);border:none;color:white;box-shadow:0 2px 8px rgba(14,165,233,.3)}.action-button.active:hover{background:var(--accent-gradient-hover)}.action-button.loading,.action-button:disabled{cursor:not-allowed;opacity:.7}.action-button.loading:hover{border-color:var(--item-border);color:var(--sidebar-text-secondary);background:white}.sidebar-section-divider{border:0;height:1px;background:var(--sidebar-border);margin:0 0 16px}.sidebar-mobile-key-actions{display:flex;gap:6px;padding:12px;background:var(--section-bg);border:1px solid var(--item-border);border-radius:12px;margin-bottom:16px}.mobile-key-button{flex:1;padding:10px 6px;border:1px solid var(--item-border);border-radius:8px;background:white;color:var(--sidebar-text);font-size:11px;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease;min-height:38px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none}.mobile-key-button:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--hover-bg)}.mobile-key-button.active{background:var(--accent-gradient);color:white;border-color:transparent}.mobile-key-button.active:hover{background:var(--accent-gradient-hover)}.mobile-key-button.icon-button{padding:8px}.mobile-key-button.icon-button svg{fill:currentColor;width:18px;height:18px;pointer-events:none}.sidebar-section{background:var(--section-bg);border:1px solid var(--item-border);border-radius:12px;margin-bottom:12px;overflow:hidden}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;transition:background .2s ease;user-select:none}.sidebar-section-header:hover{background:var(--hover-bg)}.sidebar-section-header h3{margin:0;font-size:13px;font-weight:600;color:var(--sidebar-text);display:flex;align-items:center;gap:10px}.section-toggle-icon{display:flex;align-items:center;color:var(--sidebar-text-secondary);transition:transform .2s ease}.section-toggle-icon svg{width:16px;height:16px;fill:currentColor}.sidebar-section-content{padding:0 16px 16px}.dev-setting-item{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.dev-setting-item:last-child{margin-bottom:0}.dev-setting-item label{font-weight:500;font-size:12px;color:var(--sidebar-text-secondary)}.dev-setting-item.toggle-item{flex-direction:row;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--item-border)}.dev-setting-item.toggle-item:last-child{border-bottom:none;padding-bottom:0}.dev-setting-item.toggle-item label{color:var(--sidebar-text);font-weight:500}.dev-setting-item #encoderSelect,.dev-setting-item #resolutionPresetSelect,.dev-setting-item #uiScalingSelect,.dev-setting-item .audio-device-select,.dev-setting-item select{width:100%;padding:10px 36px 10px 12px;border:1px solid var(--input-border);border-radius:10px;background-color:white;color:var(--input-text);font-size:13px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2C114.7L159.1%2C282.6c-3.2%2C3.2-8.3%2C3.2-11.6%2C0L5.5%2C114.7c-3.2-3.2-3.2-8.3%2C0-11.6l10.3-10.3c3.2-3.2%2C8.3-3.2%2C11.6%2C0l124.9%2C124.9l124.9-124.9c3.2-3.2%2C8.3-3.2%2C11.6%2C0l10.3%2C10.3C290.3%2C106.5%2C290.3%2C111.5%2C287%2C114.7z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px auto;transition:all .2s ease}.dev-setting-item #encoderSelect:hover,.dev-setting-item #resolutionPresetSelect:hover,.dev-setting-item #uiScalingSelect:hover,.dev-setting-item .audio-device-select:hover,.dev-setting-item select:hover{border-color:var(--accent-color)}.dev-setting-item #encoderSelect:focus,.dev-setting-item #resolutionPresetSelect:focus,.dev-setting-item #uiScalingSelect:focus,.dev-setting-item .audio-device-select:focus,.dev-setting-item select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.dev-setting-item .audio-device-select:disabled{cursor:not-allowed;opacity:.5;background-color:var(--section-bg)}.dev-setting-item input[type=range]{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--item-border);border-radius:3px;cursor:pointer;margin:8px 0}.dev-setting-item input[type=range]:focus{outline:none}.dev-setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent-gradient);border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(14,165,233,.4);transition:transform .15s ease}.dev-setting-item input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.dev-setting-item input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--item-border);border-radius:3px}.dev-setting-item input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--accent-gradient);border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(14,165,233,.4)}.dev-setting-item input[type=range]::-moz-range-track{height:6px;background:var(--item-border);border-radius:3px}.toggle-button-sidebar{position:relative;width:44px;height:24px;background:var(--item-border);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.toggle-button-sidebar-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle-button-sidebar.active{background:var(--accent-gradient)}.toggle-button-sidebar.active .toggle-button-sidebar-knob{transform:translateX(20px)}.dev-setting-item input[type=number],.manual-input-item input[type=number]{width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:10px;background:white;color:var(--input-text);font-size:13px;box-sizing:border-box;-moz-appearance:textfield;transition:all .2s ease}.manual-input-item input[type=number]::-webkit-inner-spin-button,.manual-input-item input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dev-setting-item input[type=number]:hover,.manual-input-item input[type=number]:hover{border-color:var(--accent-color)}.dev-setting-item input[type=number]:focus,.manual-input-item input[type=number]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.resolution-manual-inputs{display:flex;gap:10px;margin-bottom:14px}.manual-input-item{flex:1;display:flex;flex-direction:column;gap:6px}.manual-input-item label{font-weight:500;font-size:12px;color:var(--sidebar-text-secondary)}.scale-locally-item{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 0}.scale-locally-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer;margin:0}.scale-locally-item label{font-weight:500;font-size:13px;color:var(--sidebar-text);cursor:pointer;margin:0}.resolution-action-buttons{display:flex;gap:10px}.resolution-button,.toggle-button{flex:1;padding:10px 16px;background:white;border:1px solid var(--item-border);border-radius:10px;font-size:13px;font-weight:500;color:var(--sidebar-text);cursor:pointer;transition:all .2s ease;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.resolution-button:hover,.toggle-button:hover{border-color:var(--accent-color);color:var(--accent-color);background:var(--hover-bg)}.toggle-button.active{background:var(--accent-gradient);border-color:transparent;color:white}.toggle-button.active:hover{background:var(--accent-gradient-hover)}.stats-gauges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:4px 0}.gauge-container{display:flex;flex-direction:column;align-items:center;background:white;border:1px solid var(--item-border);border-radius:10px;padding:12px 8px;cursor:help;transition:all .2s ease}.gauge-container:hover{border-color:var(--accent-color);box-shadow:var(--shadow-sm)}.gauge-container svg text{fill:var(--sidebar-text);pointer-events:none}.gauge-label{margin-top:6px;font-weight:500;font-size:11px;color:var(--sidebar-text-secondary);text-align:center;pointer-events:none}.gauge-tooltip{position:fixed;padding:8px 12px;background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border);border-radius:8px;font-size:12px;z-index:1030;pointer-events:none;white-space:nowrap;transform:translate(-50%,-100%);box-shadow:var(--shadow-lg)}.dashboard-clipboard-item{display:flex;flex-direction:column;gap:8px}.dashboard-clipboard-item label{font-weight:500;font-size:12px;color:var(--sidebar-text-secondary)}.dashboard-clipboard-item textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--input-border);border-radius:10px;background:white;color:var(--input-text);font-size:12px;font-family:SF Mono,Monaco,Cascadia Code,monospace;resize:vertical;min-height:100px;transition:all .2s ease}.dashboard-clipboard-item textarea:hover{border-color:var(--accent-color)}.dashboard-clipboard-item textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.dashboard-clipboard-item textarea::placeholder{color:var(--sidebar-text-muted)}.sharing-link-item{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--item-border);gap:8px}.sharing-link-item:first-child{padding-top:0}.sharing-link-item:last-child{border-bottom:none;padding-bottom:0}.sharing-link-label{font-weight:500;font-size:12px;color:var(--sidebar-text-secondary)}.sharing-link-actions{display:flex;align-items:center;gap:10px}.sharing-link{color:var(--accent-color);text-decoration:none;font-size:12px;word-break:break-all;flex-grow:1;font-weight:500}.sharing-link:hover{text-decoration:underline}.copy-button{background:white;border:1px solid var(--item-border);color:var(--sidebar-text-secondary);padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.copy-button:hover{background:var(--hover-bg);border-color:var(--accent-color);color:var(--accent-color)}.copy-button svg{fill:currentColor;width:16px;height:16px}.toggle-handle{position:fixed;top:50%;left:0;width:20px;height:64px;transform:translateY(-50%);cursor:pointer;z-index:1020;display:flex;align-items:center;justify-content:center;background:white;border:1px solid var(--sidebar-border);border-left:none;border-radius:0 12px 12px 0;box-shadow:2px 0 8px rgba(0,0,0,.06);transition:left .3s cubic-bezier(.4,0,.2,1),width .2s ease,background .2s ease}.toggle-handle:hover{width:24px;background:var(--hover-bg)}.toggle-handle.sidebar-open{left:300px}.toggle-indicator{width:4px;height:32px;background:var(--accent-gradient);border-radius:2px}.notification-container{position:fixed;top:20px;right:20px;width:340px;z-index:1050;display:flex;flex-direction:column;gap:10px;pointer-events:none}.notification-item{background:white;color:var(--sidebar-text);border:1px solid var(--item-border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-lg);opacity:1;transition:opacity .3s ease,transform .3s ease;transform:translateX(0);pointer-events:auto;overflow:hidden}.notification-item.fade-out{opacity:0;transform:translateX(20px)}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.notification-filename{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;margin-right:10px}.notification-close-button{background:none;border:none;color:var(--sidebar-text-secondary);font-size:18px;line-height:1;padding:4px;cursor:pointer;opacity:.7;transition:all .2s ease;border-radius:6px}.notification-close-button:hover{opacity:1;background:var(--hover-bg);color:var(--accent-color)}.notification-body{display:flex;flex-direction:column;gap:8px}.notification-status-text{font-size:12px;color:var(--sidebar-text-secondary)}.notification-progress-bar-outer{width:100%;height:4px;background:var(--item-border);border-radius:2px;overflow:hidden}.notification-progress-bar-inner{height:100%;width:0;background:var(--accent-gradient);border-radius:2px;transition:width .1s linear}.notification-item.end .notification-progress-bar-inner{background:var(--success-color)}.notification-item.error .notification-progress-bar-inner{background:var(--error-color)}.notification-item.error .notification-status-text.error-text{color:var(--error-color);font-weight:600}.notification-error-message{font-size:11px;color:var(--error-color);word-break:break-word}.files-modal{position:fixed;top:5%;left:5%;width:90%;height:90%;background:white;border:1px solid var(--sidebar-border);border-radius:16px;box-shadow:var(--shadow-lg);z-index:1060;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.files-modal-close{position:absolute;top:12px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:24px;color:var(--sidebar-text-secondary);cursor:pointer;border-radius:10px;z-index:1061;transition:all .2s ease}.files-modal-close:hover{background:var(--hover-bg);color:var(--accent-color)}.files-modal iframe{flex-grow:1;width:100%;height:100%;border:1px solid var(--item-border);border-radius:12px;background:var(--section-bg)}.virtual-keyboard-button{position:fixed;bottom:20px;right:20px;width:52px;height:52px;background:var(--accent-gradient);color:white;border:none;border-radius:14px;box-shadow:0 4px 12px rgba(14,165,233,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1040;transition:all .2s ease}.virtual-keyboard-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(14,165,233,.5)}.virtual-keyboard-button:active{transform:translateY(0) scale(.98)}.virtual-keyboard-button svg{width:24px;height:24px;fill:currentColor}.error-message{color:var(--error-color);background:rgba(239,68,68,.08);padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:12px;border:1px solid rgba(239,68,68,.2)}.device-support-notice{font-size:11px;color:var(--sidebar-text-muted);text-align:center;padding:8px 0}.section-divider{border:none;border-top:1px solid var(--item-border);margin:14px 0}body{margin:0;padding:0;overflow-x:hidden}a:active,a:hover,a:link,a:visited{text-decoration:none}.theme-toggle{display:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin .8s linear infinite}.tempmail-section{padding-top:8px}.tempmail-premium-gate{background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #fcd34d;border-radius:12px;padding:20px;text-align:center}.tempmail-premium-icon{width:48px;height:48px;margin:0 auto 12px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:20px}.tempmail-premium-title{font-size:16px;font-weight:600;color:#92400e;margin:0 0 8px}.tempmail-premium-desc{font-size:12px;color:#a16207;margin:0 0 16px;line-height:1.4}.tempmail-benefits{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.tempmail-benefit{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#92400e}.tempmail-benefit svg{color:#d97706;font-size:12px}.tempmail-upgrade-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s ease}.tempmail-upgrade-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px rgba(217,119,6,.3)}.tempmail-alias-section{margin-bottom:16px}.tempmail-alias-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent-color);margin-bottom:12px}.tempmail-alias-header svg{font-size:16px}.tempmail-alias-display{background:var(--section-bg);border:1px solid var(--item-border);border-radius:10px;padding:12px}.tempmail-alias-value{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.tempmail-alias-label{font-size:11px;color:var(--sidebar-text-secondary);text-transform:uppercase;font-weight:500}.tempmail-alias-email{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;color:var(--sidebar-text);font-weight:500;word-break:break-all}.tempmail-manage-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;background:var(--accent-color);color:white;border-radius:6px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s ease}.tempmail-manage-btn:hover{background:var(--accent-hover)}.tempmail-warning{display:flex;gap:12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;padding:12px}.tempmail-warning>svg{color:#d97706;font-size:16px;flex-shrink:0;margin-top:2px}.tempmail-warning-content{flex:1}.tempmail-warning-title{font-size:13px;font-weight:600;color:#92400e;margin:0 0 4px}.tempmail-warning-desc{font-size:11px;color:#a16207;margin:0 0 12px;line-height:1.4}.tempmail-setup-btn{display:inline-flex;align-items:center;padding:6px 12px;background:#d97706;color:white;border-radius:6px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s ease}.tempmail-setup-btn:hover{background:#b45309}.tempmail-inbox-inline{margin-top:16px;border-top:1px solid var(--item-border);padding-top:16px}.tempmail-inbox-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tempmail-inbox-title{display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--sidebar-text)}.tempmail-refresh-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--section-bg);border:1px solid var(--item-border);border-radius:6px;color:var(--sidebar-text-secondary);cursor:pointer;transition:all .2s ease;font-size:12px}.tempmail-refresh-btn:hover:not(:disabled){background:var(--hover-bg);color:var(--accent-color);border-color:var(--accent-color)}.tempmail-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.tempmail-loading{color:var(--sidebar-text-secondary)}.tempmail-empty,.tempmail-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 12px;font-size:12px}.tempmail-empty{flex-direction:column;color:var(--sidebar-text-muted)}.tempmail-empty svg{font-size:24px}.tempmail-email-list{display:flex;flex-direction:column;gap:8px}.tempmail-email-item{background:var(--section-bg);border:1px solid var(--item-border);border-radius:8px;padding:10px;cursor:pointer;transition:all .2s ease}.tempmail-email-item:hover{border-color:var(--accent-color);box-shadow:0 2px 8px rgba(14,165,233,.1)}.tempmail-email-sender{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--sidebar-text-secondary);margin-bottom:4px}.tempmail-email-sender svg{font-size:10px}.tempmail-email-sender span,.tempmail-email-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tempmail-email-subject{font-size:12px;font-weight:500;color:var(--sidebar-text);margin-bottom:2px}.tempmail-email-date{font-size:10px;color:var(--sidebar-text-muted)}.tempmail-show-more-btn{width:100%;margin-top:12px;padding:10px;background:var(--accent-color);color:white;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.tempmail-show-more-btn:hover{background:var(--accent-hover)}.tempmail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.tempmail-modal-content{background:white;border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 40px rgba(0,0,0,.15)}.tempmail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--item-border)}.tempmail-modal-header h3{display:flex;align-items:center;font-size:18px;font-weight:600;color:var(--sidebar-text);margin:0}.tempmail-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;font-size:24px;color:var(--sidebar-text-secondary);cursor:pointer;transition:all .2s ease}.tempmail-modal-close:hover{background:var(--section-bg);color:var(--sidebar-text)}.tempmail-modal-body{flex:1;overflow-y:auto;padding:16px}.tempmail-modal-email-item{background:var(--section-bg);border:1px solid var(--item-border);border-radius:10px;padding:14px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.tempmail-modal-email-item:hover{border-color:var(--accent-color);box-shadow:0 4px 12px rgba(14,165,233,.1)}.tempmail-modal-email-item:last-child{margin-bottom:0}.tempmail-modal-email-sender{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sidebar-text-secondary);margin-bottom:6px}.tempmail-modal-email-sender svg{font-size:12px}.tempmail-modal-email-subject{font-size:14px;font-weight:600;color:var(--sidebar-text);margin-bottom:6px}.tempmail-modal-email-preview{font-size:12px;color:var(--sidebar-text-secondary);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tempmail-modal-email-date{font-size:11px;color:var(--sidebar-text-muted)}