*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body,html,#root{height:100%;background-color:#18191a;color:#e4e6eb}.mail-wrapper *{-webkit-user-select:none;user-select:none}.mail-item{pointer-events:auto}.mail-wrapper input,.mail-wrapper button,.mail-wrapper textarea{pointer-events:none}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;background-color:#202124;padding:20px 15px;display:flex;flex-direction:column}.sidebar-title{font-weight:700;font-size:22px;margin-bottom:25px;-webkit-user-select:none;user-select:none}.sidebar-menu{list-style:none;flex-grow:1}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:12px 8px;font-size:16px;cursor:pointer;border-radius:6px;-webkit-user-select:none;user-select:none;color:#d0d2d6;transition:background-color .2s ease}.sidebar-menu-item:hover{background-color:#3a3b3c}.sidebar-icon{font-size:20px}.mail-wrapper{flex-grow:1;display:flex;flex-direction:column;background-color:#242526;outline:none}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:#3a3b3c;border-bottom:1px solid #18191a}.logo{font-weight:700;font-size:20px;-webkit-user-select:none;user-select:none}.search-bar{display:flex;align-items:center;background-color:#18191a;padding:6px 12px;border-radius:20px;gap:8px;color:#b0b3b8;font-size:16px}.search-bar input{background:transparent;border:none;outline:none;color:#e4e6eb;width:220px;font-size:15px;pointer-events:none;cursor:none}.mail-list{flex-grow:1;overflow-y:auto;padding:10px 20px}.no-mails{color:#90949c;font-style:italic;padding:20px;text-align:center}.mail-item{display:flex;position:relative;justify-content:space-between;padding:10px 15px;border-radius:8px;align-items:center;-webkit-user-select:none;user-select:none;border:1px solid transparent;transition:background-color .2s ease}.mail-item:hover{background-color:inherit}.mail-item.selected{background-color:#005aee!important;border-color:#005aee!important;box-shadow:inset 0 2px 4px #0009,0 4px 8px #005aee80;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;display:flex;z-index:1;will-change:transform,background-color,box-shadow}.mail-left{display:flex;align-items:center;gap:10px}.mail-left input[type=checkbox]{width:16px;height:16px;pointer-events:none;cursor:none}.star-icon{font-size:18px;cursor:none}.mail-details{display:flex;flex-direction:column;gap:3px;max-width:450px}.mail-sender{font-weight:600;font-size:14.5px;color:#e4e6eb}.mail-subject{font-size:13.5px;color:#b0b3b8;display:flex;align-items:center;gap:6px}.pdf-icon{color:#e17055;font-size:16px}.mail-time{font-size:12.5px;color:#90949c;width:55px;text-align:right;-webkit-user-select:none;user-select:none}.feedback-box{background-color:#242526;color:#f39c12;font-weight:600;padding:12px 20px;text-align:center;border-top:1px solid #3a3b3c;-webkit-user-select:none;user-select:none}.legend{padding:8px 20px;font-size:12px;color:#90949c;-webkit-user-select:none;user-select:none;border-top:1px solid #3a3b3c}.player-sprite{position:absolute;width:64px;height:64px;background-size:256px 256px;background-repeat:no-repeat;pointer-events:none;z-index:1000;transition:top .1s,left .1s,transform .1s;transform:translate(220px)}.deletion-wave{position:absolute;width:20px;height:20px;background-color:#4fc3f7;border-radius:50%;opacity:.7;pointer-events:none;animation:wave-expand .4s ease-out forwards;z-index:998}@keyframes wave-expand{0%{transform:scale(1);opacity:.7}to{transform:scale(4);opacity:0}}.mail-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#18191ad9;display:flex;justify-content:center;align-items:center;z-index:999}.mail-modal-content{background:#242526;width:600px;max-width:90%;max-height:90vh;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 0 25px #005aee99;overflow-y:auto;padding:20px;font-family:Arial,sans-serif;color:#e4e6eb}.mail-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3a3b3c;padding-bottom:10px}.mail-modal-subject{font-size:1.5rem;font-weight:700;color:#e4e6eb}.mail-modal-actions{display:flex;gap:10px}.mail-modal-btn-icon{background:none;border:none;cursor:pointer;color:#b0b3b8;font-size:1.2rem;padding:6px;border-radius:4px;transition:background-color .2s ease,color .2s ease}.mail-modal-btn-icon:hover{background-color:#3a3b3c;color:#005aee}.mail-modal-info{margin-top:15px;font-size:.9rem;color:#b0b3b8}.mail-modal-sender{font-weight:600;color:#e4e6eb}.mail-modal-email{color:#8a8d91;font-style:italic;margin-left:5px}.mail-modal-attachment{margin-top:8px;font-size:.9rem;color:#4fc3f7;-webkit-user-select:none;user-select:none}.mail-modal-content-body{margin-top:20px;font-size:1rem;line-height:1.4;white-space:pre-wrap;color:#d0d2d6}.mail-modal-footer{margin-top:20px;display:flex;justify-content:flex-end}.mail-modal-btn{padding:10px 20px;font-weight:600;font-size:15px;border:none;border-radius:5px;cursor:pointer;margin-right:15px;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.mail-modal-btn-spam{background-color:#932b18;color:#fff}.mail-modal-btn-reply{background-color:#31810e;color:#fff}.mail-modal-btn-spam.focused{background-color:#e33819!important;box-shadow:0 0 8px 2px #ae0c2db3;transform:scale(1.05)}.mail-modal-btn-reply.focused{background-color:#17e138!important;box-shadow:0 0 8px 2px #10ba2bb3;transform:scale(1.05)}.error-count{position:absolute;top:16px;right:300px;background:#f55;color:#fff;padding:5px 12px;border-radius:8px;font-weight:700;box-shadow:0 0 4px #0006}.warning-modal{position:fixed;inset:0;background:#f003;display:flex;justify-content:center;align-items:center;z-index:9999}.warning-content{background-color:#1c1c1c;color:#f5f5f5;padding:20px;border-radius:8px;max-width:480px;box-shadow:0 0 15px #f00c;text-align:center;font-family:sans-serif}.warning-content h2{color:#f55;margin-bottom:1em}.warning-content pre{background-color:#2a2a2a;color:#fdd;padding:10px;border-radius:4px;text-align:left;white-space:pre-wrap;font-size:.9rem}.warning-close-hint{margin-top:1em;font-size:.85rem;color:#999;font-style:italic}.game-over-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1a1a1a;color:#0f0;padding:20px 30px;border:2px solid #0f0;border-radius:10px;font-size:1.5rem;z-index:1000;text-align:center}