*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif}body.time-entry{min-height:100dvh;overflow:hidden;color:#152e45;background:#4698df;position:relative}.xp-desktop{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,#1a6acf 0%,#5bb9f9 51%,#a8e3ff 70%,#97c74d 71%,#4f9f32 100%)}.xp-desktop:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 29% 20%,#fff8 0%,transparent 25%);opacity:.65}.hill{position:absolute;width:135%;height:85%;border-radius:50%;bottom:-55%;left:-22%;transform:rotate(-9deg)}.hill-back{background:linear-gradient(175deg,#82bf39,#367421);bottom:-54%;left:10%;transform:rotate(8deg)}.hill-front{background:linear-gradient(176deg,#a2d84c,#4e9d32 60%,#2d7726);bottom:-60%;left:-29%;width:160%}.entry-area{position:relative;z-index:2;min-height:calc(100dvh - 41px);display:flex;align-items:center;justify-content:center;padding:18px}.window{width:min(94vw,510px);background:#ecf0e9;border:3px solid #1250ae;border-radius:9px 9px 4px 4px;box-shadow:0 13px 33px #092f6870;overflow:hidden}.window-title{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:#fff;font-weight:bold;font-size:14px;background:linear-gradient(#4a9af4,#0762d3 60%,#0050be)}.win-close{width:25px;height:24px;border-radius:4px;display:grid;place-items:center;background:linear-gradient(#ff9b89,#df3120);border:1px solid white;font-size:20px;line-height:1}.window-content{text-align:center;padding:27px 22px 26px}.desktop-icon{font-size:56px;color:#2373bb;position:relative;text-shadow:2px 3px #b6d2e7}.blink-light{display:inline-block;width:7px;height:7px;background:#5ded57;box-shadow:0 0 6px #24ff26;border-radius:50%;margin-left:-10px}.window h1{font-size:21px;margin:12px 0 7px}.window p{font-size:14px;line-height:1.45;margin:8px 0 18px}.connection-progress{height:15px;background:#fff;border:1px solid #969eab;border-radius:3px;overflow:hidden;margin:0 auto 20px;max-width:360px}.connection-progress span{display:block;width:0;height:100%;background:repeating-linear-gradient(90deg,#2b8ddd 0 14px,#6fbcf3 14px 17px);transition:width 2.9s linear}.connect{cursor:pointer;min-height:46px;border:1px solid #266128;border-radius:5px;color:#fff;background:linear-gradient(#62c745,#188a26);font-weight:bold;padding:10px 21px;font-size:15px;box-shadow:inset 0 1px 1px #c5fcb2}.connect:hover{filter:brightness(1.08)}.connect:focus-visible{outline:3px solid #222}.window .tiny{font-size:11px;color:#5b6572;margin:13px 0 0}.taskbar{position:fixed;bottom:0;left:0;right:0;height:41px;background:linear-gradient(#316ed9,#0841a2);display:flex;align-items:center;gap:10px;color:#fff;z-index:3;font-size:12px}.start{align-self:stretch;display:flex;align-items:center;background:linear-gradient(#5cc351,#2a9922);border-radius:0 12px 12px 0;padding:0 23px 0 15px;font-size:16px;font-weight:bold;font-style:italic;text-shadow:1px 2px 2px #064e15}.taskbar-caption{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clock{padding:0 15px;background:#2f91eb;height:100%;display:flex;align-items:center}.mobile-nokia{display:none}
@media(max-width:640px){.xp-desktop{filter:saturate(.9)}.entry-area{flex-direction:column;justify-content:center;gap:14px;padding:15px 12px 20px}.window{width:100%;max-width:430px}.window-content{padding:12px 15px 16px}.window h1{font-size:18px;margin:5px 0}.window p{font-size:12px;margin:5px 0 12px}.desktop-icon{display:none}.connection-progress{margin-bottom:12px}.window .tiny{font-size:10px}.mobile-nokia{display:block;height:146px;width:100px;background:linear-gradient(120deg,#183a67,#537ba6 45%,#143358);border:3px solid #14273a;border-radius:23px 23px 34px 34px;box-shadow:5px 8px 15px #072c5266;color:#fff;text-align:center;order:-1;overflow:hidden}.nokia-top{font:bold 11px Arial;margin:6px 0 5px}.nokia-display{background:#a6b88c;color:#293d2e;margin:0 10px;border:3px inset #657d68;padding:5px 0;font:bold 9px monospace}.nokia-display .bars{font-size:8px}.nokia-keypad{font:bold 11px/1.45 Arial;margin:5px 0}.taskbar-caption{font-size:10px}.clock{padding:0 8px}.start{padding:0 10px;font-size:14px}}
@media(max-height:580px){.mobile-nokia{display:none}.entry-area{padding:5px 10px}.window-content{padding:10px}.window p{margin:5px}.desktop-icon{display:none}}
@media(prefers-reduced-motion:reduce){.connection-progress span{transition:none}}

.retro-apps{display:flex;gap:12px;align-items:center;font-size:21px;height:100%;padding:0 5px}.retro-apps span{cursor:default;filter:drop-shadow(1px 1px 1px #163b74)}@media(max-width:500px){.retro-apps{gap:5px;font-size:15px}}

.rotate-backdrop[hidden]{display:none!important}.rotate-backdrop{position:fixed;z-index:100000;inset:0;background:rgba(5,18,37,.78);display:flex;align-items:center;justify-content:center;padding:18px}
.rotate-box{width:min(390px,100%);background:#eff4ee;border:3px solid #1255bd;border-radius:9px;box-shadow:0 15px 50px #0008;text-align:center;padding:24px 22px;color:#183149;font-family:Tahoma,Arial,sans-serif}
.rotate-phone{color:#216bd2;font-size:45px;margin-bottom:5px}.rotate-box h2{font-size:21px;margin:6px 0 12px}.rotate-box p{font-size:14px;line-height:1.55;margin:0 0 18px}.rotate-box button{border:1px solid #188238;background:linear-gradient(#44b85b,#178b35);color:white;font:bold 14px Tahoma,Arial;border-radius:5px;padding:12px 20px;cursor:pointer}