:root{color:#111820;background:#376f72;font-family:Tahoma,Verdana,Arial,sans-serif;font-synthesis:none;--chrome: #d4d0c8;--chrome-light: #ffffff;--chrome-mid: #b7b7ad;--chrome-dark: #515151;--title-start: #263f67;--title-end: #7893ad;--selection: #163f78;--paper: #fffef8;--new-mail-highlight: #fff0a6;--new-mail-border: #244f83}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background-color:#397679;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px);background-size:4px 4px}button,textarea{font:inherit}button{color:inherit}.bevel-button{min-height:28px;padding:4px 15px;border:2px solid;border-color:var(--chrome-light) var(--chrome-dark) var(--chrome-dark) var(--chrome-light);border-radius:0;background:var(--chrome);box-shadow:1px 1px #000;cursor:pointer}.bevel-button:active:not(:disabled){border-color:var(--chrome-dark) var(--chrome-light) var(--chrome-light) var(--chrome-dark);padding:5px 14px 3px 16px}.bevel-button:focus-visible{outline:2px dotted #111;outline-offset:-5px}.bevel-button:disabled{color:#777;text-shadow:1px 1px #fff;cursor:default;box-shadow:none}.primary-button{font-weight:700;min-width:126px}.mute-button{position:fixed;right:12px;bottom:9px;z-index:120;min-height:24px;padding:2px 9px;font-size:11px}.title-screen,.office-desktop{width:100%;height:100%;padding:18px 22px 38px}.title-screen{display:grid;place-items:center;background:radial-gradient(circle at 48% 38%,rgba(255,255,255,.13),transparent 34%),#397679}.title-window{width:620px;border:3px solid;border-color:#f3f3ef #3a3a39 #3a3a39 #f3f3ef;background:var(--chrome);box-shadow:10px 11px #111e1f47}.window-titlebar{display:flex;align-items:center;min-height:25px;padding:3px 3px 3px 6px;gap:5px;color:#fff;background:linear-gradient(90deg,var(--title-start),var(--title-end));font-size:12px;font-weight:700;letter-spacing:.01em}.window-controls{display:flex;gap:2px;margin-left:auto}.window-controls i{display:grid;place-items:center;width:18px;height:17px;border:1px solid;border-color:#fff #373737 #373737 #fff;color:#111;background:var(--chrome);font-style:normal;font-size:11px;line-height:1}.title-body{min-height:346px;padding:42px 52px 46px;text-align:center;border:2px solid;border-color:#fff #8c8b85 #8c8b85 #fff}.title-icon{position:relative;width:84px;height:58px;margin:0 auto 22px;border:3px solid #1b2837;background:#f5f0d8;box-shadow:6px 6px #7d8b94;overflow:hidden}.title-icon:before,.title-icon:after{content:"";position:absolute;top:8px;width:61px;height:3px;background:#516f92;transform-origin:center}.title-icon:before{left:-7px;transform:rotate(34deg)}.title-icon:after{right:-7px;transform:rotate(-34deg)}.envelope-flap{position:absolute;inset:8px;border-bottom:2px solid #b2a982}.title-body h1{margin:0;color:#17263a;font-family:Arial Black,Impact,sans-serif;font-size:46px;letter-spacing:-.035em;line-height:1}.title-body h1 span{color:#7e221c}.title-copy{margin:19px auto 28px;max-width:340px;font:13px/1.5 Georgia,serif;color:#363d43}.window-status{display:flex;align-items:center;justify-content:space-between;height:23px;padding:3px 8px;border-top:2px solid #8e8d87;color:#333;font-size:10px}.office-desktop{background:#397679}.mail-window{display:flex;flex-direction:column;width:100%;height:100%;border:3px solid;border-color:#f3f3ef #3a3a39 #3a3a39 #f3f3ef;background:var(--chrome);box-shadow:5px 6px #15272852}.mail-app-icon{font-size:12px}.menu-bar{display:flex;align-items:center;gap:20px;height:25px;padding:0 8px;border-bottom:1px solid #8d8d86;font-size:11px}.toolbar{display:flex;align-items:center;gap:4px;min-height:39px;padding:4px 7px;border-top:1px solid #fff;border-bottom:2px groove #eee;font-size:11px}.tool-button{width:29px;height:27px;padding:0;border:1px solid transparent;background:transparent;font-size:17px}.tool-button:disabled{color:#263b53;opacity:.7}.toolbar-divider{width:2px;height:25px;margin:0 4px;border-left:1px solid #888;border-right:1px solid #fff}.toolbar-spacer{flex:1}.connection-label{display:flex;align-items:center;gap:5px;color:#3f4c40}.connection-label i{width:7px;height:7px;background:#3f7c43;border:1px solid #1f4b23}.send-button{min-width:76px;font-weight:700}.mail-workspace{display:grid;grid-template-columns:188px minmax(0,1fr);flex:1;min-height:0;border-top:1px solid #777}.folder-pane{position:relative;min-width:0;border-right:2px groove #eee;background:#eeeae0;overflow:hidden}.pane-caption{height:24px;padding:5px 7px;border-bottom:1px solid #8d8b84;background:#cac7bf;font-size:10px;font-weight:700}.folder-tree{margin:7px 0;padding:0 5px;list-style:none;font-size:11px}.folder-tree li{padding:4px 5px;white-space:nowrap}.folder-tree .folder{padding-left:21px}.folder-tree .active{color:#fff;background:var(--selection)}.folder-note{position:absolute;right:9px;bottom:12px;left:9px;padding:8px;border:1px inset #fff;color:#555;background:#ddd9d0;font-size:10px;line-height:1.5}.compose-pane{display:grid;grid-template-rows:auto minmax(104px,.6fr) auto minmax(170px,1fr) auto;min-width:0;min-height:0;padding:6px;background:#bcbab4}.address-grid{display:grid;grid-template-columns:58px minmax(0,1fr);gap:2px 7px;padding:5px 7px;border:2px inset #fff;background:#f1efe8;font-size:11px}.address-grid>span{color:#555;text-align:right}.address-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.incoming-message{padding:10px 14px;border:2px inset #fff;border-top:0;background:var(--paper);overflow:auto;font:12px/1.42 Arial,sans-serif}.incoming-message p{margin:0 0 9px;white-space:pre-line}.incoming-message p:last-child{margin-bottom:0}.reply-divider{display:flex;justify-content:space-between;padding:5px 5px 3px;color:#333;font-size:9px;font-weight:700;letter-spacing:.08em}#reply-editor{display:block;width:100%;height:100%;min-height:0;resize:none;padding:12px 14px;border:2px inset #fff;border-radius:0;outline:none;color:#101010;background:var(--paper);caret-color:#000;font:14px/1.48 Courier New,monospace;user-select:none}#reply-editor:focus{box-shadow:inset 0 0 0 1px #657d9b}.compose-status{display:flex;align-items:center;justify-content:space-between;min-height:25px;padding:3px 7px 0;font-size:11px}.compose-status strong{color:#862b23}.compose-status strong.ready{color:#27642c}.inbox-screen{position:relative}.inbox-path{color:#333}.inbox-workspace{grid-template-columns:206px minmax(0,1fr)}.message-list-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}.message-list-header,.message-row{display:grid;grid-template-columns:27px minmax(145px,.7fr) minmax(320px,2.2fr) 78px;align-items:center}.message-list-header{min-height:25px;border-bottom:1px solid #777;background:#d5d2ca;font-size:10px;font-weight:700}.message-list-header span{height:100%;padding:6px;border-right:1px solid #999}.message-list{flex:1;min-height:0;overflow:hidden;overscroll-behavior:none;background:#fff}.message-row{width:100%;min-height:24px;padding:0;border:0;border-bottom:1px solid #e3e2df;border-radius:0;background:#fff;color:#20242a;text-align:left;font-size:11px}.message-row:nth-child(2n){background:#f2f1ed}.message-row>*{min-width:0;padding:4px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-row.unread{font-weight:700;color:#102b4c}.message-icon{text-align:center;color:#385d87}.message-row.new-message-arrival,.message-row.new-message-arrival:nth-child(2n){position:relative;z-index:2;color:#102b4c;background:var(--new-mail-highlight);box-shadow:inset 0 0 0 2px var(--new-mail-border),0 2px #1a304b3d;animation:new-message-row-highlight .42s steps(2,end) 4}.message-row.new-message-arrival .message-icon{color:#fff;background:var(--new-mail-border)}.new-mail-notification,.play-again-prompt{position:absolute;z-index:30;border:3px solid;border-color:var(--chrome-light) var(--chrome-dark) var(--chrome-dark) var(--chrome-light);background:var(--chrome);box-shadow:6px 7px #111e1f59}.new-mail-notification[hidden],.play-again-prompt[hidden]{display:none}.new-mail-notification{top:94px;right:34px;display:flex;align-items:center;width:230px;min-height:66px;padding:10px 12px;gap:11px;color:#102744;font-size:12px;pointer-events:none;animation:new-mail-notification 3.4s ease-out forwards}.new-mail-notification:before{content:"Macrohard Office";position:absolute;top:0;right:0;left:0;height:18px;padding:2px 5px;color:#fff;background:linear-gradient(90deg,var(--title-start),var(--title-end));font-size:9px;font-weight:700}.new-mail-notification-icon{display:grid;place-items:center;width:36px;height:30px;margin-top:13px;flex:0 0 auto;border:2px solid #1e3656;color:#163f78;background:#fff9ce;font-size:20px}.new-mail-notification>span:last-child{margin-top:13px}.new-mail-notification strong{display:block}.new-mail-notification small{display:block;margin-top:3px;color:#555;font-size:10px}.play-again-prompt{top:50%;left:50%;display:grid;place-items:center;width:246px;min-height:108px;padding:22px;transform:translate(-50%,-50%);animation:play-again-prompt-in .18s steps(2,end) both}.inbox-play-again{min-width:170px;min-height:52px;padding:8px 20px;font-size:18px;font-weight:700}.inbox-play-again:active:not(:disabled){padding:9px 19px 7px 21px}@keyframes new-message-row-highlight{0%,49%{background:#fff;box-shadow:inset 0 0 0 2px var(--new-mail-border)}50%,to{background:var(--new-mail-highlight);box-shadow:inset 0 0 0 2px var(--new-mail-border),0 2px #1a304b3d}}@keyframes new-mail-notification{0%{opacity:0;transform:translate(34px)}5%,76%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes play-again-prompt-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#phaser-layer{position:fixed;inset:0;z-index:100;display:none;width:100vw;height:100vh;overflow:hidden;background:#050508}#phaser-layer.active{display:block}#phaser-layer canvas{display:block;width:100%!important;height:100%!important}@media(max-height:760px){.title-screen,.office-desktop{padding:10px 12px 31px}.menu-bar{height:22px}.toolbar{min-height:34px}.compose-pane{grid-template-rows:auto minmax(86px,.42fr) auto minmax(150px,1fr) auto}.incoming-message{padding:7px 12px;font-size:11px}#reply-editor{padding:9px 12px;font-size:13px}}@media(max-width:959px){html,body,#app{min-width:0;min-height:0;height:100vh;height:100dvh;overflow:hidden}body{background:#397679;overscroll-behavior:none}.title-screen,.office-desktop{width:100%;height:100vh;height:100dvh;padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) calc(max(4px,env(safe-area-inset-bottom)) + 52px) max(4px,env(safe-area-inset-left));overflow:hidden}.title-window{width:min(620px,100%);max-width:100%;box-shadow:4px 5px #111e1f47}.mail-window{min-width:0;box-shadow:2px 3px #15272852}.window-titlebar{flex:0 0 auto;min-width:0;min-height:29px}.window-titlebar>span:not(.window-controls):not(.mail-app-icon){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-app-icon,.window-controls{flex:0 0 auto}.bevel-button{min-height:44px;padding:8px 14px;touch-action:manipulation}.bevel-button:active:not(:disabled){padding:9px 13px 7px 15px}.mute-button{right:max(6px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom));min-width:100px;min-height:44px;padding:7px 10px;font-size:12px}.title-body{min-height:0;padding:clamp(28px,6vh,42px) 16px clamp(30px,6vh,44px)}.title-icon{width:72px;height:50px;margin-bottom:18px}.title-body h1{font-size:clamp(31px,9vw,40px)}.title-copy{margin:17px auto 24px}.window-status{flex:0 0 auto;height:auto;min-height:25px;gap:8px}.window-status span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-bar{flex:0 0 auto;justify-content:space-between;gap:0;height:27px;padding:0 4px;overflow:hidden;font-size:10px}.menu-bar span{padding:7px 3px}.toolbar{flex:0 0 auto;min-width:0;min-height:46px;padding:3px 5px;overflow:hidden}.tool-button{flex:0 0 auto;width:36px;height:36px}.send-button{min-width:76px;min-height:44px}.connection-label{flex:0 0 auto}.inbox-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-workspace,.inbox-workspace{grid-template-columns:minmax(0,1fr)}.folder-pane{display:none}.compose-pane{grid-template-rows:auto minmax(96px,.42fr) auto minmax(180px,1fr) auto;padding:4px;overflow-x:hidden;overflow-y:auto}.address-grid{grid-template-columns:46px minmax(0,1fr);padding:5px;font-size:10px}.incoming-message{min-height:96px;padding:8px 10px;font-size:12px}.reply-divider{padding:6px 4px 4px}#reply-editor{min-height:180px;padding:10px 11px;font-size:16px;line-height:1.45;touch-action:pan-y}.compose-status{min-height:34px;padding:4px 5px 0}.message-list-header{grid-template-columns:28px minmax(78px,.8fr) minmax(0,1.7fr) 50px;min-height:28px}.message-list-header span{padding:7px 4px}.message-row{grid-template-columns:28px minmax(0,1fr) 50px;grid-template-rows:auto auto;grid-template-areas:"icon sender time" "icon subject subject";min-height:50px}.message-row>.message-icon{grid-area:icon;align-self:stretch;display:grid;place-items:center}.message-row>.message-sender{grid-area:sender;padding-bottom:1px}.message-row>.message-subject{grid-area:subject;padding-top:1px}.message-row>time{grid-area:time;padding-bottom:1px;text-align:right}.new-mail-notification{top:auto;right:max(8px,env(safe-area-inset-right));bottom:calc(max(6px,env(safe-area-inset-bottom)) + 52px);width:min(230px,calc(100vw - 16px))}.play-again-prompt{width:min(246px,calc(100vw - 32px));min-height:106px;padding:20px;box-shadow:4px 5px #111e1f59}.inbox-play-again{width:100%;min-height:52px}#phaser-layer{width:100%;height:100vh;height:100dvh}}@media(max-width:959px)and (max-height:500px)and (orientation:landscape){.title-screen,.office-desktop{padding:max(2px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(2px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}.window-titlebar{min-height:25px}.menu-bar{display:none}.toolbar{min-height:38px;padding:2px 5px}.tool-button{width:32px;height:32px}.send-button{min-height:34px}.compose-pane{grid-template-rows:auto minmax(58px,.55fr) auto minmax(82px,1fr) auto;overflow:hidden}.incoming-message{min-height:58px;padding:5px 8px;font-size:11px}.reply-divider{padding:3px 4px 2px}#reply-editor{min-height:82px;padding:6px 8px;font-size:14px}.compose-status{min-height:26px;padding-top:2px}.window-status{min-height:24px;padding-right:100px}.mute-button{right:max(7px,env(safe-area-inset-right));bottom:max(7px,env(safe-area-inset-bottom));min-width:86px;min-height:30px;padding:4px 7px;font-size:11px}.message-row{min-height:44px}}@media(prefers-reduced-motion:reduce){.message-row.new-message-arrival,.new-mail-notification,.play-again-prompt{animation:none}}