*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fafafa;color:#111;min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh}:root{--bg: #f8fafc;--bg-card: #fff;--bg-secondary: #f1f5f9;--bg-hover: #e2e8f0;--border: #bfdbfe;--border-light: #dbeafe;--text: #1e3a5f;--text-secondary: #3b5998;--text-muted: #64748b;--text-placeholder: #94a3b8;--shadow: rgba(59, 130, 246, .15);--error-bg: #fef2f2;--error-border: #fecaca;--error-text: #dc2626;--btn-bg: #3b82f6;--btn-text: #fff;--accent: #3b82f6;--accent-light: rgba(59, 130, 246, .15);--particle: rgba(59, 130, 246, .3)}[data-theme=dark]{--bg: #0f0a1e;--bg-card: #1a1333;--bg-secondary: #211a38;--bg-hover: #2a2145;--border: #3d2f66;--border-light: #2d2250;--text: #f5f3ff;--text-secondary: #c4b5fd;--text-muted: #a1a1aa;--text-placeholder: #52525b;--shadow: rgba(167, 139, 250, .15);--error-bg: #3b1818;--error-border: #7f1d1d;--error-text: #fca5a5;--btn-bg: #a78bfa;--btn-text: #0f0a1e;--accent: #a78bfa;--accent-light: rgba(167, 139, 250, .15);--particle: rgba(167, 139, 250, .3)}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);transition:background .3s,color .3s}.page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.particles{position:absolute;inset:0;pointer-events:none}.particle{position:absolute;width:8px;height:8px;background:var(--particle);border-radius:50%;top:50%;left:50%;filter:blur(1px)}.theme-toggle{position:fixed;top:20px;right:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);z-index:100}.toggle-glow{position:absolute;inset:0;background:var(--accent-light);border-radius:50%;opacity:0;transition:opacity .3s;filter:blur(8px)}.theme-toggle:hover .toggle-glow{opacity:.6}.toggle-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.toggle-icon.sun{color:#a78bfa}.toggle-icon.moon{color:#3b82f6}.center-content{text-align:center;z-index:1;padding:20px;width:100%;max-width:400px}.title{font-size:32px;font-weight:700;color:var(--text);margin-bottom:8px}.subtitle{font-size:14px;color:var(--text-muted);margin-bottom:32px}.search-form{display:flex;flex-direction:column;gap:12px}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.input{width:100%;padding:14px 14px 14px 46px;font-size:15px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);color:var(--text);outline:none;transition:all .2s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder{color:var(--text-placeholder)}.input-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-muted);pointer-events:none}.btn{width:100%;padding:14px 24px;font-size:15px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.btn-content{display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--btn-bg);color:var(--btn-text)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--bg-card);border-radius:16px;width:100%;max-width:700px;height:70vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 60px var(--shadow)}.modal-header{padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.modal-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text)}.modal-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all .2s}.nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.mail-count{font-size:13px;font-weight:500;color:var(--text-secondary);min-width:50px;text-align:center}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .2s}.close-btn:hover{background:var(--bg-hover);color:var(--text)}.modal-subject{padding:14px 20px;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;gap:16px}.subject-text{font-size:15px;font-weight:500;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-time{font-size:12px;color:var(--text-muted);flex-shrink:0}.modal-content{flex:1;overflow:auto;min-height:400px;height:50vh}.modal-content iframe{width:100%;height:100%;min-height:400px;border:none;background:#fff;display:block}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:14px 20px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:12px;color:var(--error-text);font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px var(--shadow);z-index:1001}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}.flying-star-element{position:fixed;z-index:10000;color:#a78bfa;filter:drop-shadow(0 0 20px #a78bfa) drop-shadow(0 0 40px #8b5cf6);pointer-events:none}[data-theme=dark] .flying-star-element{color:#3b82f6;filter:drop-shadow(0 0 20px #3b82f6) drop-shadow(0 0 40px #2563eb)}.star-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);display:flex;gap:8px;align-items:center}.star-eye{width:8px;height:10px;background:#1a1a1a;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}[data-theme=dark] .star-eye{background:#0a0a0a}.eye-pupil{width:3px;height:3px;background:#fff;border-radius:50%;position:absolute;top:2px;right:1px}