@font-face{font-family:Segoe UI;src:url(/assets/fonts/segoeui.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Segoe UI;src:url(/assets/fonts/segoeuib.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--border-panel: #9ab6d3;--border-panel-inner: #b0c4da;--border-btn-hover: #7d9fc0;--gradient-selected: linear-gradient(180deg, #3ea1f7, #1a78d6);--gradient-light-bar: linear-gradient( 180deg, #f8fafe 0%, #e8eff7 40%, #dfe8f2 41%, #eaf0f8 100% );--gradient-light-bar-hover: linear-gradient( 180deg, #fffefe 0%, #f0f5fb 40%, #e8eff7 41%, #f2f7fc 100% );--bg-pane: linear-gradient(180deg, #f4f7fb 0%, #e8edf4 100%);--color-heading: #1e3a5f;--color-text-body: #333;--color-text-muted: #666;--color-text-faint: #888;--bg-hover: #d8e8f8;--border-separator: #d0dce8;--border-nav-sep: #c8d4e2}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;font-size:11px;color:#000;background:#000}a{color:#06c}a:visited{color:purple}a:hover{color:red;text-decoration:underline}.vista-desktop{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:url(/assets/vista-aurora.jpg) center/cover no-repeat #000;overflow:hidden}.aero-frame{width:95%;max-width:1108px;height:93%;padding:4px;display:flex;flex-direction:column;border-radius:8px 8px 4px 4px;background:#7d808459;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 0 0 1px #ffffff2e,0 0 1px 1px #00000080,0 4px 16px #00000080,0 8px 32px #0000004d;position:relative}.aero-frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px 8px 4px 4px;border:1px solid rgba(150,200,255,.45);pointer-events:none;z-index:100}.aero-frame:after{content:"";position:absolute;top:4px;left:3px;right:3px;bottom:4px;border-left:1px solid rgba(180,210,240,.25);border-right:1px solid rgba(180,210,240,.25);pointer-events:none;z-index:100}.aero-window{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.titlebar{background:transparent;color:#000;font-weight:400;font-size:13px;padding:2px 10px;display:flex;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-left:-6px;margin-bottom:4px}.titlebar .titlebar-icon{display:inline-flex;align-items:center;margin-right:2px;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}.titlebar .titlebar-text{margin-left:4px;text-shadow:0 0 16px rgba(255,255,255,.9),0 0 16px rgba(255,255,255,.9),0 0 12px rgba(255,255,255,.8),0 0 12px rgba(255,255,255,.8),0 0px 2px rgba(255,255,255,.6)}.window-controls{margin-left:auto;display:flex;gap:1px;margin-right:2px;margin-top:-2px;align-self:flex-start}.wc-btn{width:29px;height:19px;border:1px solid rgba(0,0,0,.15);border-top:none;border-radius:0 0 3px 3px;display:flex;align-items:center;justify-content:center;cursor:default;padding:0;color:#1c3e6e;background:linear-gradient(180deg,#dcebff80,#c8dcf559 40%,#aac8eb33 41%,#b4d2f059);box-shadow:inset 0 1px #ffffff8c,inset 1px 0 #ffffff40,inset -1px 0 #ffffff40,inset 0 -1px #ffffff26;text-shadow:0 1px 0 rgba(255,255,255,.4);position:relative}.wc-btn svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.4))}.wc-btn:hover{background:linear-gradient(180deg,#ffffffbf,#e6f0ff99 40%,#c8dcf566 41%,#d2e4fa8c);box-shadow:inset 0 1px #ffffffb3,inset 1px 0 #ffffff59,inset -1px 0 #ffffff59,inset 0 -1px #fff3,0 0 4px #78aadc4d;border-color:#0003;color:#0e2a50}.wc-btn:active{background:linear-gradient(180deg,#a0b9d78c,#8caacd73);box-shadow:inset 0 1px 2px #0000001a,inset 0 0 0 1px #0000000d}.wc-close:hover{background:linear-gradient(180deg,#f9bfbf,#ec6a6a 40%,#d83838 41%,#e24e4e);color:#fff;border-color:#8c141480;box-shadow:inset 0 1px #ffc8c899,inset 1px 0 #ffb4b44d,inset -1px 0 #ffb4b44d,0 0 6px #dc3c3c59}.wc-close:hover svg{filter:drop-shadow(0 1px 1px rgba(120,0,0,.3))}.wc-close:active{background:linear-gradient(180deg,#c93535,#a82222);color:#ffd0d0;box-shadow:inset 0 1px 3px #5000004d}.menubar{background:linear-gradient(180deg,#e8eff8,#dfe8f3 1px,#d4dfee 3px,#c6d5e7 50%,#bfd0e4 51%,#c8d8ea);border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid var(--border-panel);padding:2px 0}.menubar span{padding:2px 8px;cursor:default;color:var(--color-heading)}.toolbar{background:linear-gradient(180deg,#eaf1f9,#dfe9f4 1px,#d6e2ef 4px,#c2d4e8 45%,#bad0e5 46%,#c8daea 85%,#d2e0ee);border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid var(--border-panel);padding:3px 6px}.toolbar-btn{background:transparent;border:1px solid transparent;border-radius:3px;padding:3px 8px;cursor:default;vertical-align:middle;color:#8a9bb0}.toolbar-btn svg{vertical-align:middle;margin-right:3px}.toolbar-sep{display:inline-block;width:0;height:22px;border-left:1px solid var(--border-panel-inner);border-right:1px solid rgba(255,255,255,.6);margin:0 5px;vertical-align:middle}.statusbar{background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-top:1px solid rgba(60,110,170,.3);padding:1px 8px;color:#000;text-shadow:0 0 8px rgba(255,255,255,.9),0 0 4px rgba(255,255,255,.8),0 1px 1px rgba(255,255,255,.6);-webkit-user-select:none;-moz-user-select:none;user-select:none}.statusbar-panel{display:inline-block;padding:0 8px}.nav-pane{background:var(--bg-pane);border-right:1px solid var(--border-panel);width:190px;flex-shrink:0;display:flex;flex-direction:column;height:100%}.nav-section-header{background:linear-gradient(180deg,#e6eef7,#d0dded 40%,#c6d5e8 41%,#d0dded);color:var(--color-heading);font-weight:700;padding:4px 8px;border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid var(--border-panel);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-section-header:hover{background:linear-gradient(180deg,#eef3fa,#dae6f2 40%,#d0dded 41%,#dae6f2)}.nav-section-header .chevron{font-size:8px;margin-right:4px;display:inline-block;transition:transform .15s}.nav-section-header .chevron.collapsed{transform:rotate(-90deg)}.nav-folder-tree{padding:2px 0;background:#fff}.folder-item{padding:2px 6px 2px 20px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px}.folder-item:hover{background:var(--bg-hover)}.folder-item.active{background:var(--gradient-selected);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}.folder-item.active .folder-icon svg{filter:brightness(0) invert(1) brightness(.95)}.folder-item.bold{font-weight:700}.folder-item .folder-icon{font-size:12px;flex-shrink:0}.folder-item .folder-count{color:var(--color-text-muted);margin-left:auto;font-size:10px}.folder-item.active .folder-count{color:#cce0ff}.folder-item--nested{padding-left:28px}.folder-item--disabled{padding-left:28px;color:var(--color-text-faint);cursor:default}.nav-tree-scroll{flex:1;overflow:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.folder-root{padding:2px 6px 2px 10px;font-weight:700;font-size:11px;color:var(--color-text-body)}.nav-buttons{border-top:1px solid var(--border-panel);margin-top:auto}.nav-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;font-size:11px;font-weight:700;border-bottom:1px solid var(--border-nav-sep);-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(180deg,#f2f6fb,#e2e9f2 40%,#dce4ee 41%,#e6ecf4)}.nav-btn:hover{background:linear-gradient(180deg,#fafcfe,#eaf0f8 40%,#e4ecf6 41%,#eef4fa)}.nav-btn.active{background:linear-gradient(180deg,#ffeab8,#ffd470 30%,#f0b830,#f5c844 70%,#ffd870);color:#3a2800;border-bottom-color:#c09020;text-shadow:0 1px 0 rgba(255,255,255,.3)}.nav-btn .nav-icon{display:inline-flex;align-items:center;font-size:14px}.nav-btn-mini{display:flex;align-items:center;justify-content:center;width:28px;height:24px;cursor:pointer;font-size:14px;border-right:1px solid var(--border-nav-sep);background:linear-gradient(180deg,#f2f6fb,#e2e9f2)}.nav-btn-mini:hover{background:linear-gradient(180deg,#fafcfe,#eaf0f8)}.nav-btn-mini.active{background:linear-gradient(180deg,#ffeab8,#f0b830)}.col-header{background:var(--gradient-light-bar);border:1px solid var(--border-panel-inner);border-left:none;padding:3px 8px;cursor:pointer;font-weight:400;text-align:left;white-space:nowrap;color:var(--color-heading)}.col-header:first-child{border-left:1px solid var(--border-panel-inner)}.col-header:hover{background:var(--gradient-light-bar-hover)}.date-group-header td{background:linear-gradient(180deg,#e8eff7,#d8e2ee 50%,#d2dde9 51%,#dce6f0);padding:3px 8px;font-weight:700;color:var(--color-heading);border-bottom:1px solid var(--border-panel-inner);border-top:1px solid var(--border-panel-inner)}.email-row{cursor:pointer}.email-row:hover{background:var(--bg-hover)}.email-row.selected{background:var(--gradient-selected);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.15)}.email-row.selected svg,.about-row.selected svg{filter:brightness(0) invert(1) brightness(.95)}.email-row td{padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #e8eef4}.about-row{cursor:pointer;background:ivory;font-weight:700}.about-row:hover{background:#fffacd}.about-row.selected{background:var(--gradient-selected);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.15)}.about-row td{padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:2px solid #d4b830}.reading-header{background:#fff;padding:8px 12px;border-bottom:1px solid var(--border-separator)}.reading-header .subject-line{font-size:14px;font-weight:700;color:var(--color-heading);margin-bottom:4px}.reading-header .field-label{color:var(--color-text-muted);font-weight:400;padding-right:6px;font-size:11px}.reading-header .field-value{color:var(--color-text-body)}.cal-day.has-activity{cursor:pointer}.cal-day-num{font-weight:700}.cal-activity{font-size:8px;color:var(--color-text-muted)}.whois-terminal{background:#0c0c0c;color:#3f3;font-family:Courier New,Courier,monospace;font-size:10px;padding:8px;overflow:auto;white-space:pre;line-height:1.5}.whois-prompt{background:#1a1a1a;color:#3f3;font-family:Courier New,Courier,monospace;font-size:10px;padding:2px 8px}.whois-highlight{color:#ff3}.panel{border:1px solid var(--border-panel);background:#fff}.panel-inset{border:1px solid var(--border-panel-inner);background:#fff}button:not(.wc-btn),.btn{background:var(--gradient-light-bar);border:1px solid var(--border-panel);border-radius:2px;padding:2px 10px;min-height:22px;font-family:Segoe UI,Tahoma,Verdana,Arial,sans-serif;cursor:pointer;outline:none;color:var(--color-text-body)}button:not(.wc-btn):hover,.btn:hover{background:var(--gradient-light-bar-hover);border-color:var(--border-btn-hover)}button:not(.wc-btn):active,.btn:active{background:linear-gradient(180deg,#c0d2e8,#a8bcd6)}::-webkit-scrollbar{width:17px;height:17px}::-webkit-scrollbar-track{background:linear-gradient(90deg,#e4eaf2,#edf1f7 20%,#f1f5fa,#edf1f7 80%,#e4eaf2);border-left:1px solid #b8c8da;border-right:1px solid #b8c8da}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,transparent calc(50% - 5px),#a0b4ca calc(50% - 5px),#a0b4ca calc(50% - 4px),rgba(255,255,255,.6) calc(50% - 4px),rgba(255,255,255,.6) calc(50% - 3px),transparent calc(50% - 3px),transparent calc(50% - 1px),#a0b4ca calc(50% - 1px),#a0b4ca 50%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.6) calc(50% + 1px),transparent calc(50% + 1px),transparent calc(50% + 3px),#a0b4ca calc(50% + 3px),#a0b4ca calc(50% + 4px),rgba(255,255,255,.6) calc(50% + 4px),rgba(255,255,255,.6) calc(50% + 5px),transparent calc(50% + 5px)),linear-gradient(90deg,#d6e0ec,#c8d6e8 15%,#bccce2 35%,#b8c8de,#bccce2 65%,#c8d6e8 85%,#d6e0ec);border:1px solid #8ea6be;border-radius:2px;min-height:28px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,transparent calc(50% - 5px),#90a8c0 calc(50% - 5px),#90a8c0 calc(50% - 4px),rgba(255,255,255,.7) calc(50% - 4px),rgba(255,255,255,.7) calc(50% - 3px),transparent calc(50% - 3px),transparent calc(50% - 1px),#90a8c0 calc(50% - 1px),#90a8c0 50%,rgba(255,255,255,.7) 50%,rgba(255,255,255,.7) calc(50% + 1px),transparent calc(50% + 1px),transparent calc(50% + 3px),#90a8c0 calc(50% + 3px),#90a8c0 calc(50% + 4px),rgba(255,255,255,.7) calc(50% + 4px),rgba(255,255,255,.7) calc(50% + 5px),transparent calc(50% + 5px)),linear-gradient(90deg,#e2eaf4,#d4e0ee,#ccdaea,#c8d6e8,#ccdaea,#d4e0ee,#e2eaf4);border-color:#7e9ab6}::-webkit-scrollbar-thumb:active{background:linear-gradient(90deg,#c0cee0,#b0c0d8,#a8bad2,#b0c0d8,#c0cee0);border-color:#7090ae}::-webkit-scrollbar-button{display:block;width:17px;height:17px;background:linear-gradient(180deg,#e8eff6,#d8e2ee 40%,#c8d6e6 41%,#d0dcea);border:1px solid #8ea6be}::-webkit-scrollbar-button:hover{background:linear-gradient(180deg,#f0f4fa,#e2eaf4 40%,#d4e0ee 41%,#dce6f0)}::-webkit-scrollbar-button:active{background:linear-gradient(180deg,#c0cee0,#b4c4da)}::-webkit-scrollbar-button:vertical:decrement:end,::-webkit-scrollbar-button:vertical:increment:start,::-webkit-scrollbar-button:horizontal:decrement:end,::-webkit-scrollbar-button:horizontal:increment:start{display:none}::-webkit-scrollbar-button:vertical:decrement:start{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'%3E%3Cpath d='M0 4L3.5 0L7 4z' fill='%23354868'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-button:vertical:increment:end{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'%3E%3Cpath d='M0 0L3.5 4L7 0z' fill='%23354868'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-button:horizontal:decrement:start{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7'%3E%3Cpath d='M4 0L0 3.5L4 7z' fill='%23354868'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-button:horizontal:increment:end{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7'%3E%3Cpath d='M0 0L4 3.5L0 7z' fill='%23354868'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}::-webkit-scrollbar-corner{background:#d8e2ee}.mobile-warning{display:none;background:#0d2818;min-height:100vh;padding:20px}.mobile-warning-dialog{max-width:400px;margin:40px auto;background:#fff;border-radius:4px;border:1px solid #8db2e3;overflow:hidden}.mobile-warning-titlebar{background:linear-gradient(180deg,#6ba0cd,#2f6aab);color:#fff;font-weight:700;padding:6px 10px;text-align:center;font-size:12px}.mobile-warning-body{padding:16px;font-size:12px;line-height:1.6}.mobile-warning-body p{text-align:center;font-weight:700;margin-bottom:8px}.mobile-warning-body hr{border:none;border-top:1px solid var(--border-separator);margin:10px 0}.mobile-warning-footer{text-align:center;color:var(--color-text-faint);margin-top:12px;font-size:10px}.content-area{flex:1;display:flex;overflow:hidden}.content-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.nav-placeholder{padding:8px;color:var(--color-text-muted);text-align:center}.email-client-content{display:flex;flex-direction:column;height:100%}.message-list-pane{flex:0 0 45%;overflow:auto;margin:3px}.reading-pane-container{flex:1;overflow:auto;margin:0 3px 3px}.reading-pane-scroll{overflow:auto;height:100%}.empty-pane-message{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-faint)}.col-icon{width:4%}.col-from{width:24%}.col-received{width:20%}.col-size{width:8%}.col-phone{width:40%}.col-type{width:25%}.cell-from{max-width:200px}.cell-subject{max-width:300px}.email-table{border-collapse:collapse}.header-field-row{display:flex;gap:4px;margin-bottom:2px}.header-field-row:last-child{margin-bottom:0}.reading-body{flex:1}.reading-iframe{display:block;border:none}.calendar-container{padding:12px;overflow:auto;height:100%}.calendar-header{text-align:center;margin-bottom:12px}.calendar-title{font-size:14px;font-weight:700;color:var(--color-heading)}.calendar-subtitle{color:var(--color-text-faint);font-size:11px}.calendar-grid-row{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.legend-item{display:inline-flex;align-items:center;gap:4px;margin-right:12px}.legend-swatch{width:12px;height:12px;border:1px solid #8db2e3;display:inline-block;border-radius:2px}.calendar-totals{display:inline-block;padding:8px 16px;border-radius:2px}.month-header{font-weight:700;padding:4px;background:linear-gradient(180deg,#4a86b8,#2f6aab);color:#fff;font-size:11px}.cal-day-name{font-weight:700;color:var(--color-text-muted);padding:2px 4px;font-size:10px}.cal-day{width:48px;height:36px;text-align:center;padding:2px;font-size:10px;vertical-align:top}.about-body{padding:12px;font-size:12px;line-height:1.7}.about-body p{margin-bottom:8px}.about-callout{background:ivory;border:1px solid #d4b830;padding:10px;margin-bottom:12px;border-radius:2px;font-size:12px;line-height:1.7}.about-divider{border:none;border-top:1px solid var(--border-separator);margin:12px 0}.about-bio{display:flex;gap:12px;margin-bottom:12px}.about-avatar{-o-object-fit:cover;object-fit:cover;border:1px solid #b8c8dc;border-radius:2px}.about-bio-text{font-size:12px;line-height:1.7}.about-bio-title{font-size:14px;font-weight:700;color:var(--color-heading)}.whois-box{border:1px solid #8db2e3;border-radius:2px;overflow:hidden}.about-footer{text-align:center;color:var(--color-text-faint);margin-top:12px;border-top:1px solid var(--border-separator);padding-top:8px}.cal-day-today{position:relative}.cal-day-today .cal-day-num{display:inline-block;padding:0 3px;border:1px solid #5586a3;outline:1px dotted #2d61cb;background:linear-gradient(180deg,#ebf8ff,#e8f7ff 47%,#d9f1ff 53%,#caecff);color:#367be3;border-radius:2px;outline-offset:-2px}.vista-context-menu{position:fixed;z-index:10000;list-style:none;margin:0;padding:3px 0;min-width:180px;background:linear-gradient(180deg,#f8f9fc,#eef1f8);border:1px solid #868686;border-radius:3px;box-shadow:0 2px 8px #00000040,inset 0 0 0 1px #fffc;font-size:11px;color:#1e1e1e;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vista-context-menu li{padding:4px 28px;cursor:default;position:relative;white-space:nowrap}.vista-context-menu li:hover:not(.ctx-sep){background:var(--gradient-selected);color:#fff;border-radius:2px;margin:0 2px;padding-left:26px;padding-right:26px}.vista-context-menu li:hover:not(.ctx-sep) .ctx-icon{filter:brightness(10)}.vista-context-menu .ctx-icon{position:absolute;left:8px;font-size:10px;line-height:1;top:50%;transform:translateY(-50%)}.vista-context-menu li:hover:not(.ctx-sep) .ctx-icon{left:6px}.vista-context-menu .ctx-sep{height:0;padding:0;margin:3px 4px;border-top:1px solid #d0d4dc}@media(max-width:767px){.mobile-warning{display:block}.vista-desktop{display:none}}