@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700;800&display=swap";:root{--bg-color:teal;--bg-pattern:radial-gradient(gray 1px, transparent 0);--text-color:#000;--panel-bg:silver;--panel-header-bg:#0000a8;--panel-header-text:#fff;--border-color:#000;--shadow-color:#000;--btn-bg:silver;--btn-primary-bg:#fff;--input-bg:#fff;--accent-bg:#000;--accent-text:#fff;--border-width:3px;--border-style:solid;--shadow-size:6px;--shadow-hover:2px;--font-mono:"JetBrains Mono", monospace}[data-theme=unix]{--bg-color:#050505;--bg-pattern:none;--text-color:#3f3;--panel-bg:#000;--panel-header-bg:#000;--panel-header-text:#3f3;--border-color:#3f3;--shadow-color:transparent;--btn-bg:#000;--btn-primary-bg:#020;--input-bg:#000;--accent-bg:#3f3;--accent-text:#000;--border-width:1px;--border-style:dashed;--shadow-size:0px;--shadow-hover:0px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;background-image:var(--bg-pattern);background-size:20px 20px;line-height:1.6;transition:background-color .3s,color .3s}a{color:inherit;font-weight:600;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{text-transform:uppercase;font-weight:800;line-height:1.1}.container{width:100%;max-width:1000px;margin:0 auto;padding:0 24px}.window-panel{background-color:var(--panel-bg);border:var(--border-width) var(--border-style) var(--border-color);box-shadow:var(--shadow-size) var(--shadow-size) 0px var(--shadow-color);margin-bottom:40px;transition:all .3s}.window-header{background-color:var(--panel-header-bg);color:var(--panel-header-text);border-bottom:var(--border-width) var(--border-style) var(--border-color);justify-content:space-between;align-items:center;padding:6px 12px;font-weight:700;transition:all .3s;display:flex}.window-controls{gap:6px;display:flex}.window-btn{background:var(--panel-bg);border:2px solid var(--border-color);width:16px;height:16px;display:inline-block}[data-theme=unix] .window-btn{border:1px solid var(--border-color);background:0 0}.window-content{padding:32px}.btn{font-family:var(--font-mono);text-transform:uppercase;background-color:var(--btn-bg);color:var(--text-color);border:var(--border-width) var(--border-style) var(--border-color);box-shadow:var(--shadow-size) var(--shadow-size) 0px var(--shadow-color);cursor:pointer;justify-content:center;align-items:center;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .1s;display:inline-flex}.btn-primary{background-color:var(--btn-primary-bg)}.btn:hover{transform:translate(calc(var(--shadow-size) - var(--shadow-hover)), calc(var(--shadow-size) - var(--shadow-hover)));box-shadow:var(--shadow-hover) var(--shadow-hover) 0px var(--shadow-color)}[data-theme=unix] .btn:hover{background-color:var(--text-color);color:var(--bg-color);transform:none}.input{background:var(--input-bg);border:var(--border-width) var(--border-style) var(--border-color);width:100%;color:var(--text-color);font-family:var(--font-mono);outline:none;padding:12px 16px;font-size:1rem;font-weight:600}[data-theme=unix] .input{border:1px solid var(--border-color)}[data-theme=unix] .input:focus{background:#010}.highlight-box{background:var(--input-bg);border:var(--border-width) var(--border-style) var(--border-color)}[data-theme=unix] .highlight-box{color:var(--text-color);background:0 0}.accent-box{background:var(--accent-bg);color:var(--accent-text)}@keyframes popIn{0%{opacity:0;transform:scale(.98)translateY(10px);box-shadow:0 0 #0000}to{opacity:1;box-shadow:var(--shadow-size) var(--shadow-size) 0px var(--shadow-color);transform:scale(1)translateY(0)}}.animate-pop-in{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn}.delay-1{opacity:0;animation-delay:.1s}.delay-2{opacity:0;animation-delay:.2s}