@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--bg-base:#f4f6f4;--bg-surface:#fff;--bg-surface-hover:#ebf0eb;--primary:#4e6e58;--primary-hover:#3d5745;--primary-light:#e8eee8;--primary-glow:#4e6e5826;--accent-gold:#c68b59;--accent-sand:#f0e6df;--accent-sprout:#a3b899;--text-main:#243026;--text-muted:#5c6e60;--text-inverse:#fff;--border-color:#e0e6e0;--border-hover:#cbd5cb;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #4e6e5814;--shadow-lg:0 16px 48px #2430261f;--error:#b85a5a;--error-bg:#fdf2f2;--success:#5ab87c;--success-bg:#f2fdf6;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Fraunces", Georgia, serif;font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-base);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}@media (prefers-color-scheme:dark){:root{--bg-base:#111813;--bg-surface:#19221b;--bg-surface-hover:#222d25;--primary:#6c9478;--primary-hover:#83ab8e;--primary-light:#223026;--primary-glow:#6c947833;--accent-gold:#dca070;--accent-sand:#302620;--accent-sprout:#8ca381;--text-main:#ecf3ec;--text-muted:#95a899;--text-inverse:#111813;--border-color:#26332a;--border-hover:#374a3d;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 48px #0006;--error:#df7a7a;--error-bg:#2e1d1d;--success:#7adf9b;--success-bg:#1d2e23}}.app-container{position:relative}.app-container:before{content:"";pointer-events:none;z-index:100;opacity:.85;background-image:radial-gradient(circle at 1px 1px,#4f6b4905 1px,#0000 1.2px);background-size:6px 6px;position:absolute;inset:0}.app-container[data-theme=sage]{--bg-base:#f4efe6;--bg-surface:#fbf7ee;--bg-surface-hover:#efe9dd;--primary:#4f6b49;--primary-hover:#3b5237;--primary-light:#e9eedf;--primary-glow:#4f6b4926;--accent-gold:#c28867;--accent-sand:#e8c9b0;--accent-sprout:#6b8e4e;--text-main:#1f2a22;--text-muted:#7b8378;--text-inverse:#f8f4e8;--border-color:#e3dcc9;--border-hover:#d8cfb9;--font-serif:"Cormorant Garamond", "Fraunces", serif}body:has(.app-container[data-theme=sage]){--bg-base:#f4efe6;--bg-surface:#fbf7ee;--bg-surface-hover:#efe9dd;--primary:#4f6b49;--primary-hover:#3b5237;--primary-light:#e9eedf;--primary-glow:#4f6b4926;--accent-gold:#c28867;--accent-sand:#e8c9b0;--accent-sprout:#6b8e4e;--text-main:#1f2a22;--text-muted:#7b8378;--text-inverse:#f8f4e8;--border-color:#e3dcc9;--border-hover:#d8cfb9;--font-serif:"Cormorant Garamond", "Fraunces", serif}.app-container[data-theme=meadow]{--bg-base:#fbf8ec;--bg-surface:#fffef6;--bg-surface-hover:#f4efdd;--primary:#6a8f4e;--primary-hover:#4a6a33;--primary-light:#ecf1dc;--primary-glow:#6a8f4e26;--accent-gold:#d4a26f;--accent-sand:#efe0cb;--accent-sprout:#84a961;--text-main:#1f2a22;--text-muted:#7b8378;--text-inverse:#fffef6;--border-color:#e6dfcd;--border-hover:#d8cfb9;--font-serif:"Cormorant Garamond", "Fraunces", serif}body:has(.app-container[data-theme=meadow]){--bg-base:#fbf8ec;--bg-surface:#fffef6;--bg-surface-hover:#f4efdd;--primary:#6a8f4e;--primary-hover:#4a6a33;--primary-light:#ecf1dc;--primary-glow:#6a8f4e26;--accent-gold:#d4a26f;--accent-sand:#efe0cb;--accent-sprout:#84a961;--text-main:#1f2a22;--text-muted:#7b8378;--text-inverse:#fffef6;--border-color:#e6dfcd;--border-hover:#d8cfb9;--font-serif:"Cormorant Garamond", "Fraunces", serif}.app-container[data-theme=dusk]{--bg-base:#ece7de;--bg-surface:#f5f0e2;--bg-surface-hover:#e2dbcc;--primary:#5c6e4c;--primary-hover:#3f4f32;--primary-light:#e0e6ce;--primary-glow:#5c6e4c26;--accent-gold:#b47657;--accent-sand:#d4dcc0;--accent-sprout:#6f8b52;--text-main:#2a2823;--text-muted:#7b8378;--text-inverse:#f5f0e2;--border-color:#d6cdb8;--border-hover:#c5bba4;--font-serif:"Cormorant Garamond", "Fraunces", serif}body:has(.app-container[data-theme=dusk]){--bg-base:#ece7de;--bg-surface:#f5f0e2;--bg-surface-hover:#e2dbcc;--primary:#5c6e4c;--primary-hover:#3f4f32;--primary-light:#e0e6ce;--primary-glow:#5c6e4c26;--accent-gold:#b47657;--accent-sand:#d4dcc0;--accent-sprout:#6f8b52;--text-main:#2a2823;--text-muted:#7b8378;--text-inverse:#f5f0e2;--border-color:#d6cdb8;--border-hover:#c5bba4;--font-serif:"Cormorant Garamond", "Fraunces", serif}.app-container[data-theme=forest]{--bg-base:#1e2620;--bg-surface:#28322b;--bg-surface-hover:#232c25;--primary:#8fb37a;--primary-hover:#b0ce9e;--primary-light:#2a3a2d;--primary-glow:#8fb37a33;--accent-gold:#d9a487;--accent-sand:#5b4636;--accent-sprout:#a4c68a;--text-main:#ede7d4;--text-muted:#8e9586;--text-inverse:#1e2620;--border-color:#2f3a32;--border-hover:#3a4a3d;--font-serif:"Cormorant Garamond", "Fraunces", serif}body:has(.app-container[data-theme=forest]){--bg-base:#1e2620;--bg-surface:#28322b;--bg-surface-hover:#232c25;--primary:#8fb37a;--primary-hover:#b0ce9e;--primary-light:#2a3a2d;--primary-glow:#8fb37a33;--accent-gold:#d9a487;--accent-sand:#5b4636;--accent-sprout:#a4c68a;--text-main:#ede7d4;--text-muted:#8e9586;--text-inverse:#1e2620;--border-color:#2f3a32;--border-hover:#3a4a3d;--font-serif:"Cormorant Garamond", "Fraunces", serif}.sidebar-fern-watermark{opacity:.08;color:var(--primary);pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;bottom:80px;right:-30px}.reader-fern-watermark{opacity:.05;color:var(--primary);pointer-events:none;z-index:0;transition:opacity .3s;position:absolute;top:-20px;right:-20px;transform:rotate(20deg)}.app-container[data-ferns=off] .sidebar-fern-watermark,.app-container[data-ferns=off] .reader-fern-watermark,.app-container[data-ferns=off] .empty-art{display:none!important}.app-container[data-density=cozy] .email-item{padding:22px 20px}.app-container[data-density=compact] .email-item{padding:8px 14px}.app-container[data-density=compact] .email-item .email-snippet{display:none!important}.app-container[data-density=compact] .email-item .avatar{width:32px;height:32px;font-size:12px}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif)!important}.reader-empty-state .empty-art{transform-origin:50% 90%;animation:6s ease-in-out infinite leaf-sway;display:inline-block}@keyframes leaf-sway{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.garden-tweaks-btn{z-index:999;background:var(--primary);color:var(--text-inverse);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .25s,background-color .25s;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 16px #00000026}.garden-tweaks-btn:hover{background:var(--primary-hover);transform:scale(1.1)rotate(15deg)}.tweaks-panel-card{z-index:1000;background:var(--bg-surface);border:1px solid var(--border-color);width:290px;box-shadow:var(--shadow-lg);border-radius:16px;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) slide-up;position:fixed;bottom:80px;left:24px}.tweaks-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.tweaks-title{font-family:var(--font-serif);color:var(--primary);align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex}.tweaks-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:18px}.tweak-section{margin-bottom:12px}.tweak-section-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.8px;margin-bottom:6px;font-size:11px;font-weight:700}.tweak-control{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.tweak-control label{color:var(--text-main);font-size:12px;font-weight:600}.tweak-select{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-main);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-size:12.5px}.tweak-toggle-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.tweak-toggle-row span{color:var(--text-main);font-size:12.5px;font-weight:600}.tweak-switch{width:36px;height:20px;display:inline-block;position:relative}.tweak-switch input{opacity:0;width:0;height:0}.tweak-slider-round{cursor:pointer;background-color:var(--border-color);border-radius:20px;transition:all .2s;position:absolute;inset:0}.tweak-slider-round:before{content:"";background-color:var(--bg-surface);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.tweak-slider-round{background-color:var(--primary)}input:checked+.tweak-slider-round:before{transform:translate(16px)}*{box-sizing:border-box}body{background-color:var(--bg-base);color:var(--text-main);margin:0;padding:0;font-size:15px;line-height:1.6}#root{width:100vw;height:100vh;display:flex;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);margin:0;font-weight:500}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sprout-loader{width:48px;height:48px;display:inline-block;position:relative}.sprout-loader:after{content:"🌱";font-size:28px;animation:1.8s ease-in-out infinite sprout-grow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes sprout-grow{0%,to{opacity:.7;transform:translate(-50%,-50%)scale(.8)rotate(-10deg)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)rotate(10deg)}}.btn,.sidebar-item,.email-item,.compose-btn{transition:all .25s cubic-bezier(.4,0,.2,1)}input,select,textarea{font-family:var(--font-sans);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.app-container{background-color:var(--bg-base);width:100%;height:100%;display:flex;overflow:hidden}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);width:260px;height:100%;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;padding:24px 16px;display:flex}.email-list-panel{background:var(--bg-surface);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;flex-shrink:0;width:380px;height:100%;display:flex}.email-reader-panel{background:var(--bg-base);flex-direction:column;flex-grow:1;height:100%;display:flex;position:relative;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#11181373;justify-content:center;align-items:center;animation:.25s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.badge{background:var(--primary-light);color:var(--primary);letter-spacing:.5px;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.badge-unread{background:var(--primary);color:var(--text-inverse)}.intro-bloom-container{background-color:var(--bg-base);z-index:9999;justify-content:center;align-items:center;animation:.4s ease-out intro-fade-in;display:flex;position:fixed;inset:0}.intro-bloom-card{text-align:center;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:460px;padding:40px 60px;animation:.6s cubic-bezier(.34,1.56,.64,1) intro-card-zoom;display:flex}.intro-sprout-wrapper{width:100px;height:100px;margin-bottom:24px}.intro-svg-sprout{width:100%;height:100%}.stem-grow{stroke-dasharray:100;stroke-dashoffset:100px;animation:1.8s cubic-bezier(.4,0,.2,1) forwards draw-stem}.leaf-bloom{transform-origin:50% 70%;animation:1.4s cubic-bezier(.34,1.56,.64,1) forwards bloom-leaves;transform:scale(0)}.leaf-delay-1{transform-origin:52% 70%;animation-delay:.6s}.leaf-delay-2{transform-origin:51% 55%;animation-delay:1s}.leaf-delay-3{transform-origin:53% 40%;animation-delay:1.4s}@keyframes draw-stem{to{stroke-dashoffset:0}}@keyframes bloom-leaves{to{transform:scale(1)}}.intro-bloom-title{color:var(--primary);letter-spacing:1px;margin-bottom:8px;font-size:28px}.intro-bloom-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:14px}.intro-bar-container{background-color:var(--primary-light);border-radius:2px;width:100%;height:4px;overflow:hidden}.intro-bar-fill{background-color:var(--primary);border-radius:2px;width:0%;height:100%;animation:2.4s cubic-bezier(.4,0,.2,1) forwards fill-bar}@keyframes fill-bar{0%{width:0%}40%{width:15%}70%{width:65%}to{width:100%}}@keyframes intro-card-zoom{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}.silent-loader-banner{background:var(--primary-light);border-bottom:1px solid var(--border-color);color:var(--primary);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) both banner-slide-down;display:flex}@keyframes banner-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.banner-leaf{animation:1.5s ease-in-out infinite leaf-sway;display:inline-block}.pulse-dots{align-items:center;margin-left:4px;display:inline-flex}.pulse-dot{background-color:var(--primary);border-radius:50%;width:5px;height:5px;margin:0 2px;animation:1.2s infinite both sequentialPulse;display:inline-block}.pulse-dot:first-child{animation-delay:0s}.pulse-dot:nth-child(2){animation-delay:.2s}.pulse-dot:nth-child(3){animation-delay:.4s}@keyframes sequentialPulse{0%,80%,to{opacity:.25;background-color:var(--primary);transform:scale(.8)}40%{opacity:1;background-color:var(--accent-gold);transform:scale(1.3)}}.pull-instruction{text-align:center;color:var(--text-muted);border-bottom:1px dashed var(--border-color);background:var(--bg-base);opacity:.7;-webkit-user-select:none;user-select:none;padding:8px 0;font-size:11px}.app-layout{background-color:var(--bg-base);width:100vw;height:100vh;display:flex;overflow:hidden}.setup-container{background:radial-gradient(circle at top right, #a3b89926, transparent), radial-gradient(circle at bottom left, #c68b5914, transparent), var(--bg-base);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px 20px;display:flex;overflow-y:auto}.setup-card{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;max-width:680px;box-shadow:var(--shadow-lg);border-radius:20px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.setup-header{text-align:center;margin-bottom:32px}.setup-logo{margin-bottom:8px;font-size:40px;animation:3s ease-in-out infinite leaf-sway;display:inline-block}.setup-title{font-family:var(--font-serif);color:var(--text-main);margin-bottom:8px;font-size:32px}.setup-subtitle{color:var(--text-muted);font-size:15px}.provider-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-bottom:30px;display:grid}.provider-card{background:var(--bg-base);border:1px solid var(--border-color);text-align:center;cursor:pointer;border-radius:12px;padding:16px 12px;transition:all .25s}.provider-card:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.provider-card.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px var(--primary)}.provider-icon{margin-bottom:6px;font-size:24px}.provider-name{color:var(--text-main);font-size:13px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:span 2}.form-label{color:var(--text-main);font-size:13px;font-weight:600}.form-help{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.4}.help-card{background:var(--accent-sand);border-left:3px solid var(--accent-gold);color:var(--text-main);border-radius:4px 8px 8px 4px;margin-bottom:24px;padding:12px 16px;font-size:13px}.help-card a{color:var(--accent-gold);font-weight:600;text-decoration:none}.btn{background:var(--primary);color:var(--text-inverse);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{background:var(--bg-base);border-color:var(--border-hover)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.sidebar-header{align-items:center;gap:10px;margin-bottom:24px;display:flex}.logo-icon{color:var(--primary);width:28px;height:28px}.logo-text{font-family:var(--font-serif);color:var(--primary);font-size:22px;font-weight:600}.compose-btn{background:var(--primary);color:var(--text-inverse);box-shadow:0 4px 12px var(--primary-glow);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:24px;padding:12px 20px;font-size:14px;font-weight:600;display:flex}.compose-btn:hover{background:var(--primary-hover);box-shadow:0 6px 16px var(--primary-glow);transform:translateY(-1px)}.sidebar-menu{flex-direction:column;flex-grow:1;gap:4px;display:flex;overflow-y:auto}.sidebar-item{cursor:pointer;color:var(--text-muted);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--bg-base);color:var(--text-main)}.sidebar-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.sidebar-item-left{align-items:center;gap:12px;display:flex}.sidebar-item-icon{width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.account-info{color:var(--text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.status-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%}.account-email{white-space:nowrap;text-overflow:ellipsis;max-width:170px;color:var(--text-main);font-weight:600;overflow:hidden}.list-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:12px;padding:20px 16px 14px;display:flex}.list-title-row{justify-content:space-between;align-items:center;display:flex}.list-title{font-family:var(--font-serif);color:var(--text-main);text-transform:capitalize;font-size:20px}.refresh-btn{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.refresh-btn:hover{background:var(--bg-base);color:var(--primary);transform:rotate(180deg)}.refresh-btn.spinning{animation:1.2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-wrapper{width:100%;position:relative}.search-input{background:var(--bg-base);border-color:#0000;border-radius:20px;width:100%;padding-left:36px}.search-input:focus{border-color:var(--primary);background:var(--bg-surface)}.search-icon{width:16px;height:16px;color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.email-items-container{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.email-item{border-bottom:1px solid var(--border-color);cursor:pointer;gap:12px;padding:16px;animation:.45s cubic-bezier(.34,1.56,.64,1) both email-sprout-in;display:flex;position:relative}@keyframes email-sprout-in{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.email-item:hover{background:var(--bg-base)}.email-item.selected{background:var(--primary-light);border-left:3px solid var(--primary)}.email-item.unread .email-subject{color:var(--text-main);font-weight:700}.email-item.unread:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:24px;left:6px}.avatar{background:var(--border-color);width:40px;height:40px;color:var(--text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.email-item-content{flex-grow:1;min-width:0}.email-item-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.email-sender{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:13px;font-weight:600;overflow:hidden}.email-date{color:var(--text-muted);font-size:11px}.email-subject{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:13px;overflow:hidden}.email-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.list-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.empty-sprout{font-size:32px}.reader-empty-state{text-align:center;height:100%;color:var(--text-muted);background:linear-gradient(#0000,#4e6e5808);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.empty-art{margin-bottom:16px;font-size:64px;animation:4s ease-in-out infinite leaf-float}@keyframes leaf-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(4deg)}}.empty-title{font-family:var(--font-serif);color:var(--text-main);margin-bottom:8px;font-size:24px}.empty-desc{max-width:320px;font-size:14px;line-height:1.6}.reader-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-direction:column;gap:16px;padding:24px;display:flex}.reader-toolbar{justify-content:space-between;align-items:center;gap:10px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.toolbar-btn{background:var(--bg-base);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.toolbar-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.toolbar-btn.danger:hover{background:var(--error-bg);border-color:var(--error);color:var(--error)}.reader-subject{font-family:var(--font-serif);color:var(--text-main);font-size:22px;font-weight:600;line-height:1.3}.reader-meta-row{justify-content:space-between;align-items:center;display:flex}.sender-profile{align-items:center;gap:12px;display:flex}.sender-details{flex-direction:column;display:flex}.sender-name{color:var(--text-main);font-weight:600}.sender-email{color:var(--text-muted);font-size:12px}.recipient-info{color:var(--text-muted);margin-top:2px;font-size:12px}.reader-date{color:var(--text-muted);font-size:12px}.reader-body-container{background:var(--bg-surface);flex-direction:column;flex-grow:1;padding:24px;display:flex;overflow-y:auto}.email-iframe{background:0 0;border:none;width:100%;height:100%;min-height:400px}.quick-reply-box{background:var(--bg-base);border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:16px 24px;display:flex}.reply-header{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.reply-textarea{resize:vertical;background:var(--bg-surface);border-color:var(--border-color);width:100%;min-height:80px;padding:12px}.reply-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.compose-card{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;max-width:720px;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) zoom-in;display:flex}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.compose-header{border-bottom:1px solid var(--border-color);background:var(--primary-light);border-top-left-radius:15px;border-top-right-radius:15px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.compose-title{font-family:var(--font-serif);color:var(--primary);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.close-btn:hover{color:var(--text-main);background:#0000000d}.compose-form{flex-direction:column;flex-grow:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.compose-input-row{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding-bottom:8px;display:flex}.compose-label{color:var(--text-muted);flex-shrink:0;width:60px;font-size:13px;font-weight:600}.compose-input-field{color:var(--text-main);background:0 0;border:none;outline:none;flex-grow:1;width:100%;padding:6px 0;font-size:14px}.compose-input-field:focus{box-shadow:none}.compose-body-field{resize:none;min-height:200px;color:var(--text-main);background:0 0;border:none;outline:none;flex-grow:1;padding:8px 0;font-size:14px;line-height:1.5}.compose-body-field:focus{box-shadow:none}.compose-footer{border-top:1px solid var(--border-color);background:var(--bg-base);border-bottom-right-radius:15px;border-bottom-left-radius:15px;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.notification-toast{background:var(--bg-surface);border-left:4px solid var(--primary);box-shadow:var(--shadow-lg);z-index:1001;border-radius:8px;align-items:center;gap:12px;max-width:320px;padding:16px 20px;animation:.3s cubic-bezier(.16,1,.3,1) slide-in;display:flex;position:fixed;bottom:24px;right:24px}.notification-toast.error{border-left-color:var(--error)}.notification-toast.success{border-left-color:var(--success)}@keyframes slide-in{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.toast-icon{font-size:20px}.toast-message{color:var(--text-main);font-size:13px;font-weight:500}