@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--text-color: #222222;--surface: #c0c0c0;--button-highlight: #ffffff;--button-face: #dfdfdf;--button-shadow: #808080;--window-frame: #0a0a0a;--dialog-blue: #000080;--dialog-blue-light: #1084d0;--dialog-gray: #808080;--dialog-gray-light: #b5b5b5;--link-blue: #0000ff;--element-spacing: 8px;--grouped-button-spacing: 4px;--grouped-element-spacing: 6px;--radio-width: 12px;--checkbox-width: 13px;--radio-label-spacing: 6px;--range-track-height: 4px;--range-spacing: 10px;--radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);--radio-total-width: calc(var(--radio-total-width-precalc));--radio-left: calc(-1 * var(--radio-total-width-precalc));--radio-dot-width: 4px;--radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);--radio-dot-left: calc( -1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var( --radio-dot-width ) / 2 );--checkbox-total-width-precalc: var(--checkbox-width) + var(--radio-label-spacing);--checkbox-total-width: calc(var(--checkbox-total-width-precalc));--checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));--checkmark-width: 7px;--checkmark-left: 3px;--border-width: 1px;--border-raised-outer: inset -1px -1px var(--window-frame), inset 1px 1px var(--button-highlight);--border-raised-inner: inset -2px -2px var(--button-shadow), inset 2px 2px var(--button-face);--border-sunken-outer: inset -1px -1px var(--button-highlight), inset 1px 1px var(--window-frame);--border-sunken-inner: inset -2px -2px var(--button-face), inset 2px 2px var(--button-shadow);--default-button-border-raised-outer: inset -2px -2px var(--window-frame), inset 1px 1px var(--window-frame);--default-button-border-raised-inner: inset 2px 2px var(--button-highlight), inset -3px -3px var(--button-shadow), inset 3px 3px var(--button-face);--default-button-border-sunken-outer: inset 2px 2px var(--window-frame), inset -1px -1px var(--window-frame);--default-button-border-sunken-inner: inset -2px -2px var(--button-highlight), inset 3px 3px var(--button-shadow), inset -3px -3px var(--button-face);--border-window-outer: inset -1px -1px var(--window-frame), inset 1px 1px var(--button-face);--border-window-inner: inset -2px -2px var(--button-shadow), inset 2px 2px var(--button-highlight);--border-field: inset -1px -1px var(--button-highlight), inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face), inset 2px 2px var(--window-frame);--border-status-field: inset -1px -1px var(--button-face), inset 1px 1px var(--button-shadow);--border-tab: inset -1px 0 var(--window-frame), inset 1px 1px var(--button-face), inset -2px 0 var(--button-shadow), inset 2px 2px var(--button-highlight) }

@font-face{font-family:"Pixelated MS Sans Serif";src:url(../fonts/converted/ms_sans_serif.woff) format("woff");src:url(../fonts/converted/ms_sans_serif.woff2) format("woff2");font-weight:400;font-style:normal}

@font-face{font-family:"Pixelated MS Sans Serif";src:url(../fonts/converted/ms_sans_serif_bold.woff) format("woff");src:url(../fonts/converted/ms_sans_serif_bold.woff2) format("woff2");font-weight:700;font-style:normal}
body{font-family:Arial;font-size:12px;color:var(--text-color)}
button,label,input,legend,textarea,select,option,table,ul.tree-view,.window,.title-bar,li[role=tab]{font-family:"Pixelated MS Sans Serif",Arial;-webkit-font-smoothing:none;font-size:11px}
h1{font-size:5rem}
h2{font-size:2.5rem}
h3{font-size:2rem}
h4{font-size:1.5rem}
u{text-decoration:none;border-bottom:.5px solid #222222}
button,input[type=submit],input[type=reset]{box-sizing:border-box;border:none;color:transparent;text-shadow:0 0 var(--text-color);background:var(--surface);box-shadow:var(--border-raised-outer),var(--border-raised-inner);border-radius:0;min-width:75px;min-height:23px;padding:0 12px}
button.default,input[type=submit].default,input[type=reset].default{box-shadow:var(--default-button-border-raised-outer),var(--default-button-border-raised-inner)}
.vertical-bar{width:4px;height:20px;background:silver;box-shadow:var(--border-raised-outer),var(--border-raised-inner)}
button:not(:disabled):active,input[type=submit]:not(:disabled):active,input[type=reset]:not(:disabled):active{box-shadow:var(--border-sunken-outer),var(--border-sunken-inner);text-shadow:1px 1px var(--text-color)}
button.default:not(:disabled):active,input[type=submit].default:not(:disabled):active,input[type=reset].default:not(:disabled):active{box-shadow:var(--default-button-border-sunken-outer),var(--default-button-border-sunken-inner)}
@media (not(hover)){button:not(:disabled):hover,input[type=submit]:not(:disabled):hover,input[type=reset]:not(:disabled):hover{box-shadow:var(--border-sunken-outer),var(--border-sunken-inner)}
}
button:focus,input[type=submit]:focus,input[type=reset]:focus{outline:1px dotted #000000;outline-offset:-4px}
button::-moz-focus-inner,input[type=submit]::-moz-focus-inner,input[type=reset]::-moz-focus-inner{border:0}
:disabled,:disabled+label,input[readonly],input[readonly]+label{color:var(--button-shadow)}
button:disabled,input[type=submit]:disabled,input[type=reset]:disabled,:disabled+label{text-shadow:1px 1px 0 var(--button-highlight)}
.window{box-shadow:var(--border-window-outer),var(--border-window-inner);background:var(--surface);padding:3px}
.title-bar{background:linear-gradient(90deg,var(--dialog-blue),var(--dialog-blue-light));padding:3px 2px 3px 3px;display:flex;justify-content:space-between;align-items:center}
.title-bar.inactive{background:linear-gradient(90deg,var(--dialog-gray),var(--dialog-gray-light))}
.title-bar-text{font-weight:700;color:#fff;letter-spacing:0;margin-right:24px}
.title-bar-controls{display:flex}
.title-bar-controls button{padding:0;display:block;min-width:16px;min-height:14px}
.title-bar-controls button:active{padding:0}
.title-bar-controls button:focus{outline:none}
.title-bar-controls button[aria-label=Minimize],.title-bar-controls button[aria-label].minimize{background-image:none;background-repeat:no-repeat;background-position:bottom 3px left 4px}
.title-bar-controls button[aria-label=Maximize],.title-bar-controls button[aria-label].maximize{background-image:none;background-repeat:no-repeat;background-position:top 2px left 3px}
.title-bar-controls button[aria-label=Maximize]:disabled,.title-bar-controls button[aria-label].maximize:disabled{background-image:none;background-repeat:no-repeat;background-position:top 2px left 3px}
.title-bar-controls button[aria-label=Restore],.title-bar-controls button[aria-label].restore{background-image:none;background-repeat:no-repeat;background-position:top 2px left 3px}
.title-bar-controls button[aria-label=Help],.title-bar-controls button[aria-label].help{background-image:none;background-repeat:no-repeat;background-position:top 2px left 5px}
.title-bar-controls button[aria-label=Close],.title-bar-controls button[aria-label].close{margin-left:2px;background-image:none;background-repeat:no-repeat;background-position:top 3px left 4px}
.status-bar{margin:0 1px;display:flex;gap:1px}
.status-bar-field{box-shadow:var(--border-status-field);flex-grow:1;padding:2px 3px;margin:0}
.window-body{margin:var(--element-spacing)}
fieldset{border-image:none 2;padding:calc(2 * var(--border-width) + var(--element-spacing));padding-block-start:var(--element-spacing);margin:0}
legend{background:var(--surface)}
.field-row{display:flex;align-items:center}
[class^=field-row]+[class^=field-row]{margin-top:var(--grouped-element-spacing)}
.field-row>*+*{margin-left:var(--grouped-element-spacing)}
.field-row-stacked{display:flex;flex-direction:column}
.field-row-stacked *+*{margin-top:var(--grouped-element-spacing)}
label{display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}
input[type=radio],input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0;background:0;position:fixed;opacity:0;border:none}
input[type=radio]+label,input[type=checkbox]+label{line-height:13px}
input[type=radio]+label{position:relative;margin-left:var(--radio-total-width)}
input[type=radio]+label:before{content:"";position:absolute;top:0;left:calc(-1 * (var(--radio-total-width-precalc)));display:inline-block;width:var(--radio-width);height:var(--radio-width);margin-right:var(--radio-label-spacing);background:none}
input[type=radio]:active+label:before{background:none}
input[type=radio]:checked+label:after{content:"";display:block;width:var(--radio-dot-width);height:var(--radio-dot-width);top:var(--radio-dot-top);left:var(--radio-dot-left);position:absolute;background:none}
input[type=radio]:focus+label,input[type=checkbox]:focus+label{outline:1px dotted #000000}
input[type=radio][disabled]+label:before{background:none}
input[type=radio][disabled]:checked+label:after{background:none}
input[type=checkbox]+label{position:relative;margin-left:var(--checkbox-total-width)}
input[type=checkbox]+label:before{content:"";position:absolute;left:calc(-1 * (var(--checkbox-total-width-precalc)));display:inline-block;width:var(--checkbox-width);height:var(--checkbox-width);background:var(--button-highlight);box-shadow:var(--border-field);margin-right:var(--radio-label-spacing)}
input[type=checkbox]:active+label:before{background:var(--surface)}
input[type=checkbox]:checked+label:after{content:"";display:block;width:var(--checkmark-width);height:var(--checkmark-width);position:absolute;left:calc(-1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left));background:none}
input[type=checkbox][disabled]+label:before{background:var(--surface)}
input[type=checkbox][disabled]:checked+label:after{background:none}
input[type=text],input[type=password],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=search],select,textarea{padding:3px 4px;border:none;box-shadow:var(--border-field);background-color:var(--button-highlight);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
input[type=text],input[type=password],input[type=email],input[type=url],input[type=tel],input[type=search],select{height:21px}
input[type=number]{height:22px}
input[type=search]::-ms-clear{display:none;width:0;height:0}
input[type=search]::-ms-reveal{display:none;width:0;height:0}
input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}
input[type=text],input[type=password],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=search]{line-height:2}
input[type=email]:disabled,input[type=url]:disabled,input[type=tel]:disabled,input[type=password]:disabled,input[type=text]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=email]:read-only,input[type=url]:read-only,input[type=tel]:read-only,input[type=password]:read-only,input[type=text]:read-only,input[type=number]:read-only,input[type=search]:read-only,textarea:disabled{background-color:var(--surface)}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;padding-right:32px;background-image:none;background-position:top 2px right 2px;background-repeat:no-repeat;border-radius:0}
select:focus,input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{outline:none}
input[type=range]{-webkit-appearance:none;width:100%;background:transparent}
input[type=range]:focus{outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:21px;width:11px;background:none;transform:translateY(-8px);box-shadow:none;border:none}
input[type=range].has-box-indicator::-webkit-slider-thumb{background:none;transform:translateY(-10px)}
input[type=range]::-moz-range-thumb{height:21px;width:11px;border:0;border-radius:0;background:none;transform:translateY(2px)}
input[type=range].has-box-indicator::-moz-range-thumb{background:none;transform:translateY(0)}
input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;box-sizing:border-box;background:#000;border-right:1px solid grey;border-bottom:1px solid grey;box-shadow:1px 0 #fff,1px 1px #fff,0 1px #fff,-1px 0 #a9a9a9,-1px -1px #a9a9a9,0 -1px #a9a9a9,-1px 1px #fff,1px -1px #a9a9a9}
input[type=range]::-moz-range-track{width:100%;height:2px;box-sizing:border-box;background:#000;border-right:1px solid grey;border-bottom:1px solid grey;box-shadow:1px 0 #fff,1px 1px #fff,0 1px #fff,-1px 0 #a9a9a9,-1px -1px #a9a9a9,0 -1px #a9a9a9,-1px 1px #fff,1px -1px #a9a9a9}
.is-vertical{display:inline-block;width:4px;height:150px;transform:translateY(50%)}
.is-vertical>input[type=range]{width:150px;height:4px;margin:0 calc(var(--grouped-element-spacing) + var(--range-spacing)) 0 var(--range-spacing);transform-origin:left;transform:rotate(270deg) translate(calc(-50% + var(--element-spacing)))}
.is-vertical>input[type=range]::-webkit-slider-runnable-track{border-left:1px solid grey;border-right:0;border-bottom:1px solid grey;box-shadow:-1px 0 #fff,-1px 1px #fff,0 1px #fff,1px 0 #a9a9a9,1px -1px #a9a9a9,0 -1px #a9a9a9,1px 1px #fff,-1px -1px #a9a9a9}
.is-vertical>input[type=range]::-moz-range-track{border-left:1px solid grey;border-right:0;border-bottom:1px solid grey;box-shadow:-1px 0 #fff,-1px 1px #fff,0 1px #fff,1px 0 #a9a9a9,1px -1px #a9a9a9,0 -1px #a9a9a9,1px 1px #fff,-1px -1px #a9a9a9}
.is-vertical>input[type=range]::-webkit-slider-thumb{transform:translateY(-8px) scaleX(-1)}
.is-vertical>input[type=range].has-box-indicator::-webkit-slider-thumb{transform:translateY(-10px) scaleX(-1)}
.is-vertical>input[type=range]::-moz-range-thumb{transform:translateY(2px) scaleX(-1)}
.is-vertical>input[type=range].has-box-indicator::-moz-range-thumb{transform:translateY(0) scaleX(-1)}
select:focus{color:var(--button-highlight);background-color:var(--dialog-blue)}
select:focus option{color:#000;background-color:#fff}
select:active{background-image:none}
a{color:var(--link-blue)}
a:focus{outline:1px dotted var(--link-blue)}
ul.tree-view{display:block;background:var(--button-highlight);box-shadow:var(--border-field);padding:6px;margin:0}
ul.tree-view li{list-style-type:none}
ul.tree-view a{text-decoration:none;color:#000}
ul.tree-view a:focus{background-color:var(--dialog-blue);color:var(--button-highlight)}
ul.tree-view ul,ul.tree-view li{margin-top:3px}
ul.tree-view ul{margin-left:16px;padding-left:16px;border-left:1px dotted #808080}
ul.tree-view ul>li{position:relative}
ul.tree-view ul>li:before{content:"";display:block;position:absolute;left:-16px;top:6px;width:12px;border-bottom:1px dotted #808080}
ul.tree-view ul>li:last-child:after{content:"";display:block;position:absolute;left:-20px;top:7px;bottom:0;width:8px;background:var(--button-highlight)}
ul.tree-view details{margin-top:0}
ul.tree-view details[open] summary{margin-bottom:0}
ul.tree-view ul details>summary:before{margin-left:-22px;position:relative;z-index:1}
ul.tree-view details>summary:before{text-align:center;display:block;float:left;content:"+";border:1px solid #808080;width:8px;height:9px;line-height:8px;margin-right:5px;padding-left:1px;background-color:#fff}
ul.tree-view details[open]>summary:before{content:"-"}
ul.tree-view details>summary::marker,ul.tree-view details>summary::-webkit-details-marker{content:""}
pre{display:block;background:var(--button-highlight);box-shadow:var(--border-field);padding:12px 8px;margin:0}
code,code *{font-family:monospace}
summary:focus{outline:1px dotted #000000}
::-webkit-scrollbar{width:16px}
::-webkit-scrollbar:horizontal{height:17px}
::-webkit-scrollbar-corner{background:var(--button-face)}
::-webkit-scrollbar-track{background-image:none}
::-webkit-scrollbar-thumb{background-color:var(--button-face);box-shadow:var(--border-raised-outer),var(--border-raised-inner)}
::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:vertical:start:decrement,::-webkit-scrollbar-button:vertical:end:increment{display:block}
::-webkit-scrollbar-button:vertical:start{height:17px;background-image:none}
::-webkit-scrollbar-button:vertical:end{height:17px;background-image:none}
::-webkit-scrollbar-button:horizontal:start{width:16px;background-image:none}
::-webkit-scrollbar-button:horizontal:end{width:16px;background-image:none}
.window[role=tabpanel]{position:relative;z-index:2}
menu[role=tablist]{position:relative;margin:0 0 -2px;text-indent:0;list-style-type:none;display:flex;padding-left:3px}
menu[role=tablist]>li{border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:var(--border-tab);z-index:1}
menu[role=tablist]>li[aria-selected=true]{padding-bottom:2px;margin-top:-2px;background-color:var(--surface);position:relative;z-index:8;margin-left:-3px}
menu[role=tablist]>li>a{display:block;color:#222;margin:6px;text-decoration:none}
menu[role=tablist]>li[aria-selected=true]>a:focus{outline:none}
menu[role=tablist]>li>a:focus{outline:1px dotted #222}
menu[role=tablist].multirows>li{flex-grow:1;text-align:center}
.sunken-panel{box-sizing:border-box;border:2px groove transparent;border-image:none 2;overflow:auto;background-color:#fff}
table{border-collapse:collapse;position:relative;text-align:left;white-space:nowrap;background-color:#fff}
table>thead>tr>*{position:sticky;top:0;height:17px;box-shadow:var(--border-raised-outer),var(--border-raised-inner);background:var(--surface);box-sizing:border-box;font-weight:400;padding:0 var(--grouped-element-spacing)}
table.interactive>tbody>tr{cursor:pointer}
table>tbody>tr.highlighted{color:#fff;background-color:var(--dialog-blue)}
table>tbody>tr>*{padding:0 var(--grouped-element-spacing);height:14px}
.progress-indicator{height:32px;position:relative;box-shadow:var(--border-sunken-inner);padding:4px;border:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
.progress-indicator>.progress-indicator-bar{height:100%;display:block;background-color:var(--dialog-blue)}
.progress-indicator.segmented>.progress-indicator-bar{width:100%;background-color:transparent;background-image:linear-gradient(90deg,var(--dialog-blue) 0 16px,transparent 0 2px);background-repeat:repeat;background-size:18px 100%}
.field-border{background:var(--button-highlight);box-shadow:var(--border-field);padding:2px}
.field-border-disabled{background:var(--surface);box-shadow:var(--border-field);padding:2px}
.status-field-border{background:var(--surface);box-shadow:var(--border-status-field);padding:1px}
*{box-sizing:border-box;margin:0;padding:0}
body{background:teal;font-family:VT323,Courier New,monospace;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.terminal-wrapper{width:95%;max-width:900px;box-shadow:2px 2px #0003,4px 4px 8px #0000004d}
.terminal-header{background:linear-gradient(to bottom,#0a246a 0% 90%,#0a1f5e);padding:3px 5px;display:flex;align-items:center;justify-content:space-between;border-top-left-radius:8px;border-top-right-radius:8px;height:28px}
.terminal-title{display:flex;align-items:center;gap:6px;color:#fff;font-size:14px;font-family:Tahoma,Arial,sans-serif;font-weight:700;letter-spacing:0}
.terminal-title:before{content:"";width:16px;height:16px;background:linear-gradient(135deg,#000,#333,#666);border:1px solid #fff;display:inline-block}
.terminal-controls{display:flex;gap:2px}
.terminal-btn{width:16px;height:14px;border:none;cursor:pointer;font-family:Tahoma,sans-serif;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:inset -1px -1px #00000080,inset 1px 1px #ffffffb3}
.terminal-btn:active{box-shadow:inset 1px 1px #00000080,inset -1px -1px #ffffffb3}
.terminal-btn.minimize{background:silver;color:#000}
.terminal-btn.minimize:after{content:"_";margin-bottom:4px}
.terminal-btn.maximize{background:silver;color:#000}
.terminal-btn.maximize:after{content:"□";font-size:10px}
.terminal-btn.close{background:silver;color:#000}
.terminal-btn.close:after{content:"×";font-size:16px;line-height:10px}
.terminal-menu{background:silver;padding:2px;display:flex;gap:0;border-bottom:1px solid #808080;font-family:Tahoma,sans-serif;font-size:11px}
.menu-item{padding:3px 8px;cursor:pointer;color:#000}
.menu-item:hover{background:navy;color:#fff}
.terminal-toolbar{background:silver;padding:4px;display:flex;gap:2px;border-bottom:1px solid #808080;align-items:center}
.toolbar-group{display:flex;gap:2px;padding-right:4px;border-right:1px solid #808080}
.toolbar-group:last-child{border-right:none}
.toolbar-btn{width:24px;height:22px;background:silver;border:1px outset #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}
.toolbar-btn:active{border-style:inset}
.toolbar-select{font-family:Tahoma,sans-serif;font-size:11px;padding:2px;border:1px inset #fff}
.terminal{background:#000;color:silver;border:2px inset #808080;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;height:550px;padding:10px;overflow-y:auto;font-size:16px;line-height:1.2;position:relative}
.terminal::-webkit-scrollbar{width:16px}
.terminal::-webkit-scrollbar-track{background:silver;border-left:1px solid #808080}
.terminal::-webkit-scrollbar-thumb{background:silver;border:1px outset #fff}
.terminal::-webkit-scrollbar-thumb:active{border-style:inset}
.terminal::-webkit-scrollbar-button{height:16px;background:silver;border:1px outset #fff}
.terminal::-webkit-scrollbar-button:active{border-style:inset}
.screen{font-family:VT323,Courier New,monospace;white-space:pre-wrap}
.screen p{margin:0;line-height:1.2}
.system,.user{color:silver}
.ai{color:silver;display:block;margin-top:4px}
.error{color:red}
.prompt{color:silver;display:inline}
.prompt:before{content:""}
.input-container,form{display:inline}
input{background:transparent;border:none;color:silver;font-family:VT323,Courier New,monospace;font-size:16px;outline:none;width:calc(100% - 100px);padding:0;caret-color:silver}
input::placeholder{color:gray}
.cursor{display:inline-block;width:8px;height:16px;background:silver;animation:blink 1s infinite;vertical-align:text-bottom}
.loading:after{content:"_";animation:blink .5s infinite}
@media (max-width: 768px){body{padding:10px}
.terminal{height:400px;font-size:14px}
input{font-size:14px}
.toolbar-group{display:none}
.terminal-menu{font-size:10px}
}
body{background:teal!important}
.msdos-terminal{font-family:Courier New,monospace!important;line-height:1.2}
.msdos-terminal pre{background:transparent!important;box-shadow:none!important;padding:0!important;margin:2px 0!important;font-family:Courier New,monospace!important;font-size:16px}
.msg-system{color:silver}
.msg-user{color:#0f0;font-weight:700}
.msg-ai{color:#0ff;padding-left:0}
.msg-error{color:red;font-weight:700}
.cursor-blink{animation:blink 1s infinite;color:silver}
@keyframes blink{0%,50%{opacity:1}
51%,to{opacity:0}
}
.loading-dots{animation:dots 1.5s infinite}
@keyframes dots{0%,20%{content:"."}
40%{content:".."}
60%,to{content:"..."}
}
.msdos-terminal::-webkit-scrollbar{width:16px}
.msdos-terminal::-webkit-scrollbar-track{background-image:none;background:silver}
.msdos-terminal::-webkit-scrollbar-thumb{background-color:gray}
.window{box-shadow:2px 2px 10px #0000004d!important;transition:all .3s ease}
menu[role=tablist]{background:silver;padding-left:3px}
menu[role=tablist]>li[aria-selected=true]{background-color:#fff}
menu[role=tablist] a{display:flex;align-items:center}
.status-bar{margin:0!important}
.status-bar-field{display:flex;align-items:center}
@keyframes minimize{0%{transform:scale(1);opacity:1}
to{transform:scale(.2);opacity:0}
}
@keyframes maximize{0%{transform:scale(.95)}
to{transform:scale(1)}
}
.title-bar-controls button{transition:filter .1s ease}
.title-bar-controls button:hover{filter:brightness(1.1)}
.title-bar-controls button:active{filter:brightness(.9)}
.title-bar-text{display:flex;align-items:center}
.title-bar-text img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}
.title-bar-controls button{position:relative;font-family:Marlett,Webdings,monospace;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.title-bar-controls button[aria-label=Minimize]:after{content:"";width:6px;height:2px;background:#000;position:absolute;bottom:4px}
.title-bar-controls button[aria-label=Maximize]:after{content:"";width:8px;height:8px;border:2px solid #000;border-top-width:3px;position:absolute;top:2px;box-sizing:border-box}
.title-bar-controls button[aria-label=Close]:after{content:"×";font-family:Arial,sans-serif;font-size:16px;line-height:1;font-weight:700;color:#000}
.desktop-icons{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:20px;z-index:10}
.desktop-icon{display:flex;flex-direction:column;align-items:center;width:80px;padding:5px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center}
.desktop-icon img{width:32px;height:32px;margin-bottom:5px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}
.desktop-icon span{color:#fff;font-size:11px;font-family:Tahoma,sans-serif;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);word-wrap:break-word;max-width:100%}
.desktop-icon:hover{background:#0000804d;border:1px dotted rgba(255,255,255,.5)}
.desktop-icon:active{background:#00008080}
.explorer-window{background:silver}
.explorer-window .window-body{background:#fff}
menu[role=menubar]{background:silver;display:flex;padding:2px;margin:0;border-bottom:1px solid #808080;list-style:none}
menu[role=menubar] li{padding:4px 8px;font-family:Tahoma,sans-serif;font-size:11px;cursor:pointer}
.explorer-toolbar{background:silver;padding:4px;border-bottom:1px solid #808080;display:flex;gap:2px}
.explorer-toolbar button{padding:2px 4px;border:1px outset #fff;background:silver;cursor:pointer}
.explorer-toolbar button:active{border-style:inset}
.drive-icon{display:flex;flex-direction:column;align-items:center;padding:10px;cursor:pointer;border:1px solid transparent}
.drive-icon:hover{background:#0000801a;border:1px dotted #000080}
.drive-icon img{width:32px;height:32px;margin-bottom:5px}
.explorador-window{box-shadow:2px 2px 10px #0000004d;z-index:100;position:absolute}
.explorador-toolbar{background:silver;padding:4px;display:flex;gap:2px;border-bottom:1px solid #808080;align-items:center}
.explorador-toolbar button{width:24px;height:22px;background:silver;border:1px outset #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}
.explorador-toolbar button:active{border-style:inset}
.explorador-toolbar button:disabled{opacity:.5;cursor:not-allowed}
.explorador-toolbar button.active{border-style:inset;background:#ddd}
.toolbar-separator{width:1px;height:20px;background:gray;margin:0 4px}
.explorador-address-bar{background:silver;padding:4px 6px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #808080}
.explorador-address-bar label{font-family:Tahoma,sans-serif;font-size:11px;color:#000}
.explorador-address-input{flex:1;padding:2px 4px;border:1px inset #fff;background:#fff;font-family:Tahoma,sans-serif;font-size:11px}
.explorador-body{background:#fff;padding:0;margin:0;overflow:auto;flex:1}
.explorador-icons-view{display:grid;grid-template-columns:repeat(auto-fill,80px);gap:16px;padding:16px}
.explorador-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:4px;border:1px solid transparent;-webkit-user-select:none;user-select:none}
.explorador-item:hover{background:#0000801a}
.explorador-item.selected{background:navy;color:#fff;border:1px dotted #fff}
.explorador-item img{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}
.explorador-item-name{text-align:center;font-size:11px;word-wrap:break-word;max-width:70px;color:#000}
.explorador-list-view{padding:8px}
.explorador-list-item{display:flex;align-items:center;padding:2px 4px;cursor:pointer;font-size:11px;border:1px solid transparent}
.explorador-list-item:hover{background:#0000801a}
.explorador-list-item.selected{background:navy;color:#fff}
.explorador-list-item img{image-rendering:pixelated}
.explorador-details-view{padding:0;overflow:auto}
.explorador-table{width:100%;border-collapse:collapse;font-size:11px;font-family:Tahoma,sans-serif}
.explorador-table thead{background:silver;border-bottom:2px solid #808080}
.explorador-table th{text-align:left;padding:4px 8px;border-right:1px solid #808080;font-weight:700;cursor:pointer}
.explorador-table th:last-child{border-right:none}
.explorador-table tbody tr{cursor:pointer;border-bottom:1px solid #e0e0e0}
.explorador-table tbody tr:hover{background:#0000801a}
.explorador-table tbody tr.selected{background:navy;color:#fff}
.explorador-table td{padding:2px 8px}
.explorador-status{display:flex;justify-content:space-between}
.explorador-status .status-bar-field{flex:1}
menu[role=menubar]{background:silver;margin:0;padding:2px;display:flex;gap:0;border-bottom:1px solid #808080;font-family:Tahoma,sans-serif;font-size:11px}
menu[role=menubar] li{list-style:none;padding:3px 8px;cursor:pointer}
menu[role=menubar] li:hover{background:navy;color:#fff}
@media (max-width: 768px){.explorador-icons-view{grid-template-columns:repeat(auto-fill,60px);gap:12px}
.explorador-item-name{font-size:10px;max-width:55px}
}
:root{--button-face: #00ffe7;--button-highlight: #c6fff7;--button-shadow: #006f6b;--window-frame: #0a0a0a;--window-text: #00ffe7}
body{background-color:#004040;font-family:"MS Sans Serif",Tahoma,sans-serif}
.taskbar{position:fixed;bottom:0;left:0;right:0;height:36px;background-color:silver;border-top:2px solid #ffffff;border-bottom:2px solid #808080;display:flex;align-items:center;justify-content:space-between;padding:2px 6px;font-family:"MS Sans Serif",Tahoma,sans-serif;z-index:1000}
.start-button{background-color:silver;border:2px outset #fff;font-size:12px;display:flex;align-items:center;gap:4px;padding:2px 6px;cursor:pointer}
.start-button:active{border:2px inset #808080;background-color:#b0b0b0}
.taskbar-items{flex:1;margin-left:8px;display:flex;align-items:center;gap:8px}
.task{background-color:silver;border:2px outset #fff;padding:2px 6px;font-size:12px;cursor:pointer}
.taskbar-clock{font-size:11px;padding:3px 6px;border:2px inset #808080;background-color:silver;min-height:24px;display:flex;align-items:center}
.start-menu{position:fixed;bottom:36px;left:2px;width:220px;background-color:silver;border-top:2px solid #ffffff;border-left:2px solid #ffffff;border-bottom:2px solid #808080;border-right:2px solid #808080;display:flex;z-index:1001;box-shadow:2px 2px 5px #0000004d}
.start-menu-left{background-color:navy;color:#fff;width:30px;display:flex;align-items:flex-end;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;font-family:"MS Sans Serif",Tahoma,sans-serif;font-size:12px;letter-spacing:1px;padding:4px 0}
.start-menu-right{flex:1;padding:4px 6px}
.start-menu-right ul{list-style:none;padding:0;margin:0}
.start-menu-right li{display:flex;align-items:center;gap:6px;font-size:12px;padding:3px 5px;cursor:pointer}
.start-menu-right li:hover{background-color:navy;color:#fff}
.start-menu-right hr{border:0;border-top:1px solid #808080;border-bottom:1px solid #ffffff;margin:4px 0}
.menu-lateral{flex:1;padding:4px 6px;display:flex;flex-direction:column;gap:2px}
.menu-lateral .icono-menu{display:flex;align-items:center;gap:8px;padding:4px 6px;text-decoration:none;color:#000;font-family:"MS Sans Serif",Tahoma,sans-serif;font-size:12px;cursor:pointer;border-radius:0}
.menu-lateral .icono-menu:hover{background-color:navy;color:#fff}
.menu-lateral .icono-menu:hover .tooltip-text{color:#fff}
.menu-lateral .tooltip-text{flex:1}
.menu-lateral hr{border:0;border-top:1px solid #808080;border-bottom:1px solid #ffffff;margin:4px 0;width:100%}
.terminal-window .window-body{padding:8px}
.terminal-screen{background:#000;color:#6f6;font-family:Courier New,Lucida Console,monospace;height:300px;overflow-y:auto;padding:12px;border:2px inset #333;box-sizing:border-box;white-space:pre-wrap}
.term-line{line-height:1.35;font-size:13px}
.term-text{color:#6f6}
.term-cursor{color:#6f6;margin-left:2px;font-weight:700}
.term-prompt{margin-top:10px}
.term-action{background:silver;border:2px outset #fff;padding:4px 8px;font-family:"MS Sans Serif",Tahoma,sans-serif;cursor:pointer}
.pr-btn{background:silver;border:2px outset #fff;padding:4px 6px;font-size:12px;cursor:pointer}
.pr-btn:active,.term-action:active{border:2px inset #808080}
html,body,#root{width:100%;height:100%;background:teal;overflow:hidden}
.App{width:100vw;height:100vh;position:relative}
.app-container{position:relative;width:100%;height:100vh;background:var(--bg-dark);overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1}
.app-overlay{position:relative;z-index:10;text-align:center;color:var(--text-light)}
.app-overlay h1{font-size:2.5rem;margin-bottom:1rem}
.app-overlay p{font-size:1.2rem;opacity:.85}
.app-overlay .btn{display:inline-block;margin-top:2rem;padding:.8rem 1.5rem;background:var(--primary-color);color:#000;font-weight:700;border-radius:6px;transition:all .3s ease;cursor:pointer}
.app-overlay .btn:hover{background:var(--secondary-color);transform:scale(1.05)}
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:#008689;color:#f5f5f5;line-height:1.6}
:root{--primary-color: #00e5ff;--secondary-color: #00c853;--bg-dark: #0a0a0a;--text-light: #f5f5f5}
#win98-react-root{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}
main.site-main{position:relative;z-index:10;padding:4rem 2rem}
.hero{text-align:center;padding:6rem 2rem;color:var(--text-light)}
.hero h1{font-size:3rem;margin-bottom:1rem}
.hero p{font-size:1.2rem;opacity:.85}
:root{--jd-cyan: #00ffff;--jd-dark: #001010;--jd-beige: #F5F5DC;--jd-dark-alt: rgba(0, 20, 20, .9);--jd-cyan-alpha: rgba(0, 255, 255, .5);--jd-padding-mobile: 8px;--jd-padding-tablet: 15px;--jd-padding-desktop: 25px;--jd-transition-fast: .15s ease-in-out;--jd-transition-normal: .25s ease-in-out;--jd-transition-slow: .4s ease-in-out}
html{overflow-x:hidden!important;overflow-y:auto!important;min-height:100vh!important}
body{overflow-x:hidden!important;overflow-y:auto!important;max-width:100vw!important;min-height:100vh!important;position:relative!important}
body.win98-active{padding-bottom:clamp(32px,6vh,36px)!important}
.jd-win98-wrapper{width:100%!important;max-width:100vw!important;min-width:100%!important;margin:0 auto!important;padding:0!important;overflow-x:hidden!important;overflow-y:visible!important;box-sizing:border-box!important;position:relative!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;contain:layout style paint!important}
.jd-win98-root{margin:0!important;transform-origin:top center!important;position:relative!important;display:block!important;box-sizing:border-box!important;max-width:none!important;overflow:hidden!important;transition:transform var(--jd-transition-normal)!important;will-change:transform,opacity!important;backface-visibility:hidden!important;transform-style:preserve-3d!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}
.jd-win98-root *{margin:0;padding:0;box-sizing:border-box}
.jd-win98-root,.jd-win98-root *{box-sizing:border-box!important}
.jd-win98-root>*{max-width:100%!important}
@media (max-width: 375px){body{overflow-x:hidden!important;max-width:100vw!important}
.jd-win98-wrapper{padding:var(--jd-padding-mobile) 2px!important}
}
@media (min-width: 376px) and (max-width: 480px){.jd-win98-wrapper{padding:var(--jd-padding-mobile) 3px!important}
}
@media (min-width: 481px) and (max-width: 640px){.jd-win98-wrapper{padding:var(--jd-padding-mobile) 5px!important}
}
@media (min-width: 641px) and (max-width: 768px){.jd-win98-wrapper{padding:var(--jd-padding-tablet) 10px!important}
}
@media (min-width: 769px) and (max-width: 1024px){.jd-win98-wrapper{padding:20px var(--jd-padding-tablet)!important}
}
@media (min-width: 1025px) and (max-width: 1280px){.jd-win98-wrapper{padding:20px!important}
}
@media (min-width: 1281px) and (max-width: 1920px){.jd-win98-wrapper{padding:30px var(--jd-padding-desktop)!important}
}
@media (min-width: 1921px){.jd-win98-wrapper{padding:40px 30px!important;max-width:2400px!important}
}
.jd-win98-root:empty:before{content:"💾 Iniciando experiencia JDorion...";display:block;text-align:center;padding:60px 20px;color:var(--jd-cyan);font-size:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;animation:jd-blink 1.2s infinite alternate}
@keyframes jd-blink{0%{opacity:1}
to{opacity:.4}
}
.jd-win98-noscript{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:30px;text-align:center;margin:20px auto;max-width:600px}
.jd-win98-noscript p{margin:10px 0;color:#856404;font-size:16px}
@media (hover: none) and (pointer: coarse){.jd-win98-wrapper{-webkit-overflow-scrolling:touch!important}
.jd-win98-root{-webkit-tap-highlight-color:transparent!important}
}
@media (max-width: 768px) and (orientation: landscape){.jd-win98-wrapper{padding:5px 2px!important}
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait){.jd-win98-wrapper{padding:20px 10px!important}
}
@media (orientation: landscape) and (max-height: 480px){.jd-win98-root{transform:scale(.75)!important}
}
@media (max-width: 600px) and (max-height: 400px){.jd-win98-wrapper{padding:0!important;scale:.8}
}
.entry-content .jd-win98-wrapper,.wp-block-group .jd-win98-wrapper,.wp-block-column .jd-win98-wrapper{max-width:none!important;padding:0!important;margin:0 auto!important}
.ast-container,.site-content .ast-container{overflow:visible!important}
@supports (-webkit-touch-callout: none){.jd-win98-root{transform-origin:top center!important;-webkit-transform-origin:top center!important}
.jd-win98-wrapper{-webkit-overflow-scrolling:touch!important}
}
@media (prefers-reduced-motion: reduce){.jd-win98-root{transition:none!important;animation:none!important}
.jd-win98-root:empty:before{animation:none!important}
}
@media (prefers-color-scheme: dark){.jd-win98-noscript{background:var(--jd-dark-alt);border-color:var(--jd-cyan-alpha);color:var(--jd-beige)}
.jd-win98-noscript p{color:var(--jd-beige)}
.jd-win98-root:empty:before{color:#aff}
}
@media (forced-colors: active){.jd-win98-noscript{border-color:ButtonText;background:Canvas;color:ButtonText}
.jd-win98-noscript p{color:ButtonText}
}
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.jd-win98-root{image-rendering:-webkit-optimize-contrast;text-rendering:geometricPrecision}
}
@media (min-width: 2560px){.jd-win98-wrapper{max-width:2600px!important;margin:0 auto}
}
body.debug-win98 .jd-win98-wrapper{outline:1px dashed var(--jd-cyan-alpha)!important;position:relative}
body.debug-win98 .jd-win98-wrapper:before{content:"📦 WRAPPER";position:absolute;top:-20px;left:0;background:var(--jd-dark);color:var(--jd-cyan);padding:2px 8px;font-size:10px;font-family:monospace;z-index:10000}
body.debug-win98 .jd-win98-root{outline:1px solid rgba(255,255,0,.5)!important;position:relative}
body.debug-win98 .jd-win98-root:before{content:"⚛️ ROOT (React)";position:absolute;top:-20px;left:0;background:#ffff00e6;color:#000;padding:2px 8px;font-size:10px;font-family:monospace;z-index:10001}
body.win98-active,body.win98-active html,body.win98-active #root,body.win98-active .jd-win98-root,body.win98-active #win98-react-root{width:100%!important;max-width:100vw!important;min-height:100vh!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;position:relative!important}
body.win98-active .jd-win98-root[style*="transform: scale"]{transform:none!important}
body.win98-active .taskbar{height:clamp(28px,5vh,32px)!important;min-height:28px!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;z-index:999999!important;box-sizing:border-box!important}
body.win98-active .taskbar button,body.win98-active .taskbar-button{min-height:24px!important;min-width:24px!important;font-size:clamp(8px,1.5vw,10px)!important;padding:clamp(2px,.5vw,4px)!important}
body.win98-active .start-menu{width:min(220px,90vw)!important;max-height:80vh!important;overflow-y:auto!important;box-sizing:border-box!important;bottom:clamp(28px,5vh,32px)!important}
body.win98-active .terminal-screen{height:min(300px,50vh)!important;min-height:150px!important;overflow-y:auto!important;font-size:clamp(11px,2vw,14px)!important;line-height:1.5!important}
body.win98-active .app-container,body.win98-active .App{width:100%!important;max-width:100vw!important;min-height:100vh!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important}
body.win98-active .window,body.win98-active .window *{max-width:95vw!important;left:auto!important;right:auto!important}
@media (max-width: 420px){body.win98-active .jd-win98-wrapper{padding:var(--jd-padding-mobile) 6px!important;align-items:flex-start!important}
}
@media (hover: none) and (pointer: coarse){body.win98-active .jd-win98-root{-webkit-overflow-scrolling:touch!important}
body.win98-active .taskbar{padding:4px 6px!important}
}
.desktop-icon img,.desktop-icon__img{image-rendering:pixelated!important;image-rendering:-moz-crisp-edges!important;image-rendering:crisp-edges!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.title-bar img,.window-body img,.explorador-item img,.drive-icon img{image-rendering:pixelated!important;image-rendering:-moz-crisp-edges!important;image-rendering:crisp-edges!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.title-bar img,menu img,button img,.toolbar-icon,.file-icon{width:clamp(8px,1.8vw,10px)!important;height:clamp(8px,1.8vw,10px)!important}
.desktop-icon img,.drive-icon img,.drive-icon-img,.explorador-item-icon{width:clamp(16px,3.5vw,24px)!important;height:clamp(16px,3.5vw,24px)!important}
.window-body img[style*="64px"],.explorador-item img[style*="64px"],.window-large-icon{width:clamp(24px,5vw,32px)!important;height:clamp(24px,5vw,32px)!important}
@media (max-width: 480px){.desktop-icon img{width:clamp(14px,4vw,18px)!important;height:clamp(14px,4vw,18px)!important}
.title-bar img{width:8px!important;height:8px!important}
.desktop-icons{gap:clamp(10px,3vw,15px)!important}
}
@media (min-width: 481px) and (max-width: 768px){.desktop-icon img{width:clamp(18px,4vw,22px)!important;height:clamp(18px,4vw,22px)!important}
}
@media (min-width: 769px){.desktop-icon img{width:clamp(20px,3vw,24px)!important;height:clamp(20px,3vw,24px)!important}
}
.desktop-icon span,.desktop-icon__label{font-size:clamp(8px,1.5vw,10px)!important;max-width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important}