:root{--win:#c8c8c8;--win-dark:#7b7b7b;--win-black:#171717;--win-white:#fff;--title-a:#3f3f3f;--title-b:#b6b6b6;--blue:#153fbc;--green:#65ad79;--red:#c2555d;--desktop:#59c3ed;--task:42px}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:#111;font:14px/1.35 "Courier New",Courier,monospace;background:var(--desktop)}button,textarea,input{font:inherit}.desktop{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(0,131,196,.08)),repeating-linear-gradient(7deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.018) 2px 4px),#62c8ef}.desktop:before,.desktop:after,.cloud:before,.cloud:after{content:"";position:absolute;background:rgba(255,255,255,.8);filter:blur(2px)}.cloud{position:absolute;width:230px;height:56px;background:rgba(255,255,255,.8);filter:blur(2px);border-radius:50%;opacity:.78}.cloud:before{width:110px;height:105px;border-radius:50%;left:35px;bottom:0}.cloud:after{width:130px;height:125px;border-radius:50%;right:22px;bottom:0}.cloud-one{left:-35px;top:20%}.cloud-two{right:2%;bottom:14%;transform:scale(.85)}.sun{position:absolute;right:16%;top:12%;width:105px;height:105px;border-radius:50%;background:#ffe33d;box-shadow:0 0 32px rgba(255,224,42,.65);filter:pixelate(2px)}.desktop-brand{position:absolute;top:3.5%;left:50%;transform:translateX(-50%);z-index:1;text-align:center;color:#e9e9e9;text-shadow:3px 3px 0 #111,5px 5px 0 #777;font-weight:900;line-height:.82;letter-spacing:-.08em;pointer-events:none}.desktop-brand span,.desktop-brand strong{display:block;font:900 clamp(34px,5.6vw,76px)/.82 Arial Black,Impact,sans-serif}.desktop-brand strong{font-size:clamp(28px,4vw,58px)}.desktop-brand small{display:block;margin-top:12px;color:#111;text-shadow:1px 1px #fff;letter-spacing:.28em;font:bold 10px "Courier New"}
.desktop-icons{position:absolute;z-index:3;top:24px;left:18px;bottom:calc(var(--task) + 12px);display:flex;flex-direction:column;gap:14px;align-items:center}.desktop-icon{width:92px;min-height:76px;padding:4px;border:1px solid transparent;background:transparent;color:#111;text-align:center;text-decoration:none;cursor:default;text-shadow:1px 1px rgba(255,255,255,.55)}.desktop-icon:hover,.desktop-icon:focus{background:rgba(0,37,138,.18);border:1px dotted #12285c}.desktop-icon b{display:block;margin-top:4px;font:700 12px/1.08 Arial,sans-serif}.icon-folder{display:block;position:relative;width:42px;height:27px;margin:auto;background:#ffd223;border:2px solid #111;box-shadow:2px 2px 0 #777}.icon-folder:before{content:"";position:absolute;left:1px;top:-8px;width:19px;height:8px;background:#ffd223;border:2px solid #111;border-bottom:0}.icon-computer,.icon-phone,.icon-document{display:grid;place-items:center;width:41px;height:36px;margin:auto;background:#d1d1d1;border:3px outset #eee;color:#15275e;font:bold 25px Arial}.icon-phone{width:27px;height:42px;border:3px solid #111;border-radius:4px;background:#e3e3e3}.icon-document{background:#fff8ce;color:#111;font-size:22px}.workspace{position:absolute;inset:0 0 var(--task);z-index:2}.desktop-window{position:absolute;display:flex;flex-direction:column;min-width:240px;min-height:150px;background:var(--win);border:3px outset #eee;box-shadow:3px 3px 0 rgba(0,0,0,.55);overflow:hidden}.desktop-window.active-window{z-index:30}.desktop-window.is-hidden{display:none}.desktop-window.maximized{inset:4px!important;width:auto!important;height:auto!important;transform:none!important;z-index:80}.titlebar{height:31px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:2px 3px 2px 8px;background:linear-gradient(90deg,var(--title-a),var(--title-b));color:white;font:bold 13px/1 "Courier New";text-shadow:1px 1px #111;letter-spacing:.02em;cursor:move;user-select:none}.active-window>.titlebar{background:linear-gradient(90deg,#101d72,#687bc1)}.titlebar>span{display:flex;align-items:center;gap:7px;min-width:0}.titlebar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-controls{gap:3px!important}.window-controls button,.pin-dialog .titlebar button{display:grid;place-items:center;width:25px;height:23px;padding:0;background:#c9c9c9;color:#111;border:2px outset #eee;font:bold 16px/1 Arial;text-shadow:none;cursor:pointer}.window-controls button:last-child{background:#d11d25;color:white}.tiny-folder{width:14px;height:11px;background:#ffd21e;border:1px solid #111}.tiny-agent{display:grid;place-items:center;width:18px;height:18px;border:1px solid #111;background:#d4d4d4;color:#111;text-shadow:none}.menubar{height:29px;flex:none;padding:6px 10px 4px;border-bottom:2px groove #eee;color:#323232;font:12px/1.2 Arial,sans-serif;text-decoration:underline}.menubar span{float:right;text-decoration:none;font:bold 10px "Courier New"}.status-strip{height:25px;flex:none;margin:3px;padding:4px 8px;border:2px inset #eee;color:#404040;font:11px/1 "Courier New"}.panel-body{padding:10px}.window-scroll{min-height:0;overflow:auto;scrollbar-color:#999 #ddd}.help{margin:0 0 10px;color:#3d3d3d;font:11px/1.35 Arial,sans-serif}
.chat-panel{left:17%;top:8%;width:57%;height:67%;z-index:25}.chat-body{min-height:0;flex:1;display:flex;flex-direction:column;padding:4px}.messages{flex:1;min-height:0;overflow:auto;background:#fff;border:3px inset #e6e6e6;padding:12px}.message{display:flex;gap:8px;margin-bottom:10px}.message .avatar{display:none}.message>div:last-child{padding:0}.message strong{display:inline;color:#d51c25;font-weight:900}.message.user strong{color:#1656cf}.message p{display:inline;margin:0;white-space:pre-wrap;font-weight:700}.message .action-chip{display:inline-block;margin-left:7px;padding:1px 5px;background:#e6e6e6;border:1px solid #888;font-size:10px}.presets{display:flex;gap:0;overflow:auto;padding:4px 0}.presets button{white-space:nowrap;padding:5px 10px;background:#ddd;border:2px outset #eee;cursor:pointer;font-size:10px}.console-status{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border:2px inset #eee;font-weight:700}.console-status i,.tray-light{display:inline-block;width:13px;height:13px;border-radius:50%;background:#35ef5a;vertical-align:middle}.console-status a{color:#111}.composer{display:grid;grid-template-columns:1fr 104px;height:83px;margin-top:3px}.composer textarea{resize:none;border:3px inset #eee;padding:9px;background:white}.composer button{border:3px outset #eee;background:#ddd;font:bold 17px "Courier New";cursor:pointer}.composer button:disabled{color:#888}
.policy-panel{left:1.5%;top:11%;width:280px;height:48%;z-index:12}.policy-list{border:2px inset #eee;background:white}.policy-row{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:6px 8px;border-bottom:1px solid #aaa;font:11px Arial,sans-serif}.policy-row:last-child{border:0}.switch{position:relative;width:38px;height:20px;flex:none}.switch input{position:absolute;opacity:0}.switch span{position:absolute;inset:0;background:#aaa;border:2px inset #eee}.switch span:after{content:"OFF";position:absolute;inset:1px;display:grid;place-items:center;background:#c5555d;color:white;font:bold 8px Arial}.switch input:checked+span:after{content:"ON";background:#64aa79}.policy-note{margin-top:8px;padding:7px;background:#fff7c9;border:1px solid #8a7b32;font:10px Arial,sans-serif}
.phone-window{right:1.5%;top:5%;width:315px;height:84%;z-index:18}.phone-window-body{padding:6px;text-align:center}.phone-label{text-transform:uppercase;font:bold 9px "Courier New";margin:1px 0 5px}.phone{position:relative;width:238px;height:470px;margin:auto;padding:8px;background:#15171c;border:2px solid #454a54;border-radius:34px;box-shadow:inset 0 0 0 2px #000}.phone-speaker{position:absolute;z-index:3;width:72px;height:16px;background:#090a0c;border-radius:0 0 11px 11px;top:7px;left:82px}.phone-screen{height:100%;border-radius:25px;overflow:hidden;background:linear-gradient(145deg,#193574,#0a1432);position:relative;color:white}.statusbar{height:26px;display:flex;justify-content:space-between;padding:7px 13px 0;font:bold 8px Arial}.phone-lock{text-align:center;padding:15px 9px}.lock-icon{font-size:18px}.lock-time{font:300 42px Arial;line-height:1}.lock-date{font:10px Arial;opacity:.8}.push-card{width:100%;display:flex;text-align:left;gap:6px;margin-top:20px;padding:8px;border:1px solid rgba(255,255,255,.4);border-radius:11px;background:rgba(238,244,255,.92);color:#101a2c;cursor:pointer}.push-icon,.mini-logo{display:grid;place-items:center;background:#183caa;color:white;border:1px solid white;font-weight:900}.push-icon{width:28px;height:28px;border-radius:6px;flex:none}.push-card span{display:flex;justify-content:space-between;font:bold 7px Arial;color:#45516a}.push-card strong{display:block;font:10px Arial;margin-top:2px}.push-card p{font:9px Arial;margin:1px 0}.phone-lock>p{font:9px Arial;opacity:.65;margin-top:170px}.phone-app{position:absolute;inset:26px 0 0;background:#bdbdbd;color:#111;padding:7px 6px 28px}.app-top{height:32px;display:flex;align-items:center;gap:7px;padding:0 5px}.mini-logo{width:22px;height:22px;border-radius:4px}.app-top strong{font:700 10px monospace}.retro-window{background:#c7c7c7;border:2px outset white;padding:2px;max-height:378px;display:flex;flex-direction:column}.retro-title{background:#152d79;color:white;padding:5px;font:bold 9px monospace;text-transform:uppercase}.app-state{margin:5px 3px 3px;text-align:center;padding:3px;color:white;font:bold 8px monospace}.app-state.locked{background:#b7474f}.app-state.unlocked{background:#55a879}.app-state.done{background:#315cc3}.action-review{background:white;border:2px inset #eee;margin:3px;padding:6px;overflow:auto;max-height:230px}.review-row{display:grid;grid-template-columns:68px 1fr;gap:4px;padding:3px 0;border-bottom:1px dotted #bbb;text-align:left;font:8px Arial}.review-row b{text-transform:uppercase;font-family:monospace}.unlock-row,.decision-row{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:3px 3px 0}.decision-row{margin-top:0}.unlock-row button,.decision-row button,.phone-back{padding:6px 1px;border:2px outset white;font:bold 7px monospace}.unlock-row button{background:#d1d1d1}.decision-row button:first-child{background:#67b985;color:white}.decision-row button:last-child{background:#c85a62;color:white}.decision-row button:disabled{opacity:.65}.phone-back{position:absolute;bottom:7px;left:9px;background:#c7c7c7}.home-indicator{position:absolute;width:70px;height:3px;background:white;border-radius:4px;bottom:5px;left:76px}.phone-caption{margin:7px auto 0;max-width:270px;font:9px/1.25 Arial;color:#333}
.security-panel{left:3%;bottom:5%;width:31%;height:29%;z-index:14}.attack-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.attack-grid button{display:grid;grid-template-columns:24px 1fr;text-align:left;align-items:center;border:2px outset #eee;background:#ddd;padding:6px;cursor:pointer}.attack-grid button>span{grid-row:1/3;font-size:17px}.attack-grid strong{font:10px Arial}.attack-grid small{font:8px Arial;color:#555}.attack-grid button:disabled{color:#777}.security-result{margin-top:7px;padding:7px;border:2px inset #eee;font:bold 10px monospace}.security-result.blocked{background:#ffd9dc;color:#971e29}.security-result.success{background:#dff3e7;color:#17633f}.timeline-panel{left:37%;bottom:4%;width:37%;height:27%;z-index:16}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;margin-left:7px;padding:0 0 9px 20px;border-left:2px solid #999;font:10px Arial}.timeline li:before{content:"";position:absolute;left:-6px;top:1px;width:8px;height:8px;background:#777;border:2px solid white;box-shadow:0 0 0 1px #777}.timeline li.success:before{background:#2a965e}.timeline li.blocked:before{background:#c12f3e}.timeline li.pending:before{background:#e2a321}.timeline time{display:block;color:#555;font:8px monospace}.timeline .empty{border:0;color:#666}.timeline .empty:before{display:none}
.taskbar{position:absolute;z-index:200;left:0;right:0;bottom:0;height:var(--task);display:flex;align-items:center;gap:5px;padding:4px;background:var(--win);border-top:3px outset #eee}.start-button,.task-buttons button,.tray{height:32px;border:2px outset #eee;background:#d0d0d0;color:#111;font:bold 13px Arial}.start-button{width:105px;text-transform:lowercase;font-size:17px}.start-button span{display:inline-block;color:#173ca7}.task-buttons{display:flex;gap:4px;min-width:0;flex:1}.task-buttons button{min-width:150px;text-align:left;padding:0 10px}.tray{margin-left:auto;display:flex;align-items:center;gap:7px;padding:0 10px;border-style:inset;font-size:11px}.tray time{margin-left:8px;font:14px Georgia,serif}.start-menu{position:absolute;z-index:250;left:3px;bottom:var(--task);width:310px;height:340px;display:grid;grid-template-columns:45px 1fr;background:var(--win);border:3px outset #eee;box-shadow:3px 3px #333}.start-menu[hidden]{display:none}.start-rail{display:flex;align-items:center;writing-mode:vertical-rl;transform:rotate(180deg);padding:8px;background:#888;color:#ddd;font:bold 24px Arial}.start-rail span{color:white}.start-items{display:flex;flex-direction:column;padding:6px}.start-items button,.start-items a{display:block;padding:10px;border:0;background:transparent;color:#111;text-align:left;text-decoration:none;font:14px Arial;cursor:pointer}.start-items button:hover,.start-items a:hover{background:#162b83;color:white}.start-items hr{width:100%;border:0;border-top:2px groove #eee}.pin-dialog{padding:0;border:3px outset white;background:#c7c7c7;box-shadow:8px 8px 0 rgba(0,0,0,.3);width:280px}.pin-dialog::backdrop{background:rgba(3,10,25,.55)}.pin-dialog form{margin:0}.pin-body{text-align:center;padding:20px}.pin-body p{font-weight:bold}.pin-dots{display:flex;justify-content:center;gap:10px;margin:10px}.pin-dots i{width:12px;height:12px;border:1px solid #555;background:white}.pin-body input{width:110px;padding:9px;text-align:center;font-size:18px;letter-spacing:8px;border:2px inset white}.pin-body small{display:block;margin:10px}.pin-body>button{height:34px;width:100%;border:2px outset white;background:#ddd}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:900px){:root{--task:46px}.desktop-brand{top:72px}.desktop-icons{top:12px;left:8px;right:8px;bottom:auto;flex-direction:row;overflow:auto;align-items:start}.desktop-icon{min-width:72px;width:72px;min-height:58px}.desktop-icon b{font-size:9px}.icon-folder,.icon-computer,.icon-document{transform:scale(.78);margin-bottom:-5px}.workspace{top:130px}.desktop-window{left:10px!important;right:10px!important;top:8px!important;bottom:8px!important;width:auto!important;height:auto!important;transform:none!important}.desktop-window:not(.active-window){visibility:hidden}.desktop-window.active-window{visibility:visible}.phone{height:440px}.task-buttons button{min-width:44px;max-width:110px;overflow:hidden}.tray{font-size:0}.tray time{font-size:11px}.start-button{width:82px}.sun{width:65px;height:65px;right:8%;top:18%}}
@media(max-height:700px) and (min-width:901px){.phone{height:410px;width:210px}.phone-window{width:275px}.chat-panel{height:62%}.security-panel,.timeline-panel{height:27%}.desktop-icons{gap:5px}.desktop-icon{min-height:63px}}
.workspace{z-index:auto;pointer-events:none}.desktop-window{pointer-events:auto}
@media(min-width:901px){
  .policy-panel{left:12px;top:8px;width:270px;height:62%}
  .chat-panel{left:50%;top:15%;width:min(600px,45vw);height:52%;transform:translateX(-50%)}
  .phone-window,.timeline-panel,.security-panel{left:auto;right:8px;width:310px}
  .phone-window{top:8px;height:min(540px,52vh)}
  .phone{height:min(470px,calc(52vh - 72px))}
  .timeline-panel{top:calc(16px + min(540px,52vh));bottom:auto;height:clamp(95px,14vh,155px)}
  .security-panel{top:calc(24px + min(540px,52vh) + clamp(95px,14vh,155px));bottom:auto;height:clamp(130px,20vh,210px)}
  .timeline-panel .panel-body,.security-panel .panel-body{padding:7px}
  .security-panel .help{display:none}
  .security-panel .attack-grid{gap:3px}
  .security-panel .attack-grid button{padding:4px}
}