@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white: #fff;--spacing: .25rem;--container-xs: 20rem;--font-weight-bold: 700;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.sticky{position:sticky}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.w-fit{width:fit-content}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-xs{max-width:var(--container-xs)}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.overflow-y-auto{overflow-y:auto}.bg-\[\#008080\]{background-color:teal}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-6{padding:calc(var(--spacing) * 6)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.whitespace-pre-wrap{white-space:pre-wrap}.italic{font-style:italic}.opacity-70{opacity:70%}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(width>=48rem){.md\:block{display:block}}@media(width>=48rem){.md\:hidden{display:none}}}:root{--win-face: #c0c0c0;--win-face-alt: #d4d0c8;--win-shadow: #808080;--win-dark-shadow: #404040;--win-light: #ffffff;--win-navy: #000080;--win-navy-light: #1084d0}html,body{height:100%}body{font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;font-size:11px;color:#000}.win95-desktop{width:100vw;height:100vh;background-color:teal;background-image:radial-gradient(circle at 20% 40%,rgba(0,100,100,.3) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,60,80,.3) 0%,transparent 50%);position:relative;overflow:hidden}.icon-grid{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px}.explorer-icon{display:flex;flex-direction:column;align-items:center;gap:4px;width:88px;padding:8px 4px;cursor:default;-webkit-user-select:none;user-select:none;color:#000;background:none;border:1px dotted transparent;text-decoration:none;text-align:center}.explorer-icon:hover{background:#0000801f;border:1px dotted var(--win-navy)}.explorer-icon.selected{background:var(--win-navy);color:#fff;border:1px dotted white}.explorer-icon .icon-img{font-size:30px;line-height:1}.explorer-icon .icon-label{font-size:11px;word-break:break-word}.explorer-icon:disabled,.explorer-icon.disabled{opacity:.5;cursor:default}.win95-window{background:var(--win-face);border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-dark-shadow);border-bottom:2px solid var(--win-dark-shadow);box-shadow:2px 2px #000;display:flex;flex-direction:column;overflow:hidden}.title-bar{background:linear-gradient(to right,var(--win-navy),var(--win-navy-light));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:3px 4px;-webkit-user-select:none;user-select:none;cursor:default;flex-shrink:0}.title-bar-text{font-weight:700;font-size:12px;display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-bar-buttons{display:flex;gap:2px;flex-shrink:0}.title-btn{width:16px;height:14px;background:var(--win-face);border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-dark-shadow);border-bottom:1px solid var(--win-dark-shadow);cursor:pointer;padding:0;position:relative;flex-shrink:0}.title-btn:active{border-top:1px solid var(--win-dark-shadow);border-left:1px solid var(--win-dark-shadow);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light)}.btn-min:after{content:"";position:absolute;bottom:3px;left:3px;right:3px;height:2px;background:#000}.btn-max:after{content:"";position:absolute;inset:3px;border:1px solid #000;border-top-width:2px}.btn-close:before,.btn-close:after{content:"";position:absolute;top:50%;left:50%;width:9px;height:1.5px;background:#000}.btn-close:before{transform:translate(-50%,-50%) rotate(45deg)}.btn-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.menu-bar{background:var(--win-face);padding:2px 4px;display:flex;gap:0;flex-shrink:0}.menu-bar span,.menu-bar button{padding:2px 8px;cursor:default;font-size:12px;background:none;border:none;font-family:inherit}.menu-bar span:hover,.menu-bar button:hover{background:var(--win-navy);color:#fff}.toolbar{background:var(--win-face);padding:3px 4px;display:flex;align-items:center;gap:4px;border-top:1px solid var(--win-shadow);border-bottom:1px solid var(--win-shadow);flex-wrap:wrap;flex-shrink:0}.toolbar-btn{padding:3px 8px;font-size:11px;background:var(--win-face);border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-dark-shadow);border-bottom:1px solid var(--win-dark-shadow);cursor:pointer;font-family:inherit;color:#000}.toolbar-btn:disabled{color:var(--win-shadow);cursor:default}.toolbar-btn:not(:disabled):hover{background:var(--win-face-alt)}.toolbar-btn:not(:disabled):active{border-top:1px solid var(--win-dark-shadow);border-left:1px solid var(--win-dark-shadow);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light)}.address-bar{display:flex;align-items:center;flex:1;gap:4px;min-width:0}.address-label{font-size:11px;white-space:nowrap}.address-input{flex:1;background:#fff;border-top:1px solid var(--win-shadow);border-left:1px solid var(--win-shadow);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);padding:2px 6px;font-size:12px;font-family:Courier New,monospace;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.go-btn{padding:2px 12px;font-size:11px;background:var(--win-face);border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-dark-shadow);border-bottom:1px solid var(--win-dark-shadow);cursor:pointer;font-family:inherit}.window-content{display:flex;flex:1;border-top:2px solid var(--win-shadow);min-height:0;overflow:hidden}.side-panel{width:160px;min-width:160px;background:var(--win-face);border-right:2px solid var(--win-shadow);display:flex;flex-direction:column;gap:0;overflow-y:auto}.side-section{border-bottom:1px solid var(--win-shadow);padding-bottom:4px}.side-header{background:var(--win-navy);color:#fff;padding:3px 8px;font-weight:700;font-size:11px;margin-bottom:2px}.side-item{padding:3px 12px;cursor:pointer;font-size:11px;background:none;border:none;width:100%;text-align:left;font-family:inherit;color:#000}.side-item:hover,.side-item.active{background:var(--win-navy);color:#fff}.detail-text{padding:6px 10px;font-size:11px;line-height:1.5}.main-pane{flex:1;background:#fff;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.floating-window{position:fixed;z-index:50}.content-card{border-top:2px solid var(--win-shadow);border-left:2px solid var(--win-shadow);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light)}.card-title-bar{background:var(--win-face);border-bottom:1px solid var(--win-shadow);padding:3px 8px;font-size:11px;font-weight:700}.card-body{padding:16px 20px}.win95-hr{border:none;border-top:1px solid var(--win-shadow);border-bottom:1px solid var(--win-light);margin:10px 0}.win95-btn{display:inline-block;padding:4px 16px;font-size:11px;font-family:inherit;background:var(--win-face);color:#000;text-decoration:none;border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-dark-shadow);border-bottom:2px solid var(--win-dark-shadow);cursor:pointer;white-space:nowrap}.win95-btn:hover:not(:disabled){background:var(--win-face-alt)}.win95-btn:active:not(:disabled),.win95-btn.pressed{border-top:2px solid var(--win-dark-shadow);border-left:2px solid var(--win-dark-shadow);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light)}.win95-btn:disabled{color:var(--win-shadow);cursor:default}.win95-sunken{border-top:1px solid var(--win-dark-shadow);border-left:1px solid var(--win-dark-shadow);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);background:#fff;box-shadow:inset 1px 1px 0 var(--win-shadow)}.win95-console{background:#000;color:#d0d0d0;font-family:Courier New,Courier,monospace;border-top:2px solid var(--win-shadow);border-left:2px solid var(--win-shadow);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light);overflow-y:auto}.taskbar{position:fixed;bottom:0;left:0;right:0;height:30px;background:var(--win-face);border-top:2px solid var(--win-light);display:flex;align-items:center;padding:2px 4px;gap:4px;z-index:100}.start-btn{padding:2px 8px;font-size:12px;font-weight:700;background:var(--win-face);border-top:2px solid var(--win-light);border-left:2px solid var(--win-light);border-right:2px solid var(--win-dark-shadow);border-bottom:2px solid var(--win-dark-shadow);cursor:pointer;display:flex;align-items:center;gap:4px;font-family:inherit;height:24px}.start-btn:active{border-top:2px solid var(--win-dark-shadow);border-left:2px solid var(--win-dark-shadow);border-right:2px solid var(--win-light);border-bottom:2px solid var(--win-light)}.start-icon{font-size:14px}.taskbar-divider{width:2px;height:20px;border-left:1px solid var(--win-shadow);border-right:1px solid var(--win-light)}.taskbar-items{flex:1;display:flex;gap:4px;min-width:0}.taskbar-item{padding:2px 12px;font-size:11px;background:var(--win-face);border-top:1px solid var(--win-shadow);border-left:1px solid var(--win-shadow);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);cursor:pointer;height:22px;font-family:inherit;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.taskbar-item.active{border-top:1px solid var(--win-dark-shadow);border-left:1px solid var(--win-dark-shadow);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);background:var(--win-face-alt)}.taskbar-tray{display:flex;align-items:center;gap:6px;border-top:1px solid var(--win-shadow);border-left:1px solid var(--win-shadow);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);padding:2px 8px;height:22px;font-size:12px;flex-shrink:0}.tray-time{font-size:11px;font-weight:700;min-width:38px;text-align:center}.status-bar{display:flex;align-items:stretch;gap:4px;padding:3px 4px;background:var(--win-face);border-top:1px solid var(--win-shadow);flex-shrink:0;flex-wrap:wrap}.status-bar-panel{border-top:1px solid var(--win-shadow);border-left:1px solid var(--win-shadow);border-right:1px solid var(--win-light);border-bottom:1px solid var(--win-light);padding:2px 8px;display:flex;align-items:center;gap:6px}.status-bar-panel.grow{flex:1}.win95-scroll::-webkit-scrollbar{width:16px;height:16px}.win95-scroll::-webkit-scrollbar-track{background:var(--win-face)}.win95-scroll::-webkit-scrollbar-thumb{background:var(--win-face);border-top:1px solid var(--win-light);border-left:1px solid var(--win-light);border-right:1px solid var(--win-dark-shadow);border-bottom:1px solid var(--win-dark-shadow)}@media(max-width:720px){.win95-window{width:calc(100vw - 8px)!important}.side-panel,.address-bar{display:none}}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}