:root{--primary: #2C5F6D;--primary-hover: #235058;--primary-light: #3A6B78;--bg-primary: #F9F9F7;--bg-secondary: #F9F9F7;--bg-tertiary: #F1F2F4;--bg-card: #F9F9F7;--text-primary: #2C5F6D;--text-secondary: #7A7D82;--text-muted: #9EA1A6;--text-light: #B8BABD;--accent: #A0D911;--accent-hover: #8BC20D;--accent-light: #C4E65C;--danger: #FF8C69;--danger-hover: #FF7351;--warning: #FFB84D;--border: #B8BABD;--border-light: #C4C6C9;--border-strong: #9EA1A6;--border-lighter: #E8E9EB;--shadow: 0 4px 12px rgba(44, 95, 109, .15);--shadow-light: 0 2px 8px rgba(44, 95, 109, .08);--shadow-medium: 0 8px 25px rgba(44, 95, 109, .15);--shadow-strong: 0 6px 20px rgba(44, 95, 109, .25);--radius: 8px;--radius-sm: 6px;--radius-lg: 12px;--transition: all .1s ease;--transition-fast: all .15s ease;--bg-white: #FFFFFF;--text-on-primary: #FFFFFF;--text-on-accent: #1a2e00;--text-on-danger: #FFFFFF;--text-on-success: #FFFFFF;--success: #22C55E;--success-hover: #16A34A;--info: #3b82f6;--skeleton-base: #f0f0f0;--skeleton-shine: #e0e0e0}html[data-theme=dark]{--primary: #5BB8CC;--primary-hover: #6DC8DA;--primary-light: #4A9BAD;--bg-primary: #121418;--bg-secondary: #121418;--bg-tertiary: #1A1D22;--bg-card: #1E2128;--text-primary: #D4DEE2;--text-secondary: #9BA0A8;--text-muted: #7D828A;--text-light: #4A4F56;--accent: #A0D911;--accent-hover: #B4E838;--accent-light: #7AB30A;--danger: #FF8C69;--danger-hover: #FF9F82;--warning: #FFB84D;--border: #2E3238;--border-light: #262A2F;--border-strong: #3A3F46;--border-lighter: #1E2228;--shadow: 0 4px 12px rgba(0, 0, 0, .4);--shadow-light: 0 2px 8px rgba(0, 0, 0, .3);--shadow-medium: 0 8px 25px rgba(0, 0, 0, .4);--shadow-strong: 0 6px 20px rgba(0, 0, 0, .6);--bg-white: #1E2128;--text-on-primary: #121418;--text-on-accent: #1a2e00;--text-on-danger: #1E1210;--text-on-success: #0D2818;--success: #34D399;--success-hover: #22C55E;--info: #60A5FA;--skeleton-base: #1E2228;--skeleton-shine: #2A2E35}html[data-theme]:not(.no-transition) *,html[data-theme]:not(.no-transition) *:before,html[data-theme]:not(.no-transition) *:after{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}html.no-transition *,html.no-transition *:before,html.no-transition *:after{transition:none!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,label,button,.logo,.logo-text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary)}.loading-content{text-align:center;padding:2rem}.loading-spinner{width:50px;height:50px;border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;margin:0 auto 2rem;animation:spin 1s linear infinite}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:600}.loading-content p{color:var(--text-secondary);font-size:.95rem}.header-compact{display:grid;grid-template-columns:200px 1fr 200px;gap:1.5rem;padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);align-items:start;box-shadow:var(--shadow-light);position:sticky;top:0;z-index:100}.email-section-compact{display:flex;flex-direction:column;gap:1rem}.email-container-compact{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-light);transition:var(--transition)}.email-container-compact:hover{box-shadow:var(--shadow);border-color:var(--primary)}.email-input-compact{display:flex;flex-direction:column;gap:.75rem}.email-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.email-display{display:flex;align-items:center;justify-content:space-between;gap:1rem}.email-address{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:1.1rem;font-weight:600;color:var(--primary);background:var(--bg-tertiary);padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-light);-webkit-user-select:all;user-select:all;cursor:text;flex:1}.email-actions-compact{display:flex;gap:.5rem;justify-content:flex-end}.icon-btn-compact{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.icon-btn-compact:hover{background:var(--primary);color:var(--bg-secondary);border-color:var(--primary);transform:translateY(-1px)}.timer-inline{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.timer-value{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-weight:600;color:var(--primary);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.timer-value.expired{color:var(--danger);border-color:var(--danger);background:#ff8c691a}.privacy-message-compact{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.privacy-message-compact p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;text-align:center}.header{background:var(--bg-secondary);padding:.75rem 0;border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-light)}.header.simple-header{min-height:auto;padding:1.5rem 0;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.simple-header .header-container{max-width:1200px;margin:0 auto;padding:0 1rem}.simple-header .logo a{text-decoration:none;color:inherit;display:flex;align-items:center;gap:.75rem}.app .main-content .container:has(.about-page),.app .main-content .container:has(.privacy-page),.app .main-content .container:has(.terms-page){padding-top:1rem;padding-bottom:1rem}.static-page{max-width:800px;margin:0 auto;padding:1.5rem 1rem;line-height:1.6;color:var(--text-primary)}.static-page .page-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-light)}.static-page .page-header h1{font-size:2.2rem;font-weight:700;color:var(--primary-color);margin-bottom:.4rem;line-height:1.2}.static-page .page-header .subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:.8rem;font-style:italic}.static-page .page-header .last-updated{font-size:.9rem;color:var(--text-muted);margin:0}.static-page .intro-section{margin-bottom:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:8px;border-left:4px solid var(--primary-color)}.static-page .intro-section p:first-child{font-size:1.05rem;margin-bottom:1rem}.static-page .mission-statement{font-size:1.1rem;color:var(--primary-color);margin:0}.static-page h2{font-size:1.6rem;font-weight:600;color:var(--primary-color);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-light)}.static-page h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-top:1.8rem;margin-bottom:.8rem}.static-page p{margin-bottom:1rem;font-size:1rem}.static-page ul{margin:1rem 0;padding-left:2rem}.static-page li{margin-bottom:.6rem;font-size:1rem}.static-page li strong{color:var(--primary-color)}.static-page a{color:var(--primary-color);text-decoration:underline;transition:color .2s ease}.static-page a:hover{color:var(--primary-hover)}.static-page code{background:var(--bg-secondary);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}@media (max-width: 768px){.static-page{padding:1rem .8rem}.static-page .page-header{margin-bottom:1.5rem;padding-bottom:1rem}.static-page .page-header h1{font-size:1.8rem}.static-page .intro-section{padding:1.2rem;margin-bottom:1.5rem}.static-page h2{font-size:1.4rem;margin-top:2rem;margin-bottom:.8rem}.static-page h3{font-size:1.1rem;margin-top:1.5rem;margin-bottom:.6rem}}@media (min-width: 769px){.header.simple-header{min-height:auto}}@media (min-width: 769px){.header{min-height:45vh;display:flex;flex-direction:column}.header .header-container{flex:0 0 auto}.header .email-section{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;border:1.5px dashed var(--border-light);border-radius:var(--radius-lg);padding:1.25rem 1rem;margin-top:.75rem;margin-bottom:.75rem;background:transparent}}.header-top{width:100%;padding:.75rem 0}.header-container{max-width:800px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;width:100%}.header-actions{display:flex;align-items:center;gap:.5rem}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-light);border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--transition);flex-shrink:0}.theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.theme-toggle svg{width:18px;height:18px}html[data-theme=dark] .logo-image{filter:brightness(1.3)}.pwa-bookmark-cta{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:1.5rem;color:var(--text-primary);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pwa-bookmark-cta:hover{background:var(--bg-secondary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.pwa-bookmark-cta:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}@media (prefers-reduced-motion: reduce){.pwa-bookmark-cta{transition:none}.pwa-bookmark-cta:hover,.pwa-bookmark-cta:active{transform:none}.ios-guide-overlay,.ios-guide-content{animation:none}}.pwa-bookmark-cta:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.ios-guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;z-index:10000;animation:fadeIn .2s ease}.ios-guide-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-heavy);max-width:400px;width:100%;margin-top:2rem;animation:slideIn .3s ease}.ios-guide-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 0;border-bottom:1px solid var(--border-light);margin-bottom:1.25rem}.ios-guide-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.ios-guide-close{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.ios-guide-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.ios-guide-body{padding:0 1.5rem 1.5rem}.ios-guide-body p{margin:0 0 1rem;color:var(--text-secondary);line-height:1.5}.ios-guide-body ol{margin:0 0 1rem;padding:0;list-style:none}.ios-guide-body li{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary);line-height:1.4}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--accent-primary);color:var(--text-on-accent);border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0}.share-icon{font-size:1.125rem;margin:0 .25rem}.ios-guide-footer{margin:1rem 0 0;font-size:.875rem;color:var(--text-secondary);text-align:center;font-style:italic}.logo-section{display:flex;flex-direction:column}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem;color:var(--primary)}.logo-image{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm)}.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary)}.tagline{color:var(--text-secondary);font-size:.875rem;font-weight:500}.timer-section{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius);border:1px solid var(--border-light)}.timer-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.timer{font-size:1.125rem;font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;color:var(--primary);background:var(--bg-secondary);padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-light)}.timer.expired{color:var(--danger);border-color:var(--danger);background:#ff8c691a}.email-section{max-width:600px;margin:0 auto;padding:0 1rem;text-align:center;width:100%}.email-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}.email-container-wrapper{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.email-container{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-white);border:2px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);max-width:500px;flex:1}.email-container:hover{border-color:var(--primary);box-shadow:0 6px 20px #2c5f6d33;transform:translateY(-1px)}.email-address-container{flex:1;display:flex;justify-content:center;align-items:center;min-width:0;background:transparent;outline:none;cursor:text}.email-address-text{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:1.5rem;font-weight:600;color:var(--text-primary);-webkit-user-select:all;user-select:all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5rem}.email-address-text.selected{background:#a0d91126;border-radius:var(--radius-sm);transition:background-color .2s ease}.email-address-text::selection{background:#a0d9114d;color:var(--text-primary)}.email-input-wrapper{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.email-input{display:none}.email-actions{display:flex;gap:.375rem;justify-content:flex-end}.icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--success);border:2px solid var(--success-hover);border-radius:50%;color:var(--text-on-success);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-light);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.icon-btn:hover{background:var(--success-hover);color:var(--text-on-success);border-color:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.icon-btn svg{width:20px;height:20px}.timer-pill{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.3rem .6rem;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:16px;color:var(--text-secondary);font-weight:500;box-shadow:var(--shadow-light);transition:var(--transition);flex-shrink:0;min-width:64px}.timer-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow);border-color:var(--primary);background:var(--bg-card)}.timer-icon{font-size:.8rem;opacity:.7;color:var(--text-muted)}.timer-value{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.8rem;font-weight:600;background:var(--bg-secondary);color:var(--primary);padding:.2rem .4rem;border-radius:12px;border:1px solid var(--border-light)}.timer-value.expired{color:var(--danger)}.timer-pill.expired{background:#ff8c691a;border-color:var(--danger)}.qr-button-container{position:relative;display:inline-block}.qr-tooltip-small{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;z-index:1000;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.qr-tooltip-arrow{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--bg-white);filter:drop-shadow(0 -1px 2px rgba(0,0,0,.1))}.qr-tooltip-content-small{background:var(--bg-white);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);position:relative;min-width:160px;text-align:center}.qr-tooltip-content-small img{width:200px;height:200px;border-radius:var(--radius);border:1px solid var(--border-light);background:var(--bg-white);margin-bottom:.5rem}.qr-tooltip-content-small p{color:var(--text-secondary);font-size:.75rem;margin:0;font-weight:500}.mobile-email-actions{display:none}.mobile-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--primary);color:var(--text-on-primary);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);min-height:48px;width:100%;box-shadow:var(--shadow);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mobile-action-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.mobile-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.mobile-action-btn svg{width:20px;height:20px;flex-shrink:0}.mobile-action-btn span{font-weight:600}.bookmark-hint{text-align:center;font-size:.75rem;color:var(--text-secondary);padding:.25rem 1rem;margin:-.5rem auto .75rem;max-width:500px;background:linear-gradient(to bottom,var(--bg-white),var(--bg-tertiary));border:2px solid var(--border-light);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 4px 8px #2c5f6d14;position:relative;z-index:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default;pointer-events:none}.bookmark-hint kbd{display:inline-block;padding:.15rem .4rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.7rem;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:3px;box-shadow:0 1px 2px #0000000d;margin:0 .15rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.action-buttons{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem 0;margin-bottom:.5rem;border-top:1px solid var(--border-lighter);max-width:500px;margin-left:auto;margin-right:auto}.action-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-light);min-width:auto;white-space:nowrap;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.action-btn:hover{background:var(--primary);color:var(--bg-secondary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-light)}.action-btn.delete:hover{background:var(--danger);border-color:var(--danger)}.extend-menu-container{position:relative}.action-btn.extend{color:var(--primary);border-color:var(--primary);font-weight:600}.action-btn.extend:hover{background:var(--primary);color:var(--text-on-primary);border-color:var(--primary)}.action-btn.extend:disabled{opacity:.5;cursor:not-allowed}.extend-dropdown{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-white);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001f;overflow:hidden;z-index:100;min-width:120px}.extend-option{display:block;width:100%;padding:8px 16px;border:none;background:none;font-size:.85rem;font-weight:500;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;transition:background .15s}.extend-option:hover{background:var(--primary);color:var(--text-on-primary)}.extend-option+.extend-option{border-top:1px solid var(--border)}.action-btn svg{width:14px;height:14px}.action-btn svg.spinning,.spinning{animation:spinning 1s linear infinite}.action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.action-btn:disabled:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-light);transform:none}.action-btn.timer{background:var(--bg-tertiary);border-color:var(--border-light);cursor:default;pointer-events:none;justify-content:center;min-width:auto;flex:0 0 auto;padding:.3rem .45rem;box-sizing:border-box;display:flex;align-items:center}.action-btn.timer:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-light);transform:none}.action-btn.timer.expired{background:#ff8c691a;border-color:var(--danger);color:var(--danger)}.timer-icon-btn{font-size:.875rem;line-height:1.2}.action-btn.timer .timer-value{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.8rem;font-weight:600;margin-left:.25rem;line-height:1.2}.qr-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.qr-content{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);text-align:center;cursor:default;box-shadow:var(--shadow-medium);position:relative;animation:slideIn .3s ease}.inline-confirm{display:flex;gap:.375rem;align-items:center;animation:slideIn .2s ease}.inline-confirm-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-light);cursor:pointer;transition:var(--transition);background:var(--bg-card);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.inline-confirm-btn.cancel{color:var(--text-secondary)}.inline-confirm-btn.cancel:hover{background:var(--bg-tertiary);border-color:var(--border);color:var(--text-primary)}.inline-confirm-btn.confirm{background:var(--danger);border-color:var(--danger);color:var(--text-on-danger)}.inline-confirm-btn.confirm:hover{background:var(--danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-light)}@keyframes slideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.qr-content img{width:200px;height:200px;border-radius:var(--radius);margin-bottom:1rem}.qr-content p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.close-qr{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.close-qr:hover{background:var(--danger);color:var(--text-on-danger);border-color:var(--danger)}.email-viewer{background:transparent;overflow:visible;max-width:none;margin:0}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-light)}.back-section{flex:1}.back-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .625rem;background:var(--success);color:var(--text-on-primary);border:none;border-radius:var(--radius);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 2px 4px #10b98133}.back-btn:hover{background:var(--success-hover);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.back-btn svg{width:16px;height:16px}.back-btn svg{flex-shrink:0}.viewer-actions{display:flex;gap:.375rem;align-items:center;position:relative}.viewer-action{background:transparent;border:none;color:var(--text-secondary);padding:.375rem .5rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:.8rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.375rem;height:32px;min-width:110px}.viewer-action svg{width:14px;height:14px;flex-shrink:0}.viewer-action:nth-child(1){color:var(--info)}.viewer-action:nth-child(1) svg{color:var(--info)}.viewer-action:nth-child(2){color:var(--danger)}.viewer-action:nth-child(2) svg{color:var(--danger)}.viewer-action:hover{background:var(--bg-secondary);color:var(--text-primary)}.viewer-action:nth-child(1):hover{background:#3b82f61a;color:var(--info)}.viewer-action:nth-child(2):hover{background:#ef44441a;color:var(--danger)}.viewer-action:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.viewer-action svg.spinning{animation:spinning 1s linear infinite}.viewer-action.danger{background:var(--danger);color:#fff}.viewer-action.danger:hover{background:var(--danger-hover)}.email-meta{padding:1rem 1.25rem;background:transparent;border-bottom:1px solid var(--border-light)}.email-header-layout{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.75rem;gap:.75rem;position:relative}.email-header-layout:after{content:"";position:absolute;bottom:0;left:-1.25rem;right:-1.25rem;height:1px;background:var(--border-light)}.email-subject-section{display:flex;align-items:baseline;gap:.75rem}.subject-label{color:var(--text-muted);font-weight:500;flex-shrink:0}.email-subject{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.3;word-break:break-word;margin:0;flex:1}.email-headers{padding:1rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.email-headers h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.email-headers pre{background:var(--bg-secondary);padding:1rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);overflow-x:auto;max-height:200px;overflow-y:auto;border:1px solid var(--border-light)}.email-body{min-height:400px;overflow:hidden}.source-container,.html-container,.text-container{padding:1.5rem;background:var(--bg-primary)}.source-container h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.email-source{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem;color:var(--text-secondary);overflow:auto;margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.6;max-height:500px}.email-text{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem;color:var(--text-secondary);overflow:auto;margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.6;min-height:200px}.email-iframe{width:100%;min-height:500px;max-height:1000px;height:auto;border:none;border-radius:var(--radius-sm);background:#fff;resize:vertical}.email-iframe{filter:contrast(.92) brightness(1.02)}.email-attachments{padding:1rem 1.5rem;background:var(--bg-tertiary);border-top:1px solid var(--border-light)}.email-attachments h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.attachments-list{display:flex;flex-direction:column;gap:.75rem}.attachment-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-light);transition:var(--transition)}.attachment-item:hover{border-color:var(--primary);box-shadow:var(--shadow-light)}.attachment-icon{font-size:1.5rem;color:var(--text-secondary);flex-shrink:0}.attachment-info{flex:1;min-width:0}.attachment-name{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:.75rem;color:var(--text-muted)}.download-btn{padding:.5rem 1rem;background:var(--accent);color:var(--text-primary);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);flex-shrink:0}.download-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.download-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.attachments-dropdown{position:absolute;top:110%;right:0;width:min(350px,calc(100vw - 2rem));max-height:50vh;overflow:auto;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);z-index:1200;padding:.4rem}.attachments-dropdown .attachments-header{display:flex;align-items:center;justify-content:space-between;padding:.2rem .2rem .4rem;border-bottom:1px solid var(--border-lighter);margin-bottom:.4rem}.attachments-dropdown .attachments-header h4{margin:0;font-size:.88rem;font-weight:700;color:var(--text-primary)}.attachments-dropdown .close-attachments{width:24px;height:24px;display:grid;place-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:50%;cursor:pointer;color:var(--text-secondary)}.attachments-dropdown .attachments-list{display:flex;flex-direction:column;gap:.3rem}.attachments-dropdown .attachment-item{display:grid;grid-template-columns:16px 1fr 30px;align-items:center;gap:.25rem;padding:.35rem .5rem;min-height:16px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.attachments-dropdown .attachment-icon{color:var(--text-secondary)}.attachments-dropdown .attachment-icon svg{width:14px;height:14px}.attachments-dropdown .attachment-info{overflow:hidden}.attachments-dropdown .attachment-name{font-size:.82rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.attachments-dropdown .download-btn{padding:0;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.attachments-dropdown .download-btn svg{width:14px;height:14px}@media (max-width: 768px){.attachments-dropdown{left:0;right:0;width:calc(100vw - 1rem);max-height:60vh;margin:0 auto}.attachments-dropdown .attachment-item{grid-template-columns:16px 1fr 32px;min-height:16px}.attachments-dropdown .download-btn{width:32px;height:32px}}.main-content{flex:1;padding:1.5rem 0;background:var(--bg-primary)}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.email-app-container{max-width:800px;margin:0 auto;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow);overflow:hidden;min-height:600px}.privacy-message{background:var(--bg-tertiary);border:1px solid var(--border-lighter);border-radius:var(--radius-sm);padding:.5rem 1rem;margin-top:.375rem;text-align:center;max-width:500px;margin-left:auto;margin-right:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}.privacy-message p{font-size:.85rem;color:var(--text-primary);line-height:1.4;margin:0;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.email-list-container{background:transparent;border-radius:0;border:none;overflow:visible;box-shadow:none;transition:none;max-width:none;margin:0}.email-list-container:hover{box-shadow:none}.why-choose{background:var(--bg-secondary);border-top:1px solid var(--border-light)}.why-container{max-width:1200px;margin:0 auto;padding:3rem 1.25rem}.why-header{text-align:center;margin-bottom:2rem}.why-header h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.why-subtitle{color:var(--text-secondary);font-size:1rem}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem}.why-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);padding:2rem 1.5rem;text-align:center;transition:var(--transition)}.why-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary)}.why-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--primary)}.why-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.why-desc{color:var(--text-secondary);font-size:.95rem}@media (max-width: 900px){.why-grid{grid-template-columns:1fr}.why-container{padding:2rem 1rem}.why-header h2{font-size:1.6rem}}.inbox-header{padding:1rem 1.25rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}.inbox-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.empty-inbox{text-align:center;padding:3rem 1rem;color:var(--text-muted);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}.empty-loader{position:relative;width:80px;height:80px;margin:0 auto 1rem;color:var(--primary)}.empty-loader .spinner-ring{position:absolute;top:0;left:0}.empty-loader .spinner-envelope{position:absolute;top:0;left:0;color:var(--text-secondary);filter:drop-shadow(0 2px 6px rgba(44,95,109,.15))}.empty-loader .spinning{animation-duration:3s}.empty-loader .spinner-ring circle{stroke-width:.5!important}.empty-loader .spinner-ring path{stroke-width:.5!important}.empty-inbox h2{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-secondary);font-weight:600}.empty-inbox p{font-size:.9rem;line-height:1.6}.notif-banner{background:var(--primary);border-bottom:1px solid var(--primary-hover)}.notif-banner-inner{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.5rem 1.25rem}.notif-banner-content{display:flex;align-items:center;gap:.5rem}.notif-banner-icon{color:#fffc;flex-shrink:0}.notif-banner-text{color:#fff;font-size:.825rem;font-weight:500}.notif-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.notif-banner-enable{background:#fff;color:var(--primary);border:none;padding:.3rem .875rem;border-radius:1rem;font-size:.775rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.notif-banner-enable:hover{background:#ffffffe6;transform:translateY(-1px)}.notif-banner-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease;line-height:0}.notif-banner-close:hover{color:#fff;background:#ffffff26}@media (max-width: 480px){.notif-banner-inner{padding:.4rem 1rem;gap:.5rem}.notif-banner-text{font-size:.75rem}}@media (max-width: 480px){.notif-banner-inner{padding:.5rem 1rem}.notif-banner-text{font-size:.8rem}}.email-items{min-height:200px}.email-row-single-column{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-lighter);cursor:pointer;transition:var(--transition-fast);min-height:70px}.email-row-single-column:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.email-row-single-column.selected{background:#a0d9110f;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.email-row-single-column:focus{outline:1px solid var(--accent);outline-offset:-1px;background:var(--bg-tertiary)}.email-row-single-column:focus.selected{background:#a0d91114}.sender-avatar{width:36px;height:36px;background:var(--primary);color:var(--text-on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.email-content{flex-grow:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.email-main-info{display:flex;align-items:baseline;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender-name{font-weight:700;color:var(--text-primary);font-size:.9rem;flex-shrink:0}.subject-text{font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.email-meta-info{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.sender-email{opacity:.8}.email-timestamp{font-weight:500}.attachment-indicator{margin-left:auto;display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-muted);opacity:.8;padding:.125rem .375rem;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.otp-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:16px;background:#a0d9111a;border:1px solid rgba(160,217,17,.4);color:var(--primary);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.75rem;font-weight:600;cursor:pointer;flex-shrink:0;margin-left:8px;transition:all .15s ease;white-space:nowrap;line-height:1.4}.otp-pill:hover{background:#a0d91133;border-color:var(--accent);transform:scale(1.02)}.otp-pill:active{transform:scale(.98)}.otp-pill.copied{background:#a0d91140;border-color:var(--accent);color:var(--accent)}.otp-pill svg{opacity:.7;flex-shrink:0}.otp-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;margin:0 0 .5rem;background:linear-gradient(135deg,#a0d91114,#2c5f6d0d);border:1px solid rgba(160,217,17,.3);border-left:3px solid var(--accent);border-radius:var(--radius, 8px)}.otp-banner-codes{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.otp-banner-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);opacity:.7}.otp-banner-code-group{display:flex;gap:.5rem;flex-wrap:wrap}.otp-banner-code{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#a0d9111f;border:1px solid rgba(160,217,17,.4);border-radius:6px;cursor:pointer;transition:all .15s ease}.otp-banner-code:hover{background:#a0d91138;border-color:var(--accent)}.otp-banner-code:active{transform:scale(.97)}.otp-banner-code.copied{background:#a0d91140;border-color:var(--accent)}.otp-code-value{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:1.25rem;font-weight:700;letter-spacing:.15em;color:var(--primary)}.otp-copy-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--accent);letter-spacing:.03em}.otp-banner-links{flex-shrink:0}.otp-banner-link-btn{display:inline-flex;align-items:center;gap:6px;padding:.4rem .75rem;background:var(--accent);color:var(--primary);border:none;border-radius:6px;font-size:.8rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.otp-banner-link-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #a0d9114d}.otp-banner-link-btn:active{transform:translateY(0)}@media (max-width: 768px){.otp-banner{flex-direction:column;align-items:flex-start}.otp-banner-codes{flex-direction:column;align-items:flex-start;width:100%}.otp-banner-code-group{width:100%}.otp-banner-code{width:100%;justify-content:center}.otp-banner-links{width:100%}.otp-banner-link-btn{width:100%;justify-content:center;padding:.5rem 1rem}.otp-pill{font-size:.7rem;padding:2px 8px}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius);box-shadow:var(--shadow-medium);display:flex;align-items:center;gap:.75rem;font-weight:500;z-index:1100;animation:slideUp .3s ease;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.toast.success{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent-hover)}.toast.error{background:var(--danger);color:var(--text-on-danger);border-color:var(--danger-hover)}@media (max-width: 480px){.action-btn{font-size:.7rem;padding:.5rem .2rem;justify-content:center;flex:1;min-width:0}.action-btn.timer{padding:.5rem .15rem;flex:1.2}.action-btn.timer .timer-icon-btn{font-size:.65rem}.action-btn.timer .timer-value{font-size:.65rem;margin-left:.1rem}.mobile-email-actions{gap:.5rem;padding:0 .25rem}.mobile-action-btn{font-size:.8rem;padding:.625rem 1rem;min-height:44px}.mobile-action-btn svg{width:18px;height:18px}.action-buttons .desktop-copy-container,.desktop-copy-container,.desktop-copy-btn{display:none!important}}@media (max-width: 768px){body{overflow-x:hidden}.header-compact{grid-template-columns:1fr;gap:.5rem;padding:.75rem}.header-container{flex-direction:column;gap:.75rem;text-align:center}.header-actions{order:-1;justify-content:center;width:100%}.pwa-bookmark-cta{font-size:.8rem;padding:.4rem .75rem}.logo{justify-content:center;gap:.375rem}.logo-image{width:28px;height:28px}.logo-text{font-size:1.25rem}.timer-section{text-align:center;flex-direction:column;gap:.25rem;padding:.375rem}.timer{font-size:.9rem;padding:.375rem .75rem}.timer-pill{min-height:36px;display:flex;align-items:center;gap:.5rem}.email-section{padding:0 .5rem;max-width:100%}.email-title{font-size:.9rem;margin-bottom:.375rem;text-align:center}.email-container,.email-container-compact{flex-direction:column;gap:.5rem;padding:.5rem;max-width:100%;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.email-input-wrapper{flex-direction:column;gap:.5rem;justify-content:center;align-items:center}.email-actions{display:none}.action-buttons .desktop-copy-container,.desktop-copy-container,.desktop-copy-btn{display:none!important}.email-input,.email-display{width:100%;flex-direction:column;gap:.5rem;font-size:.9rem;text-align:center;max-width:none}.email-address-text{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-address-container{width:100%;min-width:0}.email-container-wrapper{flex-direction:column;gap:.75rem;align-items:center}.mobile-email-actions{display:flex;flex-direction:row;gap:.75rem;padding:0 .5rem;margin-top:.5rem;width:100%;box-sizing:border-box}.mobile-email-actions .custom-tooltip-container,.mobile-email-actions .qr-button-container{flex:1 1 0}.mobile-email-actions .mobile-action-btn{border-radius:var(--radius) var(--radius) 0 0}.bookmark-hint{font-size:.7rem;padding:.4rem .5rem;margin:0 .5rem .5rem;max-width:calc(100% - 1rem);border-top:1px solid var(--border-light);border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(to bottom,var(--primary-light),var(--bg-tertiary));color:var(--text-primary)}.bookmark-hint kbd{font-size:.65rem;padding:.1rem .3rem;background:var(--bg-white);border-color:var(--border-light)}.action-buttons{display:flex;flex-wrap:nowrap;gap:.5rem;padding:.75rem .5rem 0;max-width:100%;width:100%;justify-content:center;align-items:stretch;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.action-buttons>.custom-tooltip-container{flex:1 1 0;display:flex}.action-buttons>.custom-tooltip-container .action-btn{width:100%}.action-buttons>.action-btn.timer{flex:1 1 0}.action-buttons::-webkit-scrollbar{display:none}.action-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;min-height:48px;padding:.75rem .4rem;font-size:.8rem;text-align:center;flex:1 1 0;min-width:0}.action-btn.timer{flex:1 1 0;padding:.75rem .3rem}.action-btn.timer .timer-value{font-size:.75rem;margin-left:.125rem}.action-btn.timer .timer-icon-btn{font-size:.75rem}.icon-btn{padding:.625rem}.privacy-message{padding:.375rem .75rem;margin-top:.25rem;max-width:100%;text-align:center}.privacy-message p{font-size:.8rem;line-height:1.3;color:var(--text-primary);text-align:center}.qr-tooltip-content-small{padding:.5rem;min-width:140px}.qr-tooltip-content-small img{width:140px;height:140px}.list-header,.email-row{grid-template-columns:1fr 1.2fr 60px;gap:.5rem;padding:1rem}.list-header{padding:.875rem 1rem .75rem}.email-row{min-height:64px;padding:1rem}.list-header h3:first-child{padding-left:40px}.email-sender{gap:.5rem}.sender-avatar{width:32px;height:32px;font-size:.8rem}.sender-name{font-size:.875rem;font-weight:600}.sender-email{font-size:.7rem;margin-top:.125rem}.subject-text{font-size:.875rem;line-height:1.3}.subject-time{font-size:.7rem;margin-top:.25rem}.chevron-indicator{padding:.25rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.container{padding:1rem .75rem;max-width:100%;overflow-x:hidden}.email-app-container{border-radius:0;border:none;margin:0;box-shadow:none;min-height:auto;max-width:100%;overflow-x:hidden}.email-viewer{border-radius:0;border:none;margin:0}.viewer-header{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.back-section{flex:none}.back-btn{justify-content:center;padding:.75rem 1rem}.viewer-actions{display:flex!important;justify-content:center!important;gap:.5rem!important}.viewer-actions .viewer-action,.viewer-actions .confirm-delete-box{flex:0 1 auto!important;min-width:0!important}.email-meta{padding:1rem}.email-header-layout{flex-direction:column;gap:.75rem;margin-bottom:.75rem}.sender-section{gap:.5rem}.sender-avatar{width:36px;height:36px;font-size:.9rem}.email-date{align-items:flex-start;flex-direction:row;gap:.5rem}.email-subject{font-size:1rem}.email-subject-section{margin-bottom:.75rem}.source-container,.html-container,.text-container{padding:1rem}.email-iframe{min-height:300px;max-height:600px;height:auto}.email-attachments{padding:1rem}}.custom-tooltip-container{position:relative;display:inline-block}.custom-tooltip{visibility:hidden;opacity:0;background:var(--bg-white);border:1px solid var(--border-strong);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);text-align:center;border-radius:var(--radius-sm);padding:.35em .75em;position:absolute;z-index:1001;top:120%;left:50%;transform:translate(-50%);font-size:.85em;font-weight:500;pointer-events:none;transition:opacity .12s;white-space:nowrap}.custom-tooltip-arrow{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:0;border-top:6px solid var(--bg-white);filter:drop-shadow(0 -2px 4px rgba(44,95,109,.1))}.custom-tooltip-container.show-tooltip .custom-tooltip{visibility:visible;opacity:1;pointer-events:auto}.rotating-text{display:block;text-align:center;width:100%;min-height:1.5em;position:relative}.rotating-text-content{display:inline-block;font-weight:500;color:var(--text-secondary);font-size:.95rem;line-height:1.4;position:relative}.rotating-text-content.fade-animation{animation:textFadeIn .5s ease-in-out}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-cursor{color:var(--primary);font-weight:600;margin-left:2px;animation:cursorBlink 1s infinite}.typing-cursor.visible{opacity:1}.typing-cursor.hidden{opacity:0}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;display:inline-block}.skeleton-text{border-radius:4px}.skeleton-circle{border-radius:50%}.skeleton-rectangular{border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text-block{display:flex;flex-direction:column;gap:8px}.skeleton-text-line{margin-bottom:4px}.skeleton-text-line:last-child{margin-bottom:0}.skeleton-email-row{cursor:default;pointer-events:none}.skeleton-email-row:hover{background-color:transparent}.skeleton-avatar{display:flex;align-items:center;justify-content:center}.header.loading .email-address-text{color:var(--text-secondary);font-style:italic;display:flex;align-items:center}.header.loading .timer-value{color:var(--text-muted)}.header.loading .action-btn{opacity:.6;cursor:not-allowed}.header.loading .action-btn:hover{background-color:transparent;transform:none}.email-list-container.loading .list-header{opacity:.7}.loading-message{text-align:center;padding:40px 20px;color:var(--text-secondary)}.loading-message h2{font-size:1.5rem;margin-bottom:16px;color:var(--text-primary)}@media (max-width: 768px){.rotating-text-content{font-size:.85rem}}.rotating-text.loading{margin:1rem 0}.rotating-text.loading .rotating-text-content{color:var(--text-muted);font-size:.9rem}.rotating-text.empty-state{margin:1.5rem 0}.rotating-text.empty-state .rotating-text-content{color:var(--text-secondary);font-size:1rem;font-weight:600}.rotating-text.compact{margin:.5rem 0}.rotating-text.compact .rotating-text-content{font-size:.95rem;color:var(--text-muted)}@media (max-width: 768px){.custom-tooltip{padding:.5rem 1rem;font-size:.9rem;box-shadow:var(--shadow-strong)}}.qr-popup{z-index:9999}.confirm-delete-box{display:flex;gap:.25rem;animation:morph-in .2s ease}@keyframes morph-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.confirm-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;height:28px;border-radius:14px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);transition:all .15s ease}.confirm-btn svg{width:12px;height:12px;flex-shrink:0}.confirm-btn.confirm-yes{background:var(--danger);color:var(--text-on-danger);border-color:var(--danger)}.confirm-btn.confirm-yes:hover{background:var(--danger-hover);border-color:var(--danger-hover)}.confirm-btn.confirm-cancel{background:var(--bg-secondary);border-color:var(--border)}.confirm-btn.confirm-cancel:hover{background:var(--bg-tertiary);border-color:var(--border-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.sender-section{display:flex;align-items:center;gap:.75rem}.email-meta .sender-avatar{width:48px;height:48px;font-size:1.1rem}.email-meta .sender-name{font-size:1.05rem;font-weight:600;color:var(--text-primary)}.email-meta .sender-email{font-size:.8rem;color:var(--text-primary);line-height:1.3}.email-date{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.date-label{font-weight:500;color:var(--text-muted);flex-shrink:0}.date-value,.email-meta .subject-label,.email-date .date-label{color:var(--text-primary)}.footer{background:var(--bg-tertiary);border-top:1px solid var(--border);margin-top:auto}.footer-main{padding:3rem 0 2rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;align-items:start}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-column-title{font-size:.875rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.footer-column-content{display:flex;flex-direction:column;gap:.75rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.footer-link-item{margin:0}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:.875rem;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s ease;position:relative}.footer-link:hover{color:var(--accent)}.footer-link.coming-soon{color:var(--text-muted);cursor:default;pointer-events:none}.coming-soon-badge{background:var(--accent);color:var(--text-on-accent);font-size:.625rem;padding:.125rem .375rem;border-radius:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.external-link-icon{opacity:.6;transition:opacity .2s ease}.footer-link:hover .external-link-icon{opacity:1}.newsletter-form{display:flex;flex-direction:column;gap:.75rem}.newsletter-input-group{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease}.newsletter-input:focus{outline:none;border-color:var(--accent)}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-submit{padding:.75rem 1rem;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.newsletter-submit:hover:not(:disabled){background:var(--accent-hover)}.newsletter-submit:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.newsletter-disclaimer{font-size:.75rem;color:var(--text-muted);margin:0;line-height:1.4}.newsletter-success{padding:1rem;background:var(--success-bg);color:var(--success);border-radius:.5rem;text-align:center;font-size:.875rem}.newsletter-success p{margin:0}.social-links{display:flex;flex-direction:column;gap:.75rem}.social-tagline{font-size:.875rem;color:var(--text-secondary);margin:0}.social-icons{display:flex;gap:.75rem}.social-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;padding:.5rem;border-radius:.5rem;transition:all .2s ease;font-size:.875rem}.social-link:hover{color:var(--accent);background:var(--bg-primary)}.social-icon{width:18px;height:18px;transition:transform .2s ease}.social-link:hover .social-icon{transform:scale(1.1)}.social-name{font-weight:500}.trust-badges{display:flex;flex-direction:column;gap:.75rem;align-items:center}.security-badges{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.trust-badge{display:inline-flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:.25rem .6rem;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:9999px}.trust-icon{color:var(--success);width:14px;height:14px}.privacy-features{display:flex;align-items:center;font-size:.8rem;color:var(--text-secondary)}.privacy-feature{font-weight:500}.feature-separator{color:var(--text-muted);font-weight:400}.footer-sub{background:var(--bg-secondary);border-top:1px solid var(--border);padding:2rem 0}.footer-sub-content{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}.footer-sub-left{display:flex;flex-direction:column;gap:.5rem}.copyright{font-size:.75rem;color:var(--text-muted);margin:0}.powered-by{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.cloudflare-badge{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease}.cloudflare-badge:hover{color:var(--accent)}.cloudflare-icon{color:#f38020}.footer-sub-center{display:flex;justify-content:center;align-items:center}.footer-sub-right{display:flex;justify-content:flex-end}.compliance-badges{display:flex;gap:.5rem}.compliance-badge{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border:1px solid var(--border-light)}@media (max-width: 968px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-sub-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.footer-sub-left{order:3}.footer-sub-center{order:1}.footer-sub-right{order:2;justify-content:center}.powered-by{justify-content:center}}@media (max-width: 768px){.footer-main{padding:2rem 0 1.5rem}.footer-container{padding:0 1rem}.footer-column-title{font-size:.8rem;margin-bottom:.75rem}.footer-link{font-size:.8rem}.newsletter-input-group{flex-direction:column;gap:.75rem}.newsletter-input,.newsletter-submit{width:100%;min-height:44px}.newsletter-submit{font-size:.9rem;font-weight:600}.social-icons{gap:.5rem;justify-content:flex-start}.social-link{padding:.625rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.social-name{display:none}.footer-sub{padding:1rem 0}.security-badges{gap:.75rem}.trust-badge{font-size:.7rem}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-main{padding:2rem 0 1.5rem}.social-icons{justify-content:center}.security-badges{flex-direction:column;gap:.5rem;align-items:center}.compliance-badges{justify-content:center}.newsletter-disclaimer{text-align:center}}.how-it-works{background:var(--bg-secondary);border-top:1px solid var(--border-light)}.how-container{max-width:1200px;margin:0 auto;padding:2rem 1.25rem}.how-header h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem}.how-header{text-align:center}.how-intro{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0 auto 1.1rem;max-width:65ch;text-align:center}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem}.how-step{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);padding:2rem 1.5rem;text-align:center;transition:var(--transition)}.how-step:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary)}.how-step-number{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.how-step-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;line-height:1.3}.how-step-description{font-size:.95rem;color:var(--text-secondary);line-height:1.6;max-width:28ch;margin:0 auto}.how-privacy{margin-top:1.25rem;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-lighter);border-radius:var(--radius)}.how-privacy p{margin:0;color:var(--text-primary);font-size:.95rem;line-height:1.6}@media (max-width: 900px){.how-grid{grid-template-columns:1fr;gap:1rem;max-width:500px;margin:1.5rem auto 0}.how-container,.how-step{padding:1.5rem 1rem}.how-step-number{font-size:.8rem;margin-bottom:.5rem}.how-step-title{font-size:1.125rem;margin-bottom:.75rem}.how-step-description{font-size:.9rem;max-width:none}}.faq{background:var(--bg-primary);border-top:1px solid var(--border-light)}.faq-container{max-width:1000px;margin:0 auto;padding:2rem 1.25rem;text-align:center}.faq h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:1.25rem}.faq-list{display:grid;grid-template-columns:1fr;gap:1rem;text-align:left}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);padding:0;border-left:3px solid var(--border);overflow:hidden}.faq-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.9rem 1rem;cursor:pointer;list-style:none}.faq-summary::-webkit-details-marker{display:none}.faq-question{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0}.faq-answer{margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.7;max-width:70ch}.faq-arrow{transform:rotate(90deg);transition:transform .2s ease;color:var(--text-muted);font-weight:700}.faq-item[open] .faq-arrow{transform:rotate(-90deg)}.faq-content{padding:0 1rem 1rem}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:1000;display:flex;flex-direction:column;padding:1rem;overflow-y:auto}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem}.mobile-menu-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.close-menu{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.close-menu:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-menu-nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.mobile-menu-link{display:block;padding:1rem;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);font-weight:500;min-height:44px;display:flex;align-items:center;transition:var(--transition)}.mobile-menu-link:hover{background:var(--bg-tertiary);color:var(--primary)}.mobile-menu-footer{border-top:1px solid var(--border-light);padding-top:1.5rem;margin-top:1.5rem}.session-info{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.session-info code{display:block;margin-top:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-primary);word-break:break-all;border:1px solid var(--border-light)}.mobile-menu-social{display:flex;gap:1rem;justify-content:center}.mobile-menu-social a{color:var(--text-secondary);text-decoration:none;padding:.75rem 1rem;border-radius:var(--radius-sm);font-weight:500;min-height:44px;display:flex;align-items:center;transition:var(--transition)}.mobile-menu-social a:hover{background:var(--bg-tertiary);color:var(--primary)}.notification-banner{background:var(--primary);color:#fff;width:100%;z-index:100}.notification-banner-inner{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;font-size:.8rem;max-width:1200px;margin:0 auto}.notification-banner-inner svg{flex-shrink:0}.notification-banner-enable{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);border-radius:4px;padding:2px 12px;font-size:.75rem;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.notification-banner-enable:hover{background:#ffffff26;border-color:#fff}.notification-banner-close{background:none;border:none;color:#fff9;cursor:pointer;padding:2px;display:flex;align-items:center;margin-left:4px;transition:var(--transition-fast)}.notification-banner-close:hover{color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#ntm-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--accent);z-index:10000;transition:width .2s ease,opacity .3s ease;opacity:0}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;background:var(--bg-primary)}.spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;transition:var(--transition)}.error-screen button{padding:.75rem 1.5rem;background:var(--primary);color:var(--text-on-primary);border-radius:var(--radius);font-weight:500;box-shadow:var(--shadow-light)}.error-screen button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-light);color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}