:root{color-scheme:light;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:16px;color:#123e57;background:#168ac7;--glass:linear-gradient(180deg,#ffffffb8,#e6faff55 49%,#b1e6ff55 50%,#efffff80);--edge:#ffffffb3}
*{box-sizing:border-box}body{margin:0;min-width:280px;background:#168ac7 url('aero-wallpaper.png') center/cover fixed no-repeat}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#0065aa18,#005e9110 65%,#003e4f30)}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:5px;box-shadow:0 0 0 7px #0070b2}button:active{transform:translateY(1px)}[hidden]{display:none!important}main{position:relative}#entrance,#desktop{min-height:100svh}#entrance{display:flex;align-items:center;justify-content:center;padding:70px 24px;position:relative}.entrance-content{text-align:center;padding:40px 70px 42px;border:1px solid var(--edge);border-radius:18px;background:linear-gradient(135deg,#ffffff75,#e5fbff28 45%,#c5f3ff45);backdrop-filter:blur(18px) saturate(1.25);box-shadow:inset 0 1px 0 #fff,0 12px 60px #00457936;animation:arrive .65s ease-out}.monogram{display:grid;place-items:center;margin:0 auto 24px;width:82px;height:82px;border:1px solid #faffff;border-radius:22px;color:#fff;font-size:46px;font-weight:300;text-shadow:0 2px 4px #005584;background:linear-gradient(165deg,#e5ffff 0%,#66d7f7 42%,#0582c5 43%,#10bee4 78%,#b5fbff);box-shadow:inset 0 0 0 4px #ffffff40,inset 0 -3px 8px #0076aab0,0 6px 15px #00487b45}h1{margin:0 0 30px;font-size:clamp(32px,5.5vw,54px);letter-spacing:-1.7px;font-weight:300;color:#fff;text-shadow:0 2px 8px #004c8e99}.period{color:#daffbb}.enter{display:flex;align-items:center;justify-content:space-between;gap:48px;margin:auto;min-height:45px;padding:9px 20px;border:1px solid #076da0;border-radius:7px;color:#fff;font-size:14px;letter-spacing:2px;text-shadow:0 1px 2px #004c86;background:linear-gradient(#bceeff,#42bee9 48%,#0889c6 49%,#0ba7d7);box-shadow:inset 0 0 0 1px #ffffffb0,0 3px 8px #00538740;transition:filter .2s,box-shadow .2s}.enter:hover{filter:brightness(1.1);box-shadow:inset 0 0 0 1px #fff,0 0 20px #c1ffff}.enter span{font-size:22px;line-height:1}.entry-footer,.desktop-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px}.entry-footer{position:absolute;left:32px;right:32px;bottom:24px;color:#fff;text-shadow:0 1px 4px #003044,0 1px 8px #003044}#desktop{display:flex;flex-direction:column;animation:arrive .6s ease-out}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:8px 28px;background:var(--glass);border-bottom:1px solid #ffffffa8;box-shadow:0 2px 10px #00528325,inset 0 1px #fff;backdrop-filter:blur(20px)}.brand{font-size:18px;letter-spacing:-.5px;color:#104663;text-shadow:0 1px 2px #fff}.topbar button{padding:7px 13px;border:1px solid #599dc091;border-radius:5px;color:#16405a;background:linear-gradient(#ffffffa8,#d5f4ff55);box-shadow:inset 0 1px #fff9;font-size:14px}.topbar button:hover{background:#edfbff}.topbar button span{padding-left:16px}.workspace{flex:1;min-height:580px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8vh 24px 60px;overflow:hidden}.clock-block{align-self:flex-end;text-align:center;min-width:240px;padding:25px 28px;margin:0 4vw 55px 0;border:1px solid #ffffffba;border-radius:13px;background:linear-gradient(145deg,#f3ffffa3,#c6edff55 49%,#95cfe944 50%,#e5fdff8c);backdrop-filter:blur(16px);box-shadow:inset 0 1px #fff,0 8px 26px #00548633;color:#114d72}.clock-block time{font-size:clamp(56px,6vw,76px);font-weight:300;letter-spacing:-3px;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 2px #fff9}.clock-block p{font-size:14px;margin:13px 0 0;color:#174661}.folders{display:flex;justify-content:center;gap:25px;z-index:1;padding:12px 24px 9px;border:1px solid #ffffffc9;border-radius:18px;background:linear-gradient(#ffffffa3,#e7faff5c 48%,#ccecff50 49%,#f6ffff91);backdrop-filter:blur(20px);box-shadow:inset 0 1px #fff,0 12px 35px #00385340}.folder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:112px;min-height:128px;padding:10px 8px;border:1px solid transparent;border-radius:9px;background:none;color:#153d51;transition:background .18s,transform .18s,border-color .18s}.folder svg{width:64px;height:50px;margin-bottom:10px;fill:url(#folder-gloss);stroke:#b3842a;stroke-width:1;filter:drop-shadow(0 3px 3px #34515555)}.folder span{font-size:15px;text-shadow:0 1px 2px #fff}.folder small{font-size:12px;margin-top:5px;color:#466777}.folder:hover{transform:translateY(-5px);background:linear-gradient(#fff9,#d7f8ff60);border-color:#ffffffb5;box-shadow:0 3px 12px #2384bc20}.signature{position:absolute;left:30px;bottom:23px;font-size:clamp(28px,4vw,60px);font-weight:300;letter-spacing:-2px;color:#ffffffa1;text-shadow:0 1px 10px #0d62825c;pointer-events:none;z-index:0}.desktop-footer{padding:15px 28px;border-top:1px solid #fff9;color:#143f55;background:var(--glass);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff70}dialog{width:min(600px,calc(100vw - 28px));padding:7px;color:#173e53;background:linear-gradient(135deg,#d7f5ffe8,#86c9eebf 55%,#e0fbffd9);border:1px solid #eaffff;border-radius:10px;box-shadow:inset 0 0 0 1px #508fa6,0 18px 70px #002b6080;backdrop-filter:blur(22px)}dialog::backdrop{background:#00427620;backdrop-filter:blur(3px)}dialog[open]{animation:arrive .22s ease-out}.window-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px 8px 8px;min-height:42px}.window-header h2{font-size:15px;font-weight:400;margin:0;text-shadow:0 1px #fff}.window-header button{width:45px;height:29px;border:1px solid #93513b;border-radius:0 0 5px 5px;align-self:flex-start;background:linear-gradient(#fbd6bf,#df8971 46%,#ba492d 49%,#df704b);box-shadow:inset 0 0 0 1px #ffffff75;color:#fff;font-size:23px;line-height:1;text-shadow:0 1px #83351a}.window-header button:hover{filter:brightness(1.15)}.window-body{min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#fff,#f3fbff);border:1px solid #689ab5}.empty-mark{font-family:monospace;font-size:30px;color:#73a5ba}.window-body p{font-size:16px;color:#577585;margin-top:18px}.window-footer{padding:10px 13px;background:#eaf7fc;border:1px solid #689ab5;border-top:0;font-size:12px;color:#496778}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(min-width:1000px){.folders{margin-bottom:3vh}.workspace{padding-top:7vh}}@media(max-width:600px){body{background-position:58% center}.entrance-content{width:min(360px,100%);padding:32px 20px 36px}.entry-footer{left:22px;right:22px}.topbar{padding:8px 18px}.workspace{min-height:570px;padding:60px 14px 80px;justify-content:space-around;gap:50px}.clock-block{align-self:center;margin:0;min-width:220px;padding:23px}.folders{gap:3px;padding:8px 5px;border-radius:13px;width:min(360px,100%)}.folder{flex:1;width:90px;min-width:0;min-height:119px;padding:9px 4px}.folder svg{width:55px;height:44px}.signature{font-size:32px;left:22px;bottom:22px}.desktop-footer{padding:15px 20px}.monogram{width:72px;height:72px;font-size:40px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(forced-colors:active){button,dialog,.clock-block,.folders{border:1px solid CanvasText}h1,.period,.entry-footer{color:CanvasText}.folder svg{fill:ButtonFace;stroke:ButtonText}}