*{box-sizing:border-box;margin:0;padding:0;font-family:JetBrains Mono,monospace}:root{--peach:#e7d5b2;--primary:oklch(70% .18 300);--accent:oklch(68% .16 300);--background:oklch(14% .04 290);--foreground:oklch(84% .04 250);--card:oklch(22% .03 260);--shadow-rice:0 8px 32px -8px oklch(8% .04 260/.7), 0 0 0 1px oklch(100% 0 0/.05);--gradient-bar:linear-gradient(135deg, oklch(22% .03 260/.85), oklch(20% .035 250/.85));--muted-foreground:oklch(62% .04 250);--rice-green:oklch(82% .16 145);--rice-yellow:oklch(85% .13 85);--rice-blue:oklch(70% .14 250);--rice-teal:oklch(78% .11 195);--term-bg:oklch(12% .04 290);--term-fg:oklch(88% .04 290);--term-cursor:oklch(70% .18 300);--term-selection:oklch(30% .08 300/.6)}body{background:var(--term-bg);will-change:background-image;min-height:100vh}body:after{content:"";border:16px solid var(--primary);z-index:9999;pointer-events:none;border-radius:30px;position:fixed;inset:0;box-shadow:inset 0 0 30px 20px #00000080}body:before{content:"";z-index:0;border:1px solid #000;border-radius:14px;position:fixed;inset:16px;box-shadow:0 0 10px 10px #000}.fix-border{border:10px solid var(--primary);z-index:2;min-width:100vw;min-height:100vh;position:fixed;top:0;left:0}.bsw-bg{background:var(--primary);opacity:0;z-index:4;border-radius:20px;width:30vw;height:200px;margin-bottom:40px;transition:transform .3s,opacity .3s;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)scale(.5);box-shadow:0 0 10px 7px #000}@media (width<=1500px){.bsw-bg{width:50vw}}.bsw-bg.active1{opacity:1;transform:scale(1)translate(-50%)}.test{opacity:.8;transition:all .2s;transform:scale(.9)}.test.active{opacity:1;transform:scale(1.1)}.test img{object-fit:cover;will-change:opacity, transform;border-radius:20px;width:240px;height:150px}.bg-images-container{will-change:transform;justify-content:space-around;align-items:center;width:100%;transition:transform .3s;display:flex}.notepad-overlay.active{background:#0003}.note-title{color:#fff;text-align:center;opacity:0;background:#1b1b1b;border-radius:10px;width:60vw;font-size:2rem;transition:all .3s;transform:scale(.5)}.note-title.active{opacity:1;transform:scale(1)}.note-window{opacity:0;background:#111;border:1px solid #333;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s,transform .3s;display:flex;position:fixed;overflow:hidden;transform:scale(.6)}.note-window.active{opacity:.8;transform:scale(1)}.notepad{color:#fff;opacity:0;pointer-events:none;resize:none;scrollbar-width:none;background:0 0;border:none;border-radius:12px;outline:none;width:100%;height:100%;padding:20px;font-size:1rem;transition:all .3s;transform:scale(.5)}.notepad.active{opacity:1;pointer-events:auto;transform:scale(1)}.resize-handle{cursor:nwse-resize;background:#ec04ec;border-radius:5px;width:1rem;height:1rem;position:absolute;bottom:0;right:0;box-shadow:0 0 10px 2px #d117c2}.navbar{z-index:200;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.navbar-items{background:var(--background);width:80vw;box-shadow:var(--shadow-rice);opacity:.8;-webkit-user-select:none;user-select:none;border-radius:20px;justify-content:space-around;align-items:center;padding:10px;font-size:2rem;display:flex}.dot{color:var(--muted-foreground)}.nav-title{align-items:center;gap:10px;display:flex}.cmtjsx{color:var(--muted-foreground);font-size:1.2rem}.t1{color:#c028ee;font-size:1.1rem}.t2{color:#fff;font-size:1.2rem}.logo{color:#fff;justify-content:center;align-items:center;display:flex}.nav-left,.nav-center,.nav-right{flex:1}.nav-left{justify-content:center;align-items:center;gap:20px;display:flex}.nav-center{justify-content:center;display:flex}.windows{color:#fff;align-items:center;gap:20px;width:70%;display:flex}.tskb{cursor:default;-webkit-user-select:none;user-select:none;color:#fff;border-radius:5px;justify-content:center;align-items:center;padding:5px;font-size:1.5rem;transition:transform .3s;display:flex;transform:scale(1)}.tskb.active{background:var(--rice-green);transform:scale(1.1)}.pbar{background:var(--primary);width:.5rem;height:1.5rem;animation:.7s ease-in-out 1s infinite alternate pulse}@keyframes pulse{0%{opacity:0}to{opacity:1}}.pulsating-dot{color:var(--rice-green);font-size:2rem}.tskb:hover{transform:scale(1.1)}.nav-right{justify-content:center;align-items:center;gap:15px;display:flex}.search-bar{color:var(--accent);cursor:pointer}.cpu{color:var(--rice-green);cursor:pointer;font-size:1rem;display:flex}.ram{color:var(--rice-yellow);cursor:pointer;font-size:1rem;display:flex}.pc-specs{justify-content:space-around;align-items:center;gap:20px;display:flex}.al{display:flex}.volume{color:var(--rice-blue);cursor:pointer}.wifi{color:var(--rice-teal);cursor:pointer}.battery{color:var(--rice-green);cursor:pointer}.v1,.w1,.b1{display:flex}.os-spec{justify-content:space-around;align-items:center;gap:10px;display:flex}.bell{color:var(--accent);cursor:pointer}.clock{color:var(--accent);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:5px;font-size:1rem;display:flex}.volume-widget{justify-content:center;align-items:center;display:flex;position:relative}.vol-dropdown{background:var(--accent);opacity:0;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;padding:5px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:-200%;transform:scale(.5)}.vol-dropdown.active{opacity:1;transform:scale(1)}input[type=range][orient=vertical]{writing-mode:vertical-lr;height:80px}.terminal-pos{z-index:150;justify-content:center;align-items:center;min-width:100vw;min-height:100vh;display:flex;position:fixed;top:0;left:0}.terminal{background:var(--term-bg);z-index:150;opacity:0;border:var(--term-cursor) solid 1px;-webkit-user-select:none;user-select:none;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;width:50vw;height:40vw;transition:opacity .3s,transform .3s;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:scale(.6)}h1{padding:10px}.terminal.active{opacity:1;transform:scale(1)}.terminal .title{color:var(--term-fg);text-align:center;-webkit-user-select:none;user-select:none;width:100%}.ascii-art{color:var(--term-cursor);flex:1;font-family:monospace;font-size:1.5rem;line-height:1.2}.specs{flex:1;display:flex}.specs .pc-spec{flex-direction:column;flex:1;justify-content:space-around;padding:15px;display:flex}.pc-spec .spec-key{color:var(--rice-blue)}.pc-spec .spec-val{color:var(--term-cursor)}.text{scrollbar-width:none;flex-direction:column;flex:1;width:100%;display:flex;position:relative;overflow-y:auto}.cmds{background:var(--term-bg);color:var(--accent);caret-color:#0000;cursor:default;border:none;outline:none;width:100%}.cursor-blink{background:var(--term-cursor);width:10px;height:20px;animation:1.3s linear infinite blink;position:absolute;top:0}@keyframes blink{50%{opacity:0}}.ascii-animation{color:#fff;padding:10px;font-size:2rem}.cmd-history-e,.user-trm{color:#fff}.input-row{align-items:center;display:flex;position:relative}.term-resize-btn{color:#fff;background:var(--accent);width:15px;height:15px;box-shadow:0 0 5px 5px var(--accent);cursor:nwse-resize;position:absolute;bottom:0;right:0}.login-overlay{color:#fff;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;justify-content:center;align-items:center;width:100vw;height:100vh;transition:-webkit-backdrop-filter 1s,backdrop-filter 1s,opacity .5s;display:flex;position:fixed;top:0;left:0}.login-container{background:#1a1b26b3;border:1px solid #bb9af733;border-radius:16px;justify-content:center;align-items:center;width:50vw;height:50vh;padding:32px;display:flex}.login-mini-container{flex-direction:column;justify-content:space-around;align-items:center;height:100%;display:flex}.time{text-align:center;font-size:6rem}.login-d{text-align:center;font-size:2rem}.login-date{flex:1}.sign-up{color:#000;flex-direction:column;flex:1;justify-content:space-around;align-items:center;width:100%;display:flex}.sign-up-user,.sign-up-password{color:#c0caf5;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;justify-content:center;width:50%;padding:10px;transition:transform .3s;display:flex;position:relative;transform:scale(1)}.sign-up-user:hover,.sign-up-password:hover{transform:scale(1.1)}.login-btn button{color:#1a1b26;cursor:pointer;background:#bb9af7;border:none;border-radius:10px;padding:10px;transition:transform .3s;transform:scale(1)}.login-btn button:hover{transform:scale(1.1)}.align-left{position:absolute;left:5%}.login-overlay.close{-webkit-backdrop-filter:blur();backdrop-filter:blur();opacity:0}.page{opacity:0;pointer-events:none;z-index:2;background:#ff00004d;transition:transform .4s,opacity .4s;position:fixed;inset:0;transform:translate(100%)}.page.active{opacity:1;pointer-events:all;transform:translate(0)}.page.exit{opacity:0;transform:translate(-100%)}.bg-layer{z-index:0;background-image:var(--bg-image);background-position:50%;background-size:cover;position:fixed;inset:0}