*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a12;--bg-surface:#141423d9;--bg-card:#19192de6;--border:#ffffff14;--border-light:#ffffff24;--text:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#5a5a70;--purple:#a855f7;--purple-light:#c084fc;--purple-dim:#a855f71f;--purple-glow:#a855f74d;--green:#34d399;--red:#f87171;--yellow:#fbbf24;--radius:14px;--radius-sm:10px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.boot-screen{z-index:9999;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.boot-fade{opacity:0;pointer-events:none}.boot-logo{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:scale(.8)}.boot-logo-visible{opacity:1;transform:scale(1)}.boot-logo-img{filter:brightness(1.2);border-radius:20px;width:80px;height:80px}.boot-power{flex-direction:column;align-items:center;gap:20px;animation:.8s bootPowerIn;display:flex}@keyframes bootPowerIn{0%{opacity:0}to{opacity:1}}.boot-power-btn{cursor:pointer;color:#a855f780;border:2px solid #a855f74d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;animation:2s ease-in-out infinite powerPulse;display:flex}@keyframes powerPulse{0%,to{border-color:#a855f74d;box-shadow:0 0 20px #a855f71a}50%{border-color:#a855f780;box-shadow:0 0 40px #a855f733}}.boot-power-btn:hover{border-color:var(--purple);color:var(--purple);transform:scale(1.05);box-shadow:0 0 50px #a855f74d}.power-icon{width:36px;height:36px}.boot-power-text{color:#fff3;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-family:var(--font)}.boot-progress-wrap{width:180px;margin-top:32px;animation:.3s bootProgressIn}@keyframes bootProgressIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.boot-progress-bar{background:#ffffff1a;border-radius:4px;height:4px;overflow:hidden}.boot-progress-fill{background:linear-gradient(90deg,var(--purple),var(--purple-light));border-radius:4px;height:100%;animation:1.6s cubic-bezier(.4,0,.2,1) forwards bootFill}@keyframes bootFill{0%{width:0%}to{width:100%}}.particles-canvas{z-index:0;pointer-events:none;opacity:.6;position:fixed;inset:0}.desktop{opacity:0;flex-direction:column;min-height:100vh;transition:opacity .8s;display:flex;position:relative}.desktop.mounted{opacity:1}.wallpaper{z-index:0;background:radial-gradient(at 30% 20%,#a855f71f 0%,#0000 50%),radial-gradient(at 70% 80%,#6366f114 0%,#0000 50%),linear-gradient(#0a0a12 0%,#0f0f1e 50%,#0a0a12 100%);position:fixed;inset:0}.menubar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#0f0f19d9;justify-content:space-between;align-items:center;height:32px;padding:0 16px;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}.menubar-left,.menubar-right{align-items:center;gap:16px;display:flex}.menubar-logo{color:var(--purple);cursor:pointer;letter-spacing:-.5px;font-weight:800}.menubar-item{color:var(--text-secondary);font-size:12px;font-weight:500}.menubar-search{border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-family:var(--font);cursor:pointer;background:#ffffff0f;border-radius:6px;padding:2px 10px;transition:all .2s}.menubar-search:hover{color:var(--text-secondary);background:#ffffff1a}.spotlight-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#00000080;justify-content:center;padding-top:15vh;animation:.15s spotlightOverlayIn;display:flex;position:fixed;inset:0}@keyframes spotlightOverlayIn{0%{opacity:0}to{opacity:1}}.spotlight-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-light);background:#141423f2;border-radius:16px;width:100%;max-width:480px;height:fit-content;animation:.2s cubic-bezier(.16,1,.3,1) spotlightIn;overflow:hidden;box-shadow:0 20px 60px #0009}@keyframes spotlightIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.spotlight-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.spotlight-icon{opacity:.5;font-size:18px}.spotlight-input{color:var(--text);font-size:16px;font-family:var(--font);background:0 0;border:none;outline:none;flex:1}.spotlight-input::placeholder{color:var(--text-muted)}.spotlight-kbd{border:1px solid var(--border);color:var(--text-muted);font-size:10px;font-family:var(--font);background:#ffffff0f;border-radius:4px;padding:2px 6px}.spotlight-results{max-height:300px;padding:6px;overflow-y:auto}.spotlight-result{width:100%;color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.spotlight-result:hover{background:#a855f71f}.spotlight-result-icon{text-align:center;width:36px;font-size:22px}.spotlight-result-text{flex:1}.spotlight-result-label{font-size:14px;font-weight:600;display:block}.spotlight-result-sub{color:var(--text-muted);margin-top:1px;font-size:11px;display:block}.terminal-bar{z-index:1;border:1px solid var(--border);background:#0a0a12e6;border-radius:8px;align-items:center;gap:0;width:calc(100% - 40px);max-width:520px;margin:52px auto 0;padding:10px 16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;display:flex;position:relative}.terminal-user{color:var(--green);font-weight:600}.terminal-sep{color:var(--text-muted)}.terminal-host{color:var(--purple-light);font-weight:600}.terminal-colon{color:var(--text-muted)}.terminal-path{color:var(--purple);margin:0 4px}.terminal-dollar{color:var(--text-muted);margin-right:8px}.terminal-text{color:var(--text)}.terminal-cursor{background:var(--purple);width:8px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.visualizer-wrap{z-index:1;opacity:.5;width:calc(100% - 40px);max-width:520px;height:40px;margin:0 auto;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 20% 80%,#0000 100%)}.audio-visualizer{width:100%;height:40px;display:block}.profile-section{z-index:1;justify-content:space-between;align-items:center;gap:24px;width:calc(100% - 40px);max-width:520px;margin:8px auto 20px;display:flex;position:relative}.profile-text{flex:1}.profile-prefix{color:var(--text-muted);margin-bottom:4px;font-family:SF Mono,Fira Code,monospace;font-size:13px}.profile-name{letter-spacing:-2px;background:linear-gradient(135deg,#fff 30%,var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:42px;font-weight:900;line-height:1}.profile-tagline{color:var(--text-secondary);font-size:14px;font-weight:400}.profile-avatar-wrap{background:linear-gradient(135deg,var(--purple),#6366f1,#ec4899);border-radius:50%;flex-shrink:0;width:100px;height:100px;padding:3px;animation:3s ease-in-out infinite ringPulse}@keyframes ringPulse{0%,to{box-shadow:0 0 20px var(--purple-glow)}50%{box-shadow:0 0 40px var(--purple-glow),0 0 60px #a855f71a}}.profile-avatar{object-fit:cover;background:var(--bg);border:3px solid var(--bg);border-radius:50%;width:100%;height:100%}.desktop-folders{z-index:1;flex:1;width:calc(100% - 40px);max-width:520px;margin:0 auto;position:relative}.folder-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:10px 0;display:grid}.inside-finder{padding:0}.folder-item{cursor:pointer;color:var(--text);font-family:var(--font);border-radius:var(--radius);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .2s;display:flex}.folder-item:hover{background:#a855f714;transform:translateY(-4px)}.folder-item:active{transform:scale(.95)}.folder-stagger{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards folderIn;transform:translateY(20px)}.folder-stagger-0{animation-delay:.1s}.folder-stagger-1{animation-delay:.2s}.folder-stagger-2{animation-delay:.3s}.folder-stagger-3{animation-delay:.4s}@keyframes folderIn{to{opacity:1;transform:translateY(0)}}.folder-icon-wrap{justify-content:center;align-items:center;width:64px;height:52px;display:flex;position:relative}.folder-svg{filter:drop-shadow(0 4px 8px #a855f740);width:100%;height:100%;transition:filter .2s}.folder-item:hover .folder-svg{filter:drop-shadow(0 6px 16px #a855f766)}.folder-emoji{font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.folder-label{color:var(--text-secondary);text-align:center;font-size:11px;font-weight:500}.app-icon-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.app-icon-wrap .folder-emoji{font-size:28px;position:static;transform:none}.app-item .folder-label{margin-top:2px}.window-section{z-index:1;flex:1;width:calc(100% - 40px);max-width:520px;margin:0 auto;position:relative}.finder-window{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 60px #00000080}.animate-genie{transform-origin:bottom;animation:.4s cubic-bezier(.16,1,.3,1) genieOpen}@keyframes genieOpen{0%{opacity:0;transform:scaleX(.3)scaleY(.1)translateY(40px)}40%{opacity:1;transform:scaleX(1.02)scaleY(.8)translateY(10px)}70%{transform:scaleX(.99)scaleY(1.02)translateY(-2px)}to{transform:scaleX(1)scaleY(1)translateY(0)}}.finder-titlebar{border-bottom:1px solid var(--border);background:#1e1e32cc;align-items:center;gap:10px;height:40px;padding:0 14px;display:flex}.finder-dots{flex-shrink:0;gap:7px;display:flex}.dot{cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .15s}.dot:hover{filter:brightness(1.3);transform:scale(1.15)}.dot.red{background:var(--red)}.dot.yellow{background:var(--yellow)}.dot.green{background:var(--green)}.finder-nav-btn{color:var(--text-secondary);cursor:pointer;font-size:20px;line-height:1;font-family:var(--font);background:0 0;border:none;padding:0 4px;transition:all .15s}.finder-nav-btn:hover{color:var(--text);transform:translate(-2px)}.finder-title{color:var(--text-secondary);text-align:center;flex:1;margin-right:30px;font-size:13px;font-weight:600}.finder-content{padding:20px}.app-store-header{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.app-store-icon{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:36px;display:flex}.app-store-info{flex:1}.app-store-name{letter-spacing:-.5px;margin-bottom:2px;font-size:22px;font-weight:800}.app-store-category{color:var(--text-muted);margin-bottom:12px;font-size:13px}.app-store-btn{background:linear-gradient(135deg,var(--purple),#6366f1);color:#fff;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);border:none;border-radius:20px;padding:8px 22px;text-decoration:none;transition:all .2s;display:inline-block}.app-store-btn:hover{box-shadow:0 4px 20px var(--purple-glow);transform:translateY(-1px)}.app-store-btn:active{transform:scale(.97)}.app-store-btn.secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text)}.app-store-btn.secondary:hover{box-shadow:none;background:#28283ce6}.app-store-stats{background:var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:24px;display:grid;overflow:hidden}.app-store-stat{background:var(--bg-card);flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.stat-value{color:var(--text);font-size:18px;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:10px;font-weight:600}.app-store-section{margin-bottom:20px}.app-store-section h3{margin-bottom:12px;font-size:16px;font-weight:700}.app-store-features{flex-direction:column;gap:8px;list-style:none;display:flex}.app-store-features li{color:var(--text-secondary);border-bottom:1px solid var(--border);padding:6px 0;font-size:14px}.app-store-features li:last-child{border-bottom:none}.latest-release{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:20px}.release-label{color:var(--purple);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-size:10px;font-weight:700}.yt-embed{aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;margin-bottom:10px;overflow:hidden}.release-title{font-size:16px;font-weight:700}.release-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.beats-view h2{margin-bottom:6px;font-size:20px;font-weight:800}.beats-desc{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.beat-player{border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:16px;overflow:hidden}.beats-cta{gap:10px;display:flex}.beats-cta .app-store-btn{text-align:center;flex:1}.about-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.about-avatar{background:var(--bg);border:2px solid var(--purple);border-radius:50%;width:56px;height:56px}.about-header h2{font-size:20px;font-weight:800}.about-role{color:var(--text-muted);font-size:13px}.about-bio{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.about-section{margin-bottom:16px}.about-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700}.about-tags{flex-wrap:wrap;gap:6px;display:flex}.about-tag{color:var(--purple);background:var(--purple-dim);border:1px solid #a855f726;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600}.contact-view{text-align:center;padding:20px 0}.contact-view h2{margin-bottom:8px;font-size:20px;font-weight:800}.contact-view>p{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.contact-email{background:var(--purple-dim);color:var(--purple);border:1px solid #a855f733;border-radius:24px;margin-bottom:10px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.contact-email:hover{background:#a855f733;transform:scale(1.03)}.contact-note{color:var(--text-muted);margin:10px 0 16px;font-size:12px}.dock-wrapper{z-index:100;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);background:#141423bf;border-radius:20px;align-items:flex-end;gap:4px;padding:8px 12px;display:flex;box-shadow:0 8px 32px #0006}.dock-item{transform-origin:bottom;will-change:transform;justify-content:center;align-items:center;width:48px;height:48px;margin:0 4px;text-decoration:none;display:flex;position:relative}.dock-icon{pointer-events:none;border-radius:10px;width:42px;height:42px;transition:filter .15s}.dock-item:hover .dock-icon{filter:brightness(1.2)}.dock-bounce{animation:.6s cubic-bezier(.34,1.56,.64,1) both dockBounceIn}.dock-bounce-0{animation-delay:50ms}.dock-bounce-1{animation-delay:.12s}.dock-bounce-2{animation-delay:.19s}.dock-bounce-3{animation-delay:.26s}.dock-bounce-4{animation-delay:.33s}.dock-bounce-5{animation-delay:.4s}@keyframes dockBounceIn{0%{opacity:0;transform:translateY(60px)scale(.5)}60%{opacity:1;transform:translateY(-10px)scale(1.1)}80%{transform:translateY(4px)scale(.95)}to{transform:translateY(0)scale(1)}}.dock-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);white-space:nowrap;pointer-events:none;border:1px solid var(--border);background:#141423e6;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;animation:.15s tooltipIn;position:absolute;top:-32px;left:50%;transform:translate(-50%)}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.interactive-terminal{z-index:1;border:1px solid var(--border);cursor:text;background:#0a0a12f2;border-radius:8px;flex-direction:column;width:calc(100% - 40px);max-width:520px;max-height:140px;margin:52px auto 0;padding:10px 14px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px;display:flex;position:relative}.terminal-history{scrollbar-width:none;flex:1;overflow-y:auto}.terminal-history::-webkit-scrollbar{display:none}.term-line{color:var(--text);margin-bottom:2px}.term-prompt{color:var(--green);margin-right:6px;font-weight:600}.term-output{color:var(--text-secondary);white-space:pre;margin-bottom:4px;line-height:1.4}.term-input-row{background:0 0;border:none;align-items:center;display:flex}.term-input{color:var(--text);caret-color:var(--purple);background:0 0;border:none;outline:none;flex:1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.matrix-canvas{z-index:300;pointer-events:none;animation:4s forwards matrixFade;position:fixed;inset:0}@keyframes matrixFade{0%,70%{opacity:1}to{opacity:0}}.notification{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);z-index:150;cursor:pointer;background:#19192deb;border-radius:14px;width:300px;padding:14px 16px;transition:opacity .3s,transform .3s;animation:.4s cubic-bezier(.16,1,.3,1) notifIn;position:fixed;top:44px;right:16px;box-shadow:0 8px 32px #0006}.notification:hover{transform:translateY(-2px)}@keyframes notifIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.notif-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.notif-app{color:var(--purple);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.notif-time{color:var(--text-muted);font-size:10px}.notif-body strong{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700;display:block}.notif-body p{color:var(--text-secondary);margin:0;font-size:12px}.context-menu{z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);background:#19192df2;border-radius:10px;min-width:200px;padding:4px;animation:.15s ctxIn;position:fixed;box-shadow:0 12px 40px #00000080}@keyframes ctxIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctx-item{width:100%;color:var(--text);font-size:13px;font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.ctx-item:hover{background:#a855f726}.ctx-icon{text-align:center;width:20px;font-size:15px}.ctx-divider{background:var(--border);height:1px;margin:4px 8px}.about-os-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-light);text-align:center;background:#141423f2;border-radius:16px;width:280px;padding:30px;animation:.2s cubic-bezier(.16,1,.3,1) spotlightIn;box-shadow:0 20px 60px #0009}.about-os-logo{border-radius:16px;width:64px;height:64px;margin-bottom:12px}.about-os-modal h2{margin-bottom:4px;font-size:20px;font-weight:800}.about-os-version{color:var(--purple);font-size:12px;font-weight:600}.about-os-sub{color:var(--text-secondary);margin-top:8px;font-size:13px}.about-os-copy{color:var(--text-muted);margin-top:12px;font-size:10px}@media (max-width:560px){.profile-name{font-size:32px}.profile-avatar-wrap{width:80px;height:80px}.profile-section{margin:12px auto}.folder-grid{grid-template-columns:repeat(2,1fr);gap:8px}.terminal-bar{font-size:11px}.app-store-name{font-size:18px}.app-store-icon{border-radius:14px;width:56px;height:56px;font-size:28px}.dock{padding:6px 8px}.dock-item{width:40px;height:40px;margin:0 2px}.dock-icon{width:34px;height:34px}.stat-value{font-size:16px}.menubar{font-size:11px}.menubar-search{display:none}.spotlight-modal{margin:0 16px}}@media (max-width:380px){.profile-name{font-size:28px}.profile-section{text-align:center;flex-direction:column-reverse}}