@import url(https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f8f8;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button{cursor:pointer;transition:all .3s ease}button,input,select,textarea{font-family:inherit}:root{--leather-dark:#3d2610;--leather-base:#5d3a1a;--leather-light:#7c512d;--aged-paper:#f8f8f8;--aged-paper-dark:#e0e0e0;--gutenberg-white:#fff;--ink-black:#1a1a1b;--ink-muted:#4a4a4b;--vintage-gold:#f8f8f8;--vintage-gold-bright:#f8f8f8;--shadow-warm:#0000000d}#root,body,html{margin:0!important;overflow-x:hidden;padding:0!important}.App{background:#f8f8f8;background:var(--aged-paper);color:#1a1a1b;color:var(--ink-black);display:flex;flex-direction:column;font-family:Ibarra Real Nova,serif;margin:0!important;max-width:100vw;min-height:100vh;padding:0 0 70px!important;transition:background-color .3s ease;width:100%}.App.popup-open{background:#00000080;border-radius:0;margin:0;max-width:none;padding:0;width:100vw}.App-header{align-items:center;background:#fff;background:var(--gutenberg-white);border-bottom:2px solid #f8f8f8;border-bottom:2px solid var(--vintage-gold);box-shadow:0 4px 20px #0000000d;box-shadow:0 4px 20px var(--shadow-warm);box-sizing:border-box;color:#3d2610;color:var(--leather-dark);display:flex;justify-content:space-between;padding:15px 40px!important;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-left,.header-right{align-items:center;display:flex;min-width:150px}.header-right{gap:15px;justify-content:flex-end}.header-center{flex:1 1;text-align:center}.header-title{align-items:center;cursor:pointer;display:flex;flex-direction:column;line-height:.8;margin:0!important;transition:transform .2s ease}.header-title-container{display:inline-block;padding:5px 20px;position:relative}.header-title-container:hover .header-title{transform:scale(1.05)}.logout-dropdown{animation:fadeInDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #f8f8f8;border:1px solid var(--vintage-gold);border-radius:12px;box-shadow:0 10px 25px #0000001a;left:50%;min-width:140px;padding:15px 10px 10px;position:absolute;top:100%;transform:translateX(-50%);z-index:1001}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.logout-btn{align-items:center;background:none;border:none;border-radius:8px;color:#c00;cursor:pointer;display:flex;font-family:Ibarra Real Nova,serif;font-size:1.1em;font-weight:600;gap:10px;justify-content:center;padding:10px 15px;transition:all .2s ease;width:100%}.logout-btn:hover{background:#cc00000d;transform:translateY(-1px)}.logout-icon{height:18px;width:18px}.title-line{color:#3d2610;color:var(--leather-dark);font-family:Ibarra Real Nova,serif;font-size:.6em;letter-spacing:2px;text-shadow:1px 1px 0 #0000001a;text-transform:uppercase}.mailbox-icon-overlay{align-items:center;background:#f8f8f8;background:var(--aged-paper);border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);border-radius:50%;box-shadow:0 2px 8px #0000000d;box-shadow:0 2px 8px var(--shadow-warm);cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px;z-index:10}.mailbox-sketch{color:#3d2610;color:var(--leather-dark);height:30px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:30px}.mailbox-icon-overlay:hover{background:#f8f8f8;background:var(--vintage-gold);transform:scale(1.1) rotate(-5deg)}.mailbox-icon-overlay:hover .mailbox-sketch{color:#fff}.mailbox-icon-overlay.animating{animation:mailboxBounce .5s ease-in-out}@keyframes mailboxBounce{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.hidden-mail-badge{align-items:center;background:linear-gradient(135deg,#f44,#c00);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #f446;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;left:100%;position:absolute;top:50%;transform:translate(-30%,-50%);width:28px;z-index:11}.App-header h1{color:#3d2610;color:var(--leather-dark);font-size:3em;letter-spacing:-1px;line-height:1.2;margin:0!important;padding-top:0!important;text-shadow:1px 1px 0 #fffc}.App-header h1,.folder-list h2,.mail-list h2{font-family:Ibarra Real Nova,serif;font-weight:700}.folder-list h2,.mail-list h2{border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--aged-paper-dark);color:#2b1b0a;font-size:1.6em;letter-spacing:1px;margin-bottom:25px;padding-bottom:12px;text-transform:uppercase}.header-buttons{display:flex;gap:10px;position:absolute;right:20px;top:20px}.compose-button{align-items:center;background:#f8f8f8;background:var(--vintage-gold);border:1px solid #f8f8f8;border:1px solid var(--vintage-gold-bright);border-radius:8px;box-shadow:0 4px 15px #0000000d;box-shadow:0 4px 15px var(--shadow-warm);color:#2b1b0a;cursor:pointer;display:inline-flex;font-size:1em;font-weight:800;justify-content:center;letter-spacing:.5px;margin-top:5px;padding:8px 20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.compose-button:hover{background:#f8f8f8;background:var(--vintage-gold-bright);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.compose-button:active{transform:translateY(0) scale(.98)}.folder-dropdown-btn{font-size:3em;height:80px;opacity:.3;position:absolute;right:20px;top:8px;transition:transform .3s ease;width:80px;z-index:10}.folder-dropdown-btn:before{content:"📁";font-family:Noto Color Emoji,sans-serif;font-size:5em;left:0;opacity:.3;position:absolute;top:0}.folder-dropdown-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 6px 20px #4caf5066}.folder-dropdown-btn:active{transform:scale(.95)}.folder-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:10px;box-shadow:0 8px 25px #00000026;min-width:200px;padding:15px;position:absolute;right:30px;top:100%;z-index:1000}.folder-dropdown .create-folder{margin-bottom:15px}.folder-dropdown .folder-item{margin-bottom:8px}.send-drafts-button{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:25px;box-shadow:0 4px 15px #2196f34d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transform:scale(1);transition:all .3s ease}.send-drafts-button:hover{background:linear-gradient(135deg,#1976d2,#2196f3);box-shadow:0 6px 20px #2196f366;transform:scale(1.05)}.send-drafts-button:active{transform:scale(.95)}.send-drafts-btn{background:#f8f8f8;background:var(--vintage-gold);border:1px solid #f8f8f8;border:1px solid var(--vintage-gold-bright);border-radius:8px;box-shadow:0 4px 15px #0000000d;box-shadow:0 4px 15px var(--shadow-warm);color:#2b1b0a;cursor:pointer;font-size:14px;font-weight:800;letter-spacing:1px;margin-bottom:25px;overflow:hidden;padding:15px 25px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.send-drafts-btn:hover{background:#f8f8f8;background:var(--vintage-gold-bright);box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.send-drafts-btn:active{box-shadow:0 2px 10px #4caf504d;transform:translateY(0) scale(.98)}.mailbox-container{background:#f8f8f8;background:var(--aged-paper);border:none;box-shadow:inset 0 0 50px #0000000d;box-sizing:border-box;display:flex;flex:1 1;min-height:calc(100vh - 140px);width:100%}.folder-list{display:none}.sidebar-logout{align-items:center;background:#f8f8f8;background:var(--aged-paper);border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);border-radius:4px;color:#3d2610;color:var(--leather-dark);cursor:pointer;display:flex;font-size:.85em;font-weight:700;gap:12px;letter-spacing:1px;margin-top:40px;padding:14px 20px;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.sidebar-logout:hover{background:#c0392b;border-color:#e74c3c;box-shadow:0 4px 15px #0000004d;color:#fff;transform:translateX(5px)}.create-folder{display:flex;flex-direction:column;gap:10px;margin-bottom:25px}.create-folder button{width:100%}.create-folder input{background:#f8f8f8;background:var(--aged-paper);border:1px solid #7c512d;border:1px solid var(--leather-light);border-radius:4px;color:#3d2610;color:var(--leather-dark);flex:1 1;font-family:inherit;font-size:14px;padding:12px 15px;transition:all .3s ease}.create-folder input:focus{border-color:#f8f8f8;border-color:var(--vintage-gold);box-shadow:0 0 0 2px #c5a05933;outline:none}.create-folder button{background:#f8f8f8;background:var(--vintage-gold);border:none;border-radius:4px;color:#3d2610;color:var(--leather-dark);cursor:pointer;font-weight:700;letter-spacing:1px;padding:12px;text-transform:uppercase;transition:all .3s ease}.create-folder button:hover{background:#f8f8f8;background:var(--vintage-gold-bright);box-shadow:0 4px 10px #0000004d;transform:translateY(-1px)}.create-folder:after{content:"";display:block}.create-folder:after,.separator{background:linear-gradient(90deg,#8080804d,#80808099 50%,#8080804d);border-radius:1px;height:2px;margin:20px 0}.folder-item{align-items:center;background:#00000008;border:1px solid #0000;border-radius:8px;color:#3d2610;color:var(--leather-dark);cursor:pointer;display:flex;font-weight:600;justify-content:space-between;margin-bottom:8px;padding:12px 18px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.folder-item:hover{background:#ffffff1a;color:#f8f8f8;color:var(--aged-paper);transform:translateX(4px)}.folder-item.selected{background:#f8f8f8;background:var(--aged-paper);border-color:#f8f8f8;border-color:var(--vintage-gold);box-shadow:0 4px 15px #0000004d;color:#3d2610;color:var(--leather-dark);font-weight:700}.delete-folder-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:16px;opacity:.7;padding:4px 8px;transition:all .3s ease}.delete-folder-btn:hover{background-color:#f4433633;opacity:1;transform:scale(1.1)}.mail-list{background:#ffffffe6;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:40px;width:100%}.mailbox-header{align-items:center;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--aged-paper-dark);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;width:100%}.mailbox-header h2{color:#3d2610;color:var(--leather-dark);font-family:Ibarra Real Nova,serif;font-size:1.8em;letter-spacing:1px;margin:0!important;text-transform:uppercase}.mail-grid{grid-gap:35px;align-content:start;display:grid;gap:35px;grid-template-columns:repeat(3,1fr);width:100%}.mailbox-actions{align-items:center;display:flex;gap:15px}.mailbox-actions .empty-bin-btn,.mailbox-actions .send-drafts-btn{font-size:11px;margin:0;padding:10px 20px}@media (max-width:1200px){.mail-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.mail-grid{grid-template-columns:repeat(2,1fr)}.mailbox-header{align-items:flex-start;flex-direction:column;gap:15px}}@media (max-width:600px){.mail-grid{gap:15px;grid-template-columns:1fr;width:100%}.mail-list{padding:20px}}.search-container{align-items:center;display:flex;left:50%;margin:0;max-width:100%;position:absolute;transform:translateX(-50%);width:350px;z-index:1}.search-container:before{content:"🔍";font-size:14px;left:15px;opacity:.5;pointer-events:none;position:absolute;transition:all .3s ease;z-index:5}.search-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:1px solid #0000001a;border-radius:20px;box-shadow:0 2px 10px #0000000d;color:#2c3e50;font-size:14px;padding:12px 15px 12px 40px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input:focus{background:#fff;border-color:#2196f3;box-shadow:0 4px 15px #2196f326;outline:none;transform:translateY(-1px)}.search-container:focus-within:before{opacity:.8;transform:scale(1.1)}.search-input::placeholder{color:#95a5a6;font-weight:300}.search-results-dropdown{animation:dropdownFadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;left:0;margin-top:8px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:2000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-result-item{border-bottom:1px solid #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:15px 20px;transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#2196f314;padding-left:25px}.result-main{align-items:center;display:flex;justify-content:space-between;width:100%}.result-subject{color:#3d2610;color:var(--leather-dark);font-size:14px;font-weight:700}.result-folder{background:#f8f8f8;background:var(--vintage-gold);border:1px solid #f8f8f8;border:1px solid var(--vintage-gold-bright);border-radius:10px;color:#000;font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.result-sub{color:#7f8c8d;font-size:12px;font-style:italic}.mail-card{cursor:pointer;display:flex;flex-direction:column}.mail-item{aspect-ratio:1.4/1;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#f8f8f8;background:var(--aged-paper);border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);box-shadow:0 10px 25px #0000001f;flex-direction:column;justify-content:center;margin-bottom:12px;padding:35px;position:relative;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;will-change:transform}.mail-item,.mail-preview-content{border-radius:4px;display:flex;overflow:hidden}.mail-preview-content{background:#fff;bottom:5px;justify-content:flex-start;left:5px;opacity:.8;padding:15px;pointer-events:none;position:absolute;right:5px;top:5px}.mail-preview-content>div,.mail-preview-content>img{height:auto;transform:scale(.65);transform-origin:top left;width:154%}.mail-preview-content img{max-width:100%}.mail-item-stamp{font-size:3.8em;opacity:.9;top:15px;transform:rotate(6deg)}.mail-info{display:flex;flex-direction:column;padding:0 5px;text-align:left}.mail-item .restore-mail-btn{background:linear-gradient(135deg,#5d3a1a,#3d2610);background:linear-gradient(135deg,var(--leather-base) 0,var(--leather-dark) 100%);border:1px solid #f8f8f8;border:1px solid var(--vintage-gold);border-radius:4px;bottom:15px;box-shadow:0 4px 10px #0000000d;box-shadow:0 4px 10px var(--shadow-warm);color:#f8f8f8;color:var(--vintage-gold);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 18px;position:absolute;right:15px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:10}.mail-item .restore-mail-btn:hover{box-shadow:0 8px 20px #667eea4d;filter:brightness(1.05);transform:translateY(-2px)}.mail-item:before{background:linear-gradient(135deg,#2196f3,#1976d2);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.mail-item:hover{box-shadow:0 15px 35px #0000002e;transform:translateY(-8px) scale(1.02)}.mail-item.unopened{background:#fdfdfd;border:1px solid #f8f8f8;border:1px solid var(--vintage-gold);box-shadow:4px 4px 20px #0000000d;box-shadow:4px 4px 20px var(--shadow-warm)}.mail-item.unopened:before{background:#f8f8f8;background:var(--vintage-gold);transform:scaleY(1);width:6px}.mail-item.opened{background:#f3f1eb;opacity:.9}.mail-item.opened:before{background:#e0e0e0;background:var(--aged-paper-dark);width:4px}.send-individual-draft-btn{align-items:center;background:linear-gradient(135deg,#3d2610,#5d3a1a);background:linear-gradient(135deg,var(--leather-dark) 0,var(--leather-base) 100%);border:none;border-left:2px solid var(--vintage-gold);color:#f8f8f8;color:var(--vintage-gold);cursor:pointer;display:flex;font-size:13px;font-weight:700;height:100%;justify-content:center;letter-spacing:1px;opacity:0;padding:10px;position:absolute;right:-120px;text-align:center;text-transform:uppercase;top:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:120px;z-index:10}.mail-item:hover .send-individual-draft-btn{opacity:1;right:0}.send-individual-draft-btn:hover{background:linear-gradient(135deg,#45a049,#4caf50);filter:brightness(1.1)}.send-individual-draft-btn:active{transform:scale(.95)}.mail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.mail-header strong{color:#3d2610;color:var(--leather-dark);display:block;font-family:Ibarra Real Nova,serif;font-size:1.4em;font-weight:700;letter-spacing:-.3px;margin-bottom:0}.mail-date{color:#4a4a4b;color:var(--ink-muted);font-size:.9em;font-weight:600;letter-spacing:.5px;margin-top:10px;text-transform:uppercase}.mail-sender{color:#5d3a1a;color:var(--leather-base);font-size:1.1em;font-weight:600;margin-top:0}.mail-content{display:none}.taskbar{background:#0000;border-top:none;bottom:0;box-shadow:none;height:70px;left:0;padding:0 30px;pointer-events:none;position:fixed;right:0;z-index:1000}.taskbar,.taskbar-add-btn{align-items:center;display:flex}.taskbar-add-btn{background:#f8f8f8;background:var(--vintage-gold);border:none;border-radius:8px;box-shadow:0 2px 8px #0000004d;color:#3d2610;color:var(--leather-dark);cursor:pointer;font-size:24px;font-weight:800;height:45px;justify-content:center;margin-right:30px;pointer-events:auto;transition:all .3s ease;width:45px}.taskbar-add-btn:hover{background:#f8f8f8;background:var(--vintage-gold-bright);transform:scale(1.05)}.taskbar-folders{align-items:center;display:flex;flex:1 1;gap:20px;overflow-x:auto;padding:0 10px}.taskbar-folders::-webkit-scrollbar{display:none}.taskbar-item{align-items:center;background:none;border:none;color:#fdfcf8;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:70px;opacity:.6;padding:5px;pointer-events:auto;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.taskbar-item:hover{opacity:.9;transform:translateY(-5px)}.taskbar-item.selected{color:#f8f8f8;color:var(--vintage-gold-bright);opacity:1;transform:translateY(-8px)}.taskbar-icon{font-size:24px}.taskbar-name{font-size:11px;font-weight:600;letter-spacing:.5px;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.taskbar-bin{border-left:1px solid #ffffff1a;margin-left:auto;padding-left:20px}.taskbar-bin-btn{background:none;border:none;cursor:pointer;font-size:30px;opacity:.8;pointer-events:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.taskbar-bin-btn:hover{opacity:1;transform:scale(1.2) rotate(10deg)}.taskbar-bin-btn.selected{filter:drop-shadow(0 0 8px #F8F8F8);filter:drop-shadow(0 0 8px var(--vintage-gold));opacity:1}.homepage-shortcuts{background:#f8f8f8;background:var(--aged-paper);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--aged-paper-dark);display:flex;flex-direction:column;gap:15px;padding:20px 30px}.shortcut-container{align-items:center;display:flex;min-height:50px;position:relative}.shortcut-buttons{display:flex;gap:15px;z-index:2}.shortcut-btn{align-items:center;background:#f8f8f8;background:var(--aged-paper);border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);border-radius:30px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--shadow-warm);cursor:pointer;display:flex;gap:10px;padding:12px 25px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.shortcut-btn:hover{border-color:#f8f8f8;border-color:var(--vintage-gold);box-shadow:0 6px 15px #0000001a;transform:translateY(-3px)}.shortcut-btn.active{background:#fff;border-color:#f8f8f8;border-color:var(--vintage-gold-bright)}.shortcut-icon{font-size:24px}.shortcut-label{color:#3d2610;color:var(--leather-dark);font-size:15px;font-weight:700;letter-spacing:.5px}.expanded-folders{align-items:center;animation:slideDown .3s ease-out;background:#00000008;border-radius:15px;display:flex;gap:15px;padding:15px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shortcut-add-btn{align-items:center;background:#f8f8f8;background:var(--vintage-gold);border:none;border-radius:50%;color:#3d2610;color:var(--leather-dark);cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:800;height:40px;justify-content:center;transition:all .3s ease;width:40px}.shortcut-add-btn:hover{background:#f8f8f8;background:var(--vintage-gold-bright);transform:rotate(90deg)}.sub-folders-list{display:flex;gap:12px;overflow-x:auto;padding:5px}.sub-folder-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;min-width:60px;opacity:.7;transition:all .3s ease}.sub-folder-item:hover{opacity:1;transform:scale(1.1)}.sub-folder-item.selected{color:#f8f8f8;color:var(--vintage-gold);opacity:1}.sub-folder-icon{font-size:20px}.sub-folder-name{font-size:10px;font-weight:600;margin-top:4px;text-transform:uppercase}.mail-detail{background:#f8f8f8;background:var(--aged-paper);border:4px double #e0e0e0;border:4px double var(--aged-paper-dark);border-radius:4px;box-shadow:inset 0 0 100px #0000000d;color:#1a1a1b;color:var(--ink-black);min-height:550px;padding:50px;position:relative}.mail-popup-content .mail-detail h3{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--aged-paper-dark);color:#3d2610;color:var(--leather-dark);font-size:2em;font-weight:700;margin-bottom:30px;margin-top:0;padding-bottom:15px;text-align:center}.mail-popup-content .mail-detail p{color:#4a4a4b;color:var(--ink-muted);font-size:1.1em;margin:12px 0}.mail-popup-content .mail-detail p strong{color:#5d3a1a;color:var(--leather-base);font-size:.9em;letter-spacing:.5px;text-transform:uppercase}.close-button{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:20px;bottom:20px;box-shadow:0 4px 15px #f443364d;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;right:55px;transition:all .3s ease;z-index:10}.close-button:hover{background:linear-gradient(135deg,#d32f2f,#f44336);box-shadow:0 6px 20px #f4433666;transform:scale(1.05)}.mail-footer-actions{align-items:center;bottom:40px;display:flex;gap:15px;position:absolute;right:55px;z-index:10}.close-button,.delete-mail-btn,.edit-draft-button,.move-to-folder,.reply-button{background:#f8f8f8;background:var(--vintage-gold);border:1px solid #f8f8f8;border:1px solid var(--vintage-gold-bright);border-radius:4px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--shadow-warm);color:#2b1b0a;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:1px;padding:10px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:10}.close-button{bottom:30px;position:absolute;right:65px}.close-button:hover,.delete-mail-btn:hover,.edit-draft-button:hover,.move-to-folder:hover,.reply-button:hover{background:#7c512d;background:var(--leather-light);border-color:#f8f8f8;border-color:var(--vintage-gold-bright);box-shadow:0 6px 18px #0000004d;transform:translateY(-2px)}.close-button{right:40px}.close-button,.delete-mail-btn{background:#c0392b;border-color:#e74c3c;color:#fff}.close-button:hover,.delete-mail-btn:hover{background:#e74c3c}.restore-mail-btn{background:#f8f8f8;background:var(--vintage-gold);border:1px solid #f8f8f8;border:1px solid var(--vintage-gold-bright);border-radius:4px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--shadow-warm);color:#2b1b0a;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:1px;padding:8px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:10}.restore-mail-btn:hover{background:#7c512d;background:var(--leather-light);border-color:#f8f8f8;border-color:var(--vintage-gold-bright);box-shadow:0 6px 18px #0000004d;transform:translateY(-2px)}.edit-draft-button{background:linear-gradient(135deg,#5d3a1a,#3d2610);background:linear-gradient(135deg,var(--leather-base) 0,var(--leather-dark) 100%);border:1px solid #f8f8f8;border:1px solid var(--vintage-gold);border-radius:4px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--shadow-warm);color:#f8f8f8;color:var(--vintage-gold);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:1px;padding:8px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);z-index:10}.edit-draft-button:hover{background:#7c512d;background:var(--leather-light);border-color:#f8f8f8;border-color:var(--vintage-gold-bright);box-shadow:0 6px 18px #0000004d;transform:translateY(-2px)}.action-icon{height:24px;transition:all .3s ease;width:24px}.compose-button.icon-button{align-items:center;background:none;background:#f8f8f8;background:var(--aged-paper);border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);border-radius:50%;box-shadow:0 2px 8px #0000000d;box-shadow:0 2px 8px var(--shadow-warm);color:#3d2610;color:var(--leather-dark);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.compose-button.icon-button:hover{background:#f8f8f8;background:var(--vintage-gold);box-shadow:0 4px 15px #0003;color:#fff;transform:scale(1.1) rotate(10deg)}.write-icon{height:28px;width:28px}.folder-dropdown-btn{align-items:center;background:none;background:#f8f8f8;background:var(--aged-paper);border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);border-radius:50%;color:#3d2610;color:var(--leather-dark);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.folder-dropdown-btn:hover{background:#e0e0e0;background:var(--aged-paper-dark);transform:scale(1.05)}.move-to-folder option{background-color:#f8f8f8;background-color:var(--aged-paper);color:#1a1a1b;color:var(--ink-black);font-weight:600;padding:8px 12px}.compose-form{background:#0000;border-radius:15px;box-shadow:none;flex:1 1;margin:0;overflow-y:auto;padding:20px}.compose-form h3{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--aged-paper-dark);color:#3d2610;color:var(--leather-dark);font-size:2em;font-weight:700;margin-bottom:30px;margin-top:0;padding-bottom:15px;text-align:center}.form-group label{color:#5d3a1a;color:var(--leather-base);font-weight:700;letter-spacing:1px;margin-bottom:10px}.form-group input,.form-group textarea{background:#f8f8f8;background:var(--aged-paper);border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);border-radius:4px;box-shadow:inset 0 2px 5px #00000005;color:#1a1a1b;color:var(--ink-black);font-family:inherit;font-size:16px;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.form-group textarea{min-height:180px;resize:vertical}.formatting-toolbar{background:#fff;background:var(--gutenberg-white);border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);border-radius:4px;box-shadow:0 4px 10px #0000000d;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;padding:12px}.formatting-toolbar button,.formatting-toolbar input,.formatting-toolbar select{background:#fff;border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);border-radius:4px;color:#3d2610;color:var(--leather-dark);cursor:pointer;font-size:13px;padding:6px 12px;transition:all .3s ease}.formatting-toolbar button{font-weight:700;min-width:30px}.formatting-toolbar input[type=color]{border:none;cursor:pointer;height:30px;padding:0;width:40px}.formatting-toolbar button:hover,.formatting-toolbar input:hover,.formatting-toolbar select:hover{background:#667eea1a;border-color:#667eea}.formatting-toolbar button:active{transform:scale(.95)}.formatting-toolbar button.active{background:#f8f8f8;background:var(--vintage-gold);color:#3d2610;color:var(--leather-dark)}.content-editor{word-wrap:break-word;background:#f8f8f8;background:var(--aged-paper);border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);border-radius:4px;box-shadow:inset 0 0 50px #0000000d;box-sizing:border-box;color:#1a1a1b;color:var(--text-color,var(--ink-black));direction:ltr;font-family:Ibarra Real Nova,serif;font-family:var(--editor-font,"Ibarra Real Nova"),serif;font-size:16px;font-size:var(--editor-size,16px);line-height:1.6;line-height:var(--line-height,1.6);min-height:250px;outline:none;overflow-anchor:none;overflow-wrap:break-word;padding:30px;position:relative;white-space:pre-wrap;z-index:3}.content-editor div:not(.image-wrapper),.content-editor p{display:block;margin:0;width:100%}.content-editor .image-wrapper{max-width:100%}.content-editor .image-clearfix,.mail-body .image-clearfix{clear:both;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.content-editor:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.content-editor:empty:before{color:#999;content:attr(placeholder);pointer-events:none}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.send-button{background:#f8f8f8;background:var(--vintage-gold);border:none;border-radius:4px;box-shadow:0 4px 15px #0000004d;color:#3d2610;color:var(--leather-dark);cursor:pointer;font-weight:700;letter-spacing:1px;padding:14px 40px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.send-button:hover{background:#f8f8f8;background:var(--vintage-gold-bright);box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.cancel-button{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:25px;box-shadow:0 4px 15px #f443364d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.cancel-button:hover{background:linear-gradient(135deg,#d32f2f,#f44336);box-shadow:0 6px 20px #f4433666;transform:translateY(-2px)}.mail-detail h3{color:#2c3e50;font-size:1.6em;margin-bottom:20px;margin-top:0;text-align:center}.mail-detail p{color:#7f8c8d;font-size:1.1em;margin:8px 0}.mail-detail{background:#0000;flex:1 1;margin:0;overflow-y:auto;padding:20px 20px 80px;z-index:2}.mail-body,.mail-detail{box-shadow:none;box-sizing:border-box;width:100%}.mail-body{word-wrap:break-word;background:linear-gradient(135deg,#fff,#f8f9fa);background:var(--custom-bg,linear-gradient(135deg,#fff 0,#f8f9fa 100%));border:2px solid #ffffff80;border-radius:10px;color:#2c3e50;color:var(--text-color,#2c3e50);font-family:Lora,serif;font-family:var(--editor-font,"Lora"),serif;font-size:16px;font-size:var(--editor-size,16px);height:auto;line-height:1.6;margin-top:30px;min-height:450px;overflow-wrap:break-word;overflow-x:hidden;padding:100px 15px 150px 25px;pointer-events:none;position:relative;white-space:pre-wrap}.mail-body .image-wrapper{max-width:100%;pointer-events:auto;z-index:0}.mail-body:before{background:linear-gradient(135deg,#f1f3f4,#e8eaed);background:var(--custom-bg,linear-gradient(135deg,#f1f3f4 0,#e8eaed 100%));border-bottom:2px solid #dadce0;border-radius:12px 12px 0 0;content:"";height:70px;left:0;position:absolute;right:0;top:0}.no-selection{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;font-size:1.2em;font-style:italic;height:100%;justify-content:flex-end;padding-bottom:150px;position:relative}.arrow-down{font-size:3em;margin:-10px 0 35px;position:relative;z-index:10}.unwanted-text{margin-bottom:0}.no-selection .bin-icon{bottom:20px;left:50%;position:absolute;transform:translateX(-50%)}.empty-bin-btn{background:linear-gradient(135deg,#802419,#3d2610);background:linear-gradient(135deg,#802419 0,var(--leather-dark) 100%);border:1px solid #a93226;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#f8f8f8;color:var(--aged-paper);cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:20px;overflow:hidden;padding:15px 25px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.empty-bin-btn:before{content:"🗑️";font-family:Noto Color Emoji,sans-serif;font-size:18px;margin-right:10px}.empty-bin-btn:hover{background:linear-gradient(135deg,#c0392b,#802419);box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.restore-folder-btn{background:linear-gradient(135deg,#5d3a1a,#3d2610);background:linear-gradient(135deg,var(--leather-base) 0,var(--leather-dark) 100%);border:1px solid #f8f8f8;border:1px solid var(--vintage-gold);border-radius:4px;box-shadow:0 4px 10px #0000000d;box-shadow:0 4px 10px var(--shadow-warm);color:#f8f8f8;color:var(--vintage-gold);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;padding:8px 18px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.restore-folder-btn:hover{background:#7c512d;background:var(--leather-light);border-color:#f8f8f8;border-color:var(--vintage-gold-bright);box-shadow:0 6px 18px #0000004d;transform:translateY(-2px)}.deleted-folder-item{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8eaed);border:1px solid #ffffff80;border-radius:10px;box-shadow:0 2px 10px #0000000d;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.deleted-folder-item:before{background:linear-gradient(90deg,#0000,#ffc10733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.deleted-folder-item:hover:before{left:100%}.deleted-folder-item:hover{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border-color:#ffc1074d;box-shadow:0 6px 20px #ffc10733;transform:translateY(-2px) scale(1.02)}.deleted-folder-item.selected{animation:selectedPulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-color:#ff6b6b80;box-shadow:0 6px 20px #ff6b6b4d;color:#fff}@keyframes selectedPulse{0%{box-shadow:0 6px 20px #ff6b6b4d}50%{box-shadow:0 6px 20px #ff6b6b80,0 0 0 5px #ff6b6b1a}to{box-shadow:0 6px 20px #ff6b6b4d}}.confirm-popup{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-popup-content{background:#f8f8f8;background:var(--aged-paper);border:4px double #5d3a1a;border:4px double var(--leather-base);border-radius:8px;box-shadow:0 20px 50px #0006;max-width:450px;padding:40px;text-align:center;width:90%}.confirm-popup-content h3{color:#2c3e50;font-size:1.5em;margin-top:0}.confirm-popup-content p{color:#7f8c8d;line-height:1.5;margin-bottom:25px}.confirm-popup-actions{display:flex;gap:15px;justify-content:center}.confirm-btn{background:#a93226;border:1px solid #8c281e;border-radius:4px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;font-weight:700;letter-spacing:1px;padding:12px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.confirm-btn:hover{background:#c0392b;box-shadow:0 6px 15px #0000004d;transform:translateY(-2px)}.cancel-btn{background:#f8f8f8;background:var(--aged-paper);border:1px solid #e0e0e0;border:1px solid var(--aged-paper-dark);border-radius:4px;color:#3d2610;color:var(--leather-dark);cursor:pointer;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.cancel-btn:hover{background:#7c512d;background:var(--leather-light);transform:translateY(-2px)}.mail-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.compose-popup-content,.mail-popup-content{animation:popupFadeIn .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;background:var(--gutenberg-white);border:4px double #e0e0e0;border:4px double var(--aged-paper-dark);border-radius:8px;box-shadow:0 30px 60px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:850px;overflow:hidden;padding:10px;position:relative;width:95%}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-popup-btn{align-items:center;background:#fff;background:var(--gutenberg-white);border:2px solid #e0e0e0;border:2px solid var(--aged-paper-dark);border-radius:50%;box-shadow:0 4px 15px #0000004d;color:#3d2610;color:var(--leather-dark);cursor:pointer;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:40px;z-index:1001}.close-popup-btn:hover{background:#7c512d;background:var(--leather-light);box-shadow:0 6px 20px #0006;transform:rotate(90deg) scale(1.1)}.compose-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@media (min-width:1440px){.App{margin:0;width:100%}.App-header h1{font-size:3em}.mailbox-container{height:700px}.folder-list{width:25%}.mail-list{width:35%}}@media (min-width:1200px) and (max-width:1439px){.App{width:100%}.mailbox-container{height:680px}}@media (min-width:1024px) and (max-width:1199px){.App{margin:0;padding:0;width:100%}.mailbox-container{height:650px}.folder-list{padding:20px;width:24%}.mail-list{width:100%}.mail-content,.mail-list{padding:20px}}@media (min-width:480px) and (max-width:1023px){.mailbox-container{flex-direction:row;flex-wrap:wrap;min-height:750px}.folder-list{flex:0 0 33.33%}.mail-content,.mail-list{flex:0 0 100%}}@media (min-width:768px) and (max-width:1023px){.App{margin:0;max-width:100%;padding:0;width:100%}.App-header h1{font-size:2.2em}.compose-button.icon-button{padding:8px}.mailbox-container{flex-direction:row;flex-wrap:wrap;height:auto;min-height:750px}.folder-list{border-bottom:none;border-radius:0;border-right:2px solid #ffffff4d;max-height:600px;padding:20px;width:50%}.mail-list{border-bottom:2px solid #ffffff4d;border-right:none;max-height:none;padding:20px;width:100%}.mail-content{border-radius:0 0 10px 10px;min-height:400px;padding:20px;width:100%}.mail-item{margin-bottom:12px;padding:18px}}@media (max-width:1023px){.shortcut-container{align-items:stretch;flex-direction:column;gap:15px;min-height:auto;padding:15px 0}.shortcut-buttons{gap:10px;justify-content:center;width:100%}.search-container{left:0;margin:10px auto 0;max-width:500px;position:relative;transform:none;width:100%;z-index:5}.shortcut-btn{flex:1 1;font-size:14px;justify-content:center;padding:10px 15px}}@media (max-width:767px){.compose-popup-content .close-popup-btn{right:auto;right:50px;top:50px}.mail-popup-content .close-popup-btn{right:10px}.mail-popup-content .mail-detail p strong{margin-left:10px}.compose-form h3{margin-top:20px}}@media (min-width:480px) and (max-width:767px){.App{margin:0;max-width:100%;padding:5px}.App-header{border-radius:10px 10px 0 0;padding:20px 15px}.App-header h1{font-size:2em}.App-header:before{font-size:2em;left:15px}.compose-button.icon-button{height:44px;margin:0;width:44px}.mailbox-container{flex-direction:row;flex-wrap:wrap;height:auto;min-height:750px}.folder-list{border-bottom:none;border-radius:0;border-right:2px solid #ffffff4d;max-height:600px;overflow-y:auto;padding:15px;width:50%}.folder-list h2{font-size:1.2em;margin-bottom:15px}.folder-item{font-size:14px;padding:12px}.create-folder{flex-direction:column;gap:8px}.create-folder input{font-size:13px;padding:10px}.create-folder button{font-size:13px;padding:10px 15px;width:100%}.mail-list{border-bottom:2px solid #ffffff4d;border-right:none;max-height:none;overflow-y:auto;padding:15px;width:100%}.mail-list h2{font-size:1.2em;margin-bottom:15px}.mail-item{margin-bottom:10px;padding:15px}.mail-header strong{font-size:1em}.mail-date{font-size:.8em}.mail-sender{font-size:.85em}.mail-content{min-height:40vh;padding:15px;width:100%}.no-selection:before{font-size:3em}.empty-bin-btn{font-size:15px;padding:14px 24px}.restore-folder-btn{font-size:14px;padding:10px 16px}.deleted-folder-item{font-size:14px;padding:12px}.compose-popup-content,.confirm-popup-content,.image-popup-content,.mail-popup-content{border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;margin:10px auto;max-height:90vh;max-width:700px;overflow:hidden;padding:0;width:95%}.compose-popup-overlay,.confirm-popup-overlay,.image-popup-overlay,.mail-popup-overlay{padding:0}}@media (max-width:479px){.compose-popup-content,.mail-popup-content{border-radius:20px;box-sizing:border-box;height:auto;margin:10px auto;max-height:90vh;max-width:700px;padding:0;width:95%}.compose-form,.mail-detail{box-sizing:border-box;margin:0;padding:20px;width:100%}}@media (max-width:439px){.App{margin:0;max-width:100%;padding:3px}.App-header{border-radius:8px 8px 0 0;overflow:visible;padding:15px 10px}.App-header h1{font-size:1.5em}.App-header:before{font-size:1.5em;left:10px}.compose-button.icon-button{height:40px;width:40px}.mailbox-container{flex-direction:column;height:auto;min-height:60vh}.folder-list{display:none}.mail-list{border-bottom:2px solid #ffffff4d;border-right:none;max-height:300px;padding:15px;width:100%}.mail-content{min-height:40vh;padding:15px;width:100%}.folder-dropdown{max-width:90vw;min-width:180px;position:absolute;right:20px;top:70px}}@media (max-width:479px){.App-header{overflow:visible}.App-header h1{font-size:1.8em}.header-buttons{display:none}.mailbox-icon-overlay{height:50px;left:10px;width:50px}.hidden-mail-badge{font-size:11px;height:22px;left:100%;top:50%;transform:translate(-40%,-50%);width:22px}.folder-dropdown-btn{background:#0000;border:none;display:block;height:60px;opacity:1;top:30px;width:60px}.folder-dropdown-btn:hover{background:#0000;box-shadow:none;transform:none}.folder-dropdown-btn:before{font-size:.87em;opacity:1}.mailbox-container{flex-direction:column;height:auto;min-height:60vh}.folder-list{display:none}.mail-list{border-bottom:2px solid #ffffff4d;border-right:none;max-height:500px;padding:15px;width:100%}.mail-content{min-height:40vh;padding:15px;width:100%}.folder-dropdown{max-width:90vw;min-width:180px;position:absolute;right:20px;top:70px}.dropdown-logout{align-items:center;background:#f443360d;border:1px solid #f443361a;border-radius:8px;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;margin-top:15px;padding:12px 15px;transition:all .3s ease}.dropdown-logout:hover{background:#f4433626;border-color:#f443364d;color:#f44336}.move-to-folder{bottom:60px;right:30px}.reply-button{bottom:20px;right:115px}.delete-mail-btn,.edit-draft-button,.restore-mail-btn{bottom:20px;right:30px}.bin-mail .reply-button{bottom:20px;right:115px}.bin-mail .move-to-folder{bottom:60px;right:30px}.draft-mail .delete-mail-btn{bottom:20px;right:30px}.draft-mail .edit-draft-button{bottom:20px;right:120px}.draft-mail .move-to-folder{bottom:60px;right:30px}}@media (min-width:480px){.mailbox-icon-overlay:before{font-size:5em}.folder-dropdown-btn{display:none}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media print{.App{background:#fff!important;box-shadow:none!important;margin:0!important;padding:20px!important}.close-button,.compose-button,.delete-folder-btn,.empty-bin-btn,.move-to-folder,.reply-button,.restore-folder-btn{display:none!important}.mail-body,.mail-item{border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}.auth-container{align-items:center;background:#f8f8f8;background:var(--aged-paper);background-image:radial-gradient(circle at 50% 50%,#fff6 0,#0000 100%),linear-gradient(45deg,#3d261005 25%,#0000 0),linear-gradient(-45deg,#3d261005 25%,#0000 0);background-size:100% 100%,4px 4px,4px 4px;display:flex;justify-content:center;min-height:100vh;padding:40px}.auth-card{background:#fff;background:var(--gutenberg-white);border:3px double #e0e0e0;border:3px double var(--aged-paper-dark);border-radius:8px;box-shadow:0 30px 60px #0000001a,inset 0 0 100px #00000005;color:#3d2610;color:var(--leather-dark);display:flex;flex-direction:column;max-width:500px;min-height:550px;padding:50px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:100%}.auth-card:hover{box-shadow:0 15px 45px #00000026;transform:translateY(-5px)}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#1a1a1b;color:var(--ink-black);font-family:Ibarra Real Nova,serif;font-size:3em;font-weight:700;letter-spacing:-1px;margin:0 0 12px}.auth-header p{color:#4a4a4b;color:var(--ink-muted);font-size:1.1em;margin:0}.auth-form{display:flex;flex:1 1;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9em;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group label{color:#3d2610;color:var(--leather-dark)}.form-group input{background:#f8f8f8;background:var(--aged-paper);border:1px solid #7c512d;border:1px solid var(--leather-light);border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#f8f8f8;border-color:var(--vintage-gold);box-shadow:0 0 0 2px #c5a05933;outline:none}.auth-footer{margin-top:auto;padding-top:20px;text-align:center}.auth-button{background:#f8f8f8;background:var(--vintage-gold);border:1px solid #f8f8f8;border:1px solid var(--vintage-gold-bright);border-radius:8px;box-shadow:0 4px 15px #0000000d;box-shadow:0 4px 15px var(--shadow-warm);color:#3d2610;color:var(--leather-dark);cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:20px;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.auth-button:hover{background:#f8f8f8;background:var(--vintage-gold-bright);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.auth-button:active{box-shadow:0 2px 10px #0000004d;transform:translateY(0) scale(.98)}@media (min-width:768px){.auth-card{max-width:800px;padding:60px}.signup-form{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.signup-form .form-group:first-child,.signup-form .form-group:nth-child(2){grid-row:1}.signup-form .form-group:nth-child(3){grid-column:1/span 2;grid-row:2}.signup-form .form-group:nth-child(4),.signup-form .form-group:nth-child(5){grid-row:3}.signup-form .auth-button,.signup-form .error-message{grid-column:1/span 2}}.link-button{background:none;border:none;color:#5d3a1a;color:var(--leather-base);cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline;transition:color .3s ease}.link-button:hover{color:#3d2610;color:var(--leather-dark)}.error-message{animation:errorShake .5s ease-in-out;background:#c00;border-radius:8px;box-shadow:0 4px 15px #cc00004d;color:#fff;font-weight:600;margin:10px 0;padding:12px 16px;text-align:center}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.back-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:20px;box-shadow:0 4px 15px #2196f34d;color:#fff;cursor:pointer;font-weight:600;margin-right:10px;padding:8px 16px;transition:all .3s ease}.back-btn:before{content:"⬅️";font-family:Noto Color Emoji,sans-serif;font-size:16px;margin-right:8px}.back-btn:hover{background:linear-gradient(135deg,#1976d2,#2196f3);box-shadow:0 6px 20px #2196f366;transform:scale(1.05)}.resizable-image{border:none;border-radius:5px;cursor:move;display:inline-block;height:auto;max-width:100%;position:relative;-webkit-user-select:none;user-select:none}.resizable-image:hover{border:2px dashed #0000}.resizable-image:after{background:#0000;content:"";cursor:nw-resize;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1000}.dragging{opacity:.8;z-index:1000}.image-wrapper{z-index:1}.resizable-image{z-index:-1}.image-wrapper.selected{border:2px solid #667eea;border-radius:5px;box-shadow:0 0 10px #667eea80}.resize-handle{z-index:1000}.mail-popup-overlay .resizable-image:after,.mail-popup-overlay .resize-handle{display:none!important}.image-popup-overlay{background:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.image-popup-content,.image-popup-overlay{align-items:center;display:flex;justify-content:center}.image-popup-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:80vh;max-width:80vw;overflow:hidden;padding:10px;position:relative}.image-popup-close-btn{align-items:center;background:#80808080;border:none;border-radius:50%;box-shadow:0 4px 15px #8080804d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:35px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:35px;z-index:2001}.image-popup-close-btn:hover{background:#808080b3;box-shadow:0 6px 20px #80808066;transform:scale(1.1)}.expanded-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.expanded-image{border-radius:4px;flex-shrink:0;height:auto;max-height:50%;max-width:50%;object-fit:contain;width:auto}.bin-mail .reply-button{right:115px}.bin-mail .move-to-folder{right:215px}.draft-mail .delete-mail-btn{right:20px}.draft-mail .edit-draft-button{right:120px}.draft-mail .move-to-folder{right:240px}.draft-mail .mail-body,.sent-mail .mail-body{color:inherit;font-size:16px}@media (max-width:389px){.App{margin:0;max-width:100%;padding:2px 2px 70px!important}.App-header{border-radius:6px 6px 0 0;overflow:visible;padding:10px 8px}.App-header h1{font-size:1.2em}.App-header:before{font-size:1.2em;left:8px}.compose-button{font-size:.92em;padding:8px 18px}.mailbox-icon-overlay{height:40px;left:8px;width:40px}.mailbox-icon-overlay:before{font-size:3em}.hidden-mail-badge{font-size:10px;height:20px;left:55px;width:20px}.folder-dropdown-btn{height:50px;top:25px;width:50px}.folder-dropdown-btn:before{font-size:.7em}.mailbox-container{flex-direction:column;height:auto;min-height:50vh}.folder-list{display:none}.mail-list{border-bottom:2px solid #ffffff4d;border-right:none;max-height:none;padding:5px 0;width:100%}.mail-grid{gap:10px}.mail-list h2{font-size:1em;margin-bottom:10px}.mail-item{border-radius:8px;margin-bottom:8px;padding:15px}.mail-header strong{font-size:.9em}.mail-date{font-size:.75em}.mail-sender{font-size:.8em}.mail-content{min-height:30vh;padding:10px;width:100%}.arrow-down{margin:-10px 0 10px}.no-selection:before{font-size:2.5em}.empty-bin-btn{font-size:14px;padding:12px 20px}.restore-folder-btn{font-size:12px;padding:8px 14px}.deleted-folder-item{font-size:12px;padding:10px}.bin-icon{font-size:2.8em;margin:20px auto;padding:20px}.back-btn{font-size:12px;padding:6px 12px}.back-btn:before{font-size:14px}.folder-dropdown{max-width:90vw;min-width:160px;position:absolute;right:15px;top:60px}.compose-popup-overlay{padding:0}.compose-form,.mail-detail{box-sizing:border-box;margin:0;padding:20px;width:100%}}@media (max-width:550px){.mail-popup-overlay{align-items:center;padding:10px}.mail-popup-content{margin-top:20px}.close-popup-btn{right:-5px;top:-50px}.mail-popup-content .mail-detail h3{font-size:1.4em;margin-bottom:15px;margin-top:50px}}@media (max-width:767px){.image-popup-content{height:auto;max-height:90vh;max-width:90vw;padding:10px;width:95%}.expanded-image{max-height:90%;max-width:90%}}.bin-icon{align-items:center;background:#fff;border:3px solid #e9ecef;border-radius:50%;box-shadow:0 10px 25px #0000001a;cursor:pointer;display:flex;font-family:Noto Color Emoji,sans-serif;font-size:80px;height:120px;justify-content:center;margin:40px auto;overflow:hidden;position:relative;transition:box-shadow .3s ease-out,border-color .3s ease-out;width:120px}.bin-icon.selected{animation:binPulse 2s infinite;background:linear-gradient(135deg,#f44336,#d32f2f);border-color:#d32f2f;box-shadow:0 8px 30px #f4433666;color:#fff}@keyframes binPulse{0%{box-shadow:0 8px 30px #f4433666}50%{box-shadow:0 8px 40px #f4433699,0 0 0 10px #f443361a}to{box-shadow:0 8px 30px #f4433666}}.bin-icon:active,.bin-icon:hover{animation:shake .5s ease-in-out infinite;border-color:#f44336;box-shadow:0 15px 35px #0003}@keyframes shake{0%{transform:translateX(-50%) rotate(0deg)}25%{transform:translateX(-50%) rotate(-5deg)}50%{transform:translateX(-50%) rotate(5deg)}75%{transform:translateX(-50%) rotate(-5deg)}to{transform:translateX(-50%) rotate(0deg)}}.unwanted-text{color:#7f8c8d;font-size:1.4em;font-weight:300;letter-spacing:1px;margin-top:40px}.arrow-down{animation:bounceArrow 2s infinite;color:#bdc3c7;font-size:2em;margin:10px 0}@keyframes bounceArrow{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes stampPaste{0%{filter:drop-shadow(20px 20px 10px rgba(0,0,0,.2));opacity:0;transform:scale(3) rotate(15deg)}70%{filter:drop-shadow(2px 2px 5px rgba(0,0,0,.1));opacity:1;transform:scale(.9) rotate(-2deg)}to{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1));opacity:1;transform:scale(1) rotate(0deg)}}.letter-stamp{transition:all .3s ease}.mail-detail:hover .letter-stamp,.mail-item:hover .mail-item-stamp{animation:stampPaste .4s cubic-bezier(.175,.885,.32,1.275) forwards}.mail-item-stamp{font-family:Noto Color Emoji,sans-serif;font-size:1.5rem;opacity:.7;pointer-events:none;position:absolute;right:15px;top:10px;z-index:5}@media (max-width:768px){.bin-icon{font-size:60px;height:100px;width:100px}}.tutorial-overlay{align-items:center;animation:modalFadeIn .3s ease-out;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);background:#fff6;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;transition:background .3s ease,-webkit-clip-path .3s cubic-bezier(.4,0,.2,1);transition:background .3s ease,clip-path .3s cubic-bezier(.4,0,.2,1);transition:background .3s ease,clip-path .3s cubic-bezier(.4,0,.2,1),-webkit-clip-path .3s cubic-bezier(.4,0,.2,1);width:100vw;z-index:10000}.tutorial-overlay.has-spotlight{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0,0 0,var(--spotlight-left) var(--spotlight-top),calc(var(--spotlight-left) + var(--spotlight-width)) var(--spotlight-top),calc(var(--spotlight-left) + var(--spotlight-width)) calc(var(--spotlight-top) + var(--spotlight-height)),var(--spotlight-left) calc(var(--spotlight-top) + var(--spotlight-height)),var(--spotlight-left) var(--spotlight-top));clip-path:polygon(0 0,0 100%,100% 100%,100% 0,0 0,var(--spotlight-left) var(--spotlight-top),calc(var(--spotlight-left) + var(--spotlight-width)) var(--spotlight-top),calc(var(--spotlight-left) + var(--spotlight-width)) calc(var(--spotlight-top) + var(--spotlight-height)),var(--spotlight-left) calc(var(--spotlight-top) + var(--spotlight-height)),var(--spotlight-left) var(--spotlight-top))}.tutorial-card{animation:modalSlideUp .4s cubic-bezier(.165,.84,.44,1);background:#fffffff2;border:1px solid #fffc;border-radius:40px;box-shadow:0 30px 60px #0000001f;display:flex;flex-direction:column;max-height:85vh;max-width:550px;overflow-y:auto;padding:50px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 40px)}.tutorial-card::-webkit-scrollbar{width:6px}.tutorial-card::-webkit-scrollbar-track{background:#0000}.tutorial-card::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.tutorial-card-content{animation:contentFadeIn .3s ease-out}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tutorial-card.contextual{border-radius:24px;box-shadow:0 15px 40px #0003;max-height:70vh;max-width:320px;padding:25px;text-align:left}.tutorial-card.contextual .tutorial-icon-wrapper{animation:iconFloatContextual 3s ease-in-out infinite;border-radius:18px;font-size:2.2rem;height:60px;margin-bottom:15px;transform:none;width:60px}.tutorial-card.contextual .tutorial-title-area h2{font-size:1.4rem}.tutorial-card.contextual .tutorial-body p{font-size:1.05rem;line-height:1.6}.tutorial-card.contextual .tutorial-footer{gap:15px;margin-top:20px}.tutorial-header{margin-bottom:30px}.tutorial-icon-wrapper{align-items:center;animation:iconFloat 4s ease-in-out infinite;background:#fff;border-radius:35px;box-shadow:0 15px 35px #0000000d;display:inline-flex;font-family:Noto Color Emoji,sans-serif;font-size:4.5rem;height:120px;justify-content:center;margin-bottom:25px;transform:rotate(-5deg);width:120px}.tutorial-title-area h2{color:#2c3e50;font-family:Lora,serif;font-size:2.2rem;letter-spacing:-.5px;margin:0}.tutorial-tagline{color:#667eea;display:block;font-size:.9rem;font-weight:700;letter-spacing:2px;margin-top:8px;text-transform:uppercase}.tutorial-body{margin-bottom:40px}.tutorial-body p{color:#5d6d7e;font-size:1.25rem;font-weight:300;line-height:1.8;margin:0}.tutorial-footer{align-items:center;display:flex;flex-direction:column;gap:30px}.tutorial-progress{display:flex;gap:10px}.progress-dot{background:#e5e8ed;border-radius:50%;height:8px;transition:all .4s cubic-bezier(.165,.84,.44,1);width:8px}.progress-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;width:30px}.tutorial-actions{display:flex;gap:15px;justify-content:center;width:100%}.tutorial-back-btn{background:#fff;border:2px solid #f2f4f7;border-radius:14px;color:#7f8c8d;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.tutorial-back-btn:hover{background:#f8f9fa;color:#2c3e50}.tutorial-next-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;box-shadow:0 10px 20px #667eea40;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s cubic-bezier(.165,.84,.44,1)}.tutorial-next-btn:hover{box-shadow:0 15px 30px #667eea59;transform:translateY(-2px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes iconFloatContextual{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (max-width:768px){.tutorial-card.contextual{max-height:60vh;max-width:280px;padding:18px}.tutorial-card:not(.contextual){border-radius:30px;padding:30px 20px}.tutorial-title-area h2{font-size:1.5rem}.tutorial-body p{font-size:1rem;line-height:1.6}.tutorial-icon-wrapper{font-size:3rem;height:80px;width:80px}}.stamp-popup-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:5000}.stamp-popup-content{animation:modalSlideUp .4s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:24px;box-shadow:0 20px 40px #00000026;max-width:500px;padding:30px;text-align:center;width:90%}.letter-preview-container{display:flex;justify-content:center;margin-bottom:25px}.letter-preview{background:#fdfdfd;border:1px solid #eee;border-radius:12px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;height:160px;justify-content:space-between;overflow:hidden;padding:20px;position:relative;text-align:left;width:280px}.preview-envelope:before{background:linear-gradient(135deg,#fffc,#fff0 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.preview-to{color:#34495e;font-family:Lora,serif;font-size:.9rem;font-weight:600;margin-top:10px}.preview-subject{color:#7f8c8d;font-family:Arial,sans-serif;font-size:.75rem;font-style:italic;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-stamp-overlay{animation:stampPaste .4s cubic-bezier(.175,.885,.32,1.275) forwards;font-family:Noto Color Emoji,sans-serif;font-size:2.8rem;position:absolute;right:15px;top:15px;z-index:5}.stamp-popup-content h3{color:#2c3e50;font-family:Lora,serif;font-size:1.5em;margin:0 0 10px}.stamp-popup-subtitle{color:#7f8c8d;font-size:.9em;margin-bottom:25px}.stamps-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.stamp-option{align-items:center;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:all .2s ease}.stamp-option:hover{background:#f8f9fa;transform:translateY(-5px)}.stamp-design{align-items:center;background:#fff;border:2px dashed #ddd;border-radius:8px;box-shadow:0 4px 10px #0000000d;display:flex;font-family:Noto Color Emoji,sans-serif;font-size:2.5em;height:60px;justify-content:center;margin-bottom:8px;width:60px}.stamp-option:hover .stamp-design{border-color:#667eea;box-shadow:0 8px 20px #667eea33}.stamp-option span{color:#555;font-size:.75em}.letter-stamp{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1));font-family:Noto Color Emoji,sans-serif;font-size:3rem;opacity:.9;pointer-events:none;position:absolute;right:20px;top:20px;-webkit-user-select:none;user-select:none;z-index:10}.compose-mode-selector{background:#f0f2f5;border-radius:50px;display:flex;gap:10px;justify-content:center;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:5px;width:-webkit-fit-content;width:fit-content}.mode-tab{background:#0000;border:none;border-radius:40px;color:#65676b;cursor:pointer;font-weight:600;padding:8px 25px;transition:all .3s ease}.mode-tab.active{background:#fff;box-shadow:0 2px 5px #0000001a;color:#1877f2}.drawing-workspace{background:#fff;border:1px solid #e4e6eb;border-radius:12px;padding:15px}.drawing-toolbar{background:#f8f9fa;border-bottom:1px solid #ddd;flex-wrap:wrap;gap:12px;padding:10px}.drawing-toolbar,.tool-group{align-items:center;display:flex}.tool-group{gap:5px}.size-btn,.tool-btn,.type-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif,Noto Color Emoji;font-size:13px;justify-content:center;padding:6px 12px;transition:all .2s ease}.size-btn.active,.tool-btn.active,.type-btn.active{background:#2196f3;border-color:#1976d2;box-shadow:0 2px 4px #2196f34d;color:#fff}.type-btn{height:32px;padding:0;width:40px}.color-pickers{display:flex;gap:8px;margin-left:auto}.canvas-placeholder{pointer-events:none}.mail-body img.handwritten-content{display:block;height:auto;max-width:100%}.handwritten-subject{display:block;margin-bottom:10px;max-height:40px;max-width:300px;width:auto}.handwritten-subject-container{align-items:center;display:flex;gap:10px;margin-bottom:15px}.mail-subject-drawing{align-items:center;display:flex;margin-bottom:4px}.subject-thumbnail{background:#fffc;border:1px solid #eee;border-radius:4px;height:auto;max-height:30px;max-width:150px;object-fit:contain;padding:2px}@media (max-width:479px){.stamps-grid{grid-template-columns:repeat(3,1fr)}.letter-stamp{font-size:2.5em;right:25px;top:25px}}
/*# sourceMappingURL=main.1d2d3d6d.css.map*/