:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--neon-blue: #00f3ff;--neon-pink: #ff0055;--neon-green: #00ff99;--bg-color: #030305}body{margin:0;padding:0;background-color:var(--bg-color);background-size:cover;background-position:center;background-attachment:fixed;overflow:hidden;width:100vw;height:100vh;height:100dvh;padding-top:max(0px,env(safe-area-inset-top));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}.os-window{position:absolute;top:100px;left:100px;width:500px;height:350px;background:#1a1b26;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,border-color .2s}.window-header{background:#24283b;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;cursor:grab;border-bottom:1px solid #1f2335}.window-body{padding:20px;color:#c0caf5;font-family:monospace;flex:1;overflow:auto}.win-btn{width:12px;height:12px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#00000080;padding:0}.win-btn svg{display:none}.win-btn:hover svg{display:block}.badge{font-size:.7rem;background:#24283b;color:#7aa2f7;padding:2px 8px;border-radius:4px;border:1px solid #414868}.cursor-blink{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.react-draggable{position:relative;touch-action:auto}.react-draggable-dragging{opacity:.95;z-index:2000!important}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px;-webkit-font-smoothing:antialiased}}.loader-container{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;color:var(--neon-blue);font-family:monospace;transition:opacity .8s ease}.ui-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center}.info-card{pointer-events:auto;background:#0c0c0fd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--neon-blue);padding:2.5rem;border-radius:16px;color:#eee;max-width:550px;width:85%;box-shadow:0 20px 50px #0009;opacity:0;transform:translateY(20px);animation:floatUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes floatUp{to{transform:translateY(0);opacity:1}}.info-card h2{margin:0 0 .5rem;font-family:monospace;color:var(--neon-blue);font-size:1.4rem;text-transform:uppercase;letter-spacing:1px}.info-card h3{margin:0 0 1.2rem;font-size:1rem;color:#888;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.info-card p{line-height:1.7;font-size:1.05rem;color:#d1d1d1;margin-bottom:1.5rem}.info-card strong{color:#fff;font-weight:600}.tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:.75rem;padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#aaa;font-family:monospace}.links{margin-top:2rem;display:flex;flex-wrap:wrap;gap:12px}.btn{text-decoration:none;padding:10px 20px;border-radius:6px;font-weight:600;font-size:.9rem;transition:all .2s;text-align:center;flex:1;white-space:nowrap}.btn.primary{background:var(--neon-blue);color:#000}.btn.primary:hover{background:#fff;box-shadow:0 0 20px var(--neon-blue)}.btn.outline{background:transparent;border:1px solid #555;color:#ccc}.btn.outline:hover{border-color:#fff;color:#fff;background:#ffffff0d}@media(max-width:768px){body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ui-wrapper{align-items:flex-end;padding-bottom:20px}.info-card{width:90%;padding:1.5rem;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.os-window{width:90%;height:60%;left:5%!important;top:10%!important}.window-header{padding:8px 12px;font-size:.95rem}.window-body{padding:12px;font-size:.9rem;-webkit-overflow-scrolling:touch}.win-btn{width:14px;height:14px;margin-left:6px}.file-tab{padding:10px 12px!important;font-size:.85rem;min-height:36px;display:flex;align-items:center}.info-card h2{font-size:1.1rem}.info-card h3{font-size:.9rem}.info-card p{font-size:.95rem;line-height:1.6}.btn{padding:12px 16px;font-size:.85rem;min-height:44px;display:flex;align-items:center;justify-content:center}.badge{font-size:.65rem;padding:2px 6px}.tag{font-size:.7rem;padding:5px 8px}}