@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css";
:root{--bg-color:#8e2de2;--bg-gradient:linear-gradient(to right, #4a00e0, #8e2de2);--window-bg:#eaeaea;--text-color:#333;--accent-color:#c00;--code-comment:#6a737d;--code-keyword:#d73a49;--code-string:#032f62;--tab-bg:#d1d1d1;--tab-active-bg:#eaeaea;--border-color:silver;--font-mono:"Fira Code", "Courier New", monospace}.dark-mode{--bg-gradient:linear-gradient(to right, #0f2027, #203a43, #2c5364);--window-bg:#1e1e1e;--text-color:#f0f0f0;--accent-color:#ff4757;--code-comment:#8b949e;--code-keyword:#ff7b72;--code-string:#a5d6ff;--tab-bg:#2d2d2d;--tab-active-bg:#1e1e1e;--border-color:#333}*{box-sizing:border-box;margin:0;padding:0}.workspace-wrapper{background:#0a0a0b;width:100vw;height:100vh;position:relative;overflow:hidden}.workspace-container{will-change:transform;width:200vw;height:100vh;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex}.space{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.desktop-space{z-index:1;background:0 0}.fullscreen-space{background:0 0}.mac-window.fullscreen-view{width:100vw;max-width:none;height:100vh;box-shadow:none;border-radius:0}.mac-window.fullscreen-view .content-container{height:calc(100vh - 35px)}.top-menubar{-webkit-backdrop-filter:blur(20px);color:#000;z-index:9999;background:#fff3;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;height:30px;padding:0 15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.85rem;display:flex;position:absolute;top:0;left:0;right:0}.dark-mode .top-menubar{color:#fff;background:#0000004d;border-bottom:1px solid #ffffff1a}.top-menubar .left,.top-menubar .right{align-items:center;gap:15px;display:flex}.top-menubar .apple-icon{margin-right:5px;font-size:1.1rem}.top-menubar .app-name{font-weight:700}.top-menubar .menu-item{cursor:default;font-weight:500}.top-menubar .menu-item:hover{background:#ffffff1a;border-radius:4px}.apple-dropdown{-webkit-backdrop-filter:blur(30px);z-index:10000;color:#000;background:#fffc;border:1px solid #0000001a;border-radius:8px;width:250px;padding:5px 0;position:absolute;top:30px;left:10px;box-shadow:0 10px 30px #0003}.dark-mode .apple-dropdown{color:#fff;background:#1c1c1ee6;border:1px solid #ffffff1a;box-shadow:0 10px 30px #00000080}.menu-item-drop{cursor:pointer;padding:4px 15px;font-size:.85rem}.dark-mode .menu-item-drop{color:#fff}.menu-item-drop:hover{background:var(--accent-color)}.apple-dropdown hr{border:0;border-top:1px solid #ffffff1a;margin:5px 0}body{font-family:var(--font-mono);min-height:100vh;color:var(--text-color);background:#0a0a0b;justify-content:center;align-items:center;margin:0;padding:0;transition:background .5s;display:flex}body:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#0000 0%,#0006 100%);position:absolute;inset:0}.desktop{z-index:1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.mac-window{background:var(--window-bg);border-radius:12px;flex-direction:column;width:90%;max-width:1200px;height:90vh;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s,background .3s;display:flex;overflow:hidden;box-shadow:0 20px 50px #0006}.title-bar{background:var(--tab-bg);border-bottom:1px solid var(--border-color);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;padding:8px 15px;display:flex;position:relative}.title-bar:active{cursor:grabbing}.buttons{z-index:10;gap:8px;display:flex}.buttons div{border-radius:50%;width:12px;height:12px}.close{background:#ff5f56}.minimize{background:#ffbd2e}.maximize{background:#27c93f}.window-title{color:var(--code-comment);opacity:.7;pointer-events:none;font-size:.85rem;position:absolute;left:50%;transform:translate(-50%)}.theme-toggle{cursor:pointer;color:var(--text-color);opacity:.7;z-index:10;margin-left:auto;font-size:1rem;transition:opacity .2s}.theme-toggle:hover{opacity:1}.tab-bar{background:var(--tab-bg);border-bottom:1px solid var(--border-color);padding:5px 10px 0;display:flex;overflow-x:auto}.tab{background:var(--tab-bg);color:var(--text-color);cursor:pointer;opacity:.7;border:1px solid #0000;border-bottom:none;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:150px;margin-right:2px;padding:8px 15px;font-size:.85rem;transition:all .2s;display:flex}.tab.active{background:var(--window-bg);opacity:1;border-color:var(--border-color)}.tab:hover:not(.active){background:#0000000d}.dark-mode .tab:hover:not(.active){background:#ffffff0d}.tab-close{opacity:.5;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:2px;font-size:.7rem;transition:background .2s;display:flex}.tab-close:hover{opacity:1;background:#0000001a}.dark-mode .tab-close:hover{background:#fff3}.content-container{background:var(--window-bg);flex:1;padding:0;overflow-y:auto}.tab-content{padding:40px;animation:.3s fadeIn;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:40px;padding-bottom:10px;display:flex}.nav-item{flex-direction:column;font-size:.85rem;display:flex}.nav-item .label{color:var(--code-comment);margin-bottom:2px}.nav-item .link{color:var(--text-color);border-bottom:1px solid #0000;text-decoration:none;transition:all .2s}.nav-item .link:hover{border-bottom:1px solid var(--text-color)}.hero-section{align-items:center;gap:40px;display:flex}.profile-flip-container{perspective:1000px;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:50%;width:200px;height:200px;margin-bottom:2rem;position:relative}.profile-flip-container:active{transform:scale(.98)}.flipper{transform-style:preserve-3d;border-radius:50%;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,.2,.2,1);position:relative}.flipper.flipped{transform:rotateY(180deg)}.flipper .front,.flipper .back{backface-visibility:hidden;box-sizing:border-box;border:4px solid #fff;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 20px #0000004d}.flipper .front{z-index:2;transform:rotateY(0)}.flipper .back{transform:rotateY(180deg)}.profile-pic{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block}.flip-hint{color:#fff;pointer-events:none;opacity:0;white-space:nowrap;z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border-radius:20px;padding:8px 16px;font-size:.85rem;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flip-hint.visible{opacity:1}.hero-text h1{letter-spacing:-1px;margin-bottom:10px;font-size:2.5rem;font-weight:600}.hero-text h2{color:var(--code-comment);margin-bottom:15px;font-size:1.2rem;font-weight:400}.hero-text .tagline{color:var(--text-color);opacity:.8;border-left:3px solid var(--accent-color);padding-left:10px;font-size:.9rem;font-style:italic}.hero-links{flex-wrap:wrap;gap:15px;margin-top:20px;display:flex}.hero-links a{color:var(--code-comment);font-size:.9rem;text-decoration:none;transition:color .2s}.hero-links a:hover{color:var(--accent-color);text-decoration:underline}.read-more-btn{color:var(--accent-color);cursor:pointer;font-family:var(--font-mono);background:0 0;border:none;align-items:center;gap:5px;margin-top:5px;padding:5px 0;font-size:.85rem;display:flex}.read-more-btn:hover{text-decoration:underline}.hidden-item{display:none}section{margin-bottom:50px}.divider{border:0;border-top:1px solid var(--border-color);margin:40px 0}h3{color:var(--code-comment);margin-bottom:20px;font-size:1.1rem;font-weight:400}.code-block{border-left:4px solid var(--accent-color);font-size:.9rem;line-height:1.6;font-family:var(--font-mono);background:#0000000d;border-radius:8px;margin-bottom:20px;padding:20px}.dark-mode .code-block{background:#ffffff0d}.bio{max-width:800px;line-height:1.7}.exp-item,.project-card,.vol-item{margin-bottom:30px}.exp-item .time{color:var(--code-comment);margin-bottom:5px;font-size:.85rem}.exp-item h4,.project-card h4,.vol-item h4{margin-bottom:10px;font-size:1.1rem}.role{color:var(--code-comment);margin-left:5px;font-size:.95rem;font-weight:400}.exp-item ul,.project-card ul,.vol-item ul{padding-left:0;list-style-type:none}.exp-item li,.project-card li,.vol-item li,.awards-section li{margin-bottom:8px;padding-left:20px;font-size:.95rem;line-height:1.6;position:relative}.exp-item li:before,.project-card li:before,.vol-item li:before,.awards-section li:before{content:">";color:var(--accent-color);font-weight:700;position:absolute;left:0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.skill-category{background:var(--window-bg);border:1px solid var(--border-color);border-radius:6px;padding:15px;font-size:.9rem;box-shadow:0 2px 5px #0000000d}.skill-category strong{color:var(--accent-color)}.project-card{background:var(--window-bg);border:1px solid var(--border-color);border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 5px #0000000d}.project-card:hover{border-color:var(--accent-color);transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.project-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.tech-stack{color:var(--text-color);background:#0000001a;border-radius:4px;padding:2px 8px;font-size:.75rem}.dark-mode .tech-stack{background:#ffffff1a}.project-card a{color:var(--code-keyword);text-decoration:none}.hobbies-grid{flex-wrap:wrap;gap:15px;display:flex}.hobby-btn{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;font-family:var(--font-mono);background:0 0;border-radius:20px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:flex}.hobby-btn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.blog-list{flex-direction:column;gap:15px;display:flex}.blog-item{border-radius:6px;align-items:baseline;gap:20px;padding:10px;transition:background .2s;display:flex}.blog-item:hover{background:#00000008}.dark-mode .blog-item:hover{background:#ffffff0d}.blog-item .date{color:var(--code-comment);min-width:100px;font-size:.85rem}.blog-link{color:var(--text-color);border-bottom:1px dotted var(--code-comment);text-decoration:none}.blog-link:hover{color:var(--accent-color);border-bottom:1px solid var(--accent-color)}.footer{text-align:center;color:var(--code-comment);margin-top:80px;font-size:.85rem}.footer i{color:var(--accent-color)}.content-container::-webkit-scrollbar{width:8px}.content-container::-webkit-scrollbar-track{background:var(--window-bg)}.content-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.content-container::-webkit-scrollbar-thumb:hover{background:var(--code-comment)}.production-modal{max-width:800px;color:var(--text-color);margin:0 auto;padding:20px}.prod-header{border-bottom:1px solid var(--border-color);align-items:center;gap:15px;margin-bottom:20px;padding-bottom:10px;display:flex}.prod-header h2{color:var(--accent-color);margin:0;font-size:1.5rem}.prod-type{background:var(--accent-color);color:var(--window-bg);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:700}.video-container{background:#000;border-radius:4px;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.prod-desc{color:var(--text-color);font-size:1rem;line-height:1.6}@media (max-width:768px){body{background:var(--window-bg);align-items:flex-start;padding:0}.mac-window{width:100%;max-width:100%;height:100vh;box-shadow:none;border-radius:0;flex-direction:column;display:flex}.tab-bar{border-bottom:1px solid var(--border-color);padding-top:10px}.tab{flex-shrink:0;min-width:auto;padding:10px 15px}.content-container::-webkit-scrollbar{display:none}.tab-content{padding:20px 20px 80px}.hero-section{text-align:center;flex-direction:column;gap:25px;margin-top:20px}.profile-flip-container{width:160px;height:160px;margin:0 auto 1.5rem}.hero-text h1{word-break:break-word;font-size:1.8rem}.hero-text h2{font-size:1rem}.hero-links{justify-content:center;gap:12px}.nav-header{text-align:left;background:#00000008;border-radius:8px;flex-direction:column;align-items:stretch;gap:15px;padding:15px}.nav-item{border-bottom:1px dotted var(--border-color);flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-bottom:5px}.nav-item:last-child{border-bottom:none;padding-bottom:0}.nav-item .label{margin-bottom:0;font-size:.8rem}.skills-grid{grid-template-columns:1fr}.hobbies-grid{justify-content:center}.hobby-btn{justify-content:center;width:100%}.production-modal{padding:10px 0}.prod-header{flex-direction:column;align-items:flex-start;gap:5px}.video-container{height:200px}.project-card,.exp-item,.vol-item{padding:15px}}.timeline-container{height:100%;color:var(--text-color);flex-direction:column;align-items:center;padding:20px;display:flex}.graph-svg{width:100%;height:400px;margin-top:20px;overflow:visible}.graph-axis{stroke:var(--border-color);stroke-width:1px}.graph-text{fill:var(--code-comment);font-size:10px;font-family:var(--font-mono)}.graph-line{fill:none;stroke:var(--accent-color);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px var(--accent-color));stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2s ease-out forwards drawLine}@keyframes drawLine{to{stroke-dashoffset:0}}.graph-point{fill:var(--window-bg);stroke:var(--accent-color);stroke-width:2px;cursor:pointer;transition:all .2s}.graph-point:hover{r:8;fill:var(--accent-color);stroke:#fff}.graph-tooltip{color:#fff;pointer-events:none;opacity:0;border:1px solid var(--accent-color);z-index:100;background:#000c;border-radius:4px;max-width:250px;padding:10px;font-size:.85rem;transition:opacity .2s;position:absolute}.grid-line{stroke:var(--border-color);stroke-opacity:.2;stroke-dasharray:4}.stats-header{text-align:center;margin-bottom:20px}.stats-header h2{color:var(--accent-color);font-size:1.8rem}.stats-header p{color:var(--code-comment)}@media (max-width:768px){.mobile-hint{display:block!important}.graph-scroll-wrapper{border:1px dashed var(--border-color);background:#00000005;border-radius:8px}.graph-tooltip{text-align:center;z-index:1000;pointer-events:none;width:90%;position:fixed;transform:translate(-50%);top:auto!important;bottom:20px!important;left:50%!important}}.personal-notes{max-width:850px;margin:0 auto;line-height:1.8}.personal-notes h1{color:var(--accent-color);margin-bottom:.5rem;font-size:2rem}.personal-notes h2{color:var(--text-color);border-bottom:1px solid var(--border-color);margin-top:2rem;margin-bottom:1rem;padding-bottom:5px;font-size:1.5rem}.personal-notes h3{color:var(--code-comment);margin-top:1.5rem;font-size:1.2rem}.personal-notes p{margin-bottom:1.2rem}.personal-notes ul{margin-bottom:1.5rem;padding-left:0;list-style:none}.personal-notes li{margin-bottom:10px;padding-left:25px;position:relative}.personal-notes li:before{content:"◈";color:var(--accent-color);position:absolute;left:0}.personal-notes code{font-family:var(--font-mono);background:#0000001a;border-radius:4px;padding:2px 5px}.dark-mode .personal-notes code{background:#ffffff1a}.personal-notes hr{border:0;border-top:1px solid var(--border-color);margin:30px 0}.screenshot-viewer{border:1px solid var(--border-color);background:#0000000d;border-radius:8px;margin-top:15px;padding:10px;animation:.3s ease-out slideDown;overflow:hidden}.screenshot-scroller{scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;gap:15px;padding-bottom:10px;display:flex;overflow-x:auto}.screenshot-scroller::-webkit-scrollbar-track{background:0 0}.screenshot-scroller img{cursor:pointer;border:1px solid var(--border-color);border-radius:8px;width:auto;height:350px;transition:transform .2s;box-shadow:0 4px 10px #0003}.screenshot-scroller img:hover{transform:scale(1.02)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.screenshot-toggle{border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;vertical-align:middle;font-size:.75rem;font-family:var(--font-mono);background:0 0;border-radius:4px;margin-left:15px;padding:2px 10px;transition:all .2s}.screenshot-toggle:hover,.screenshot-toggle.active{background:var(--accent-color);color:#fff}.store-link{color:var(--text-color);opacity:.6;vertical-align:middle;margin-left:15px;font-size:1.1rem;text-decoration:none;transition:all .2s;display:inline-block}.store-link:hover{color:var(--accent-color);opacity:1;transform:scale(1.2)}.phone-emulator{background:#000;border:10px solid #1a1a1a;border-radius:40px;flex-direction:column;width:280px;height:580px;margin:0 auto;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 50px 100px #000c,0 0 0 2px #ffffff0d}.phone-emulator:after{content:"";pointer-events:none;z-index:10;border:1px solid #ffffff1a;border-radius:30px;position:absolute;inset:0}.dynamic-island{z-index:20;background:#000;border-radius:20px;justify-content:center;align-items:center;width:80px;height:22px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.dynamic-island:after{content:"";background:#1a1a1a;border-radius:50%;width:8px;height:8px;margin-left:40px}.phone-screen{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;width:100%;height:100%}.emulator-controls{pointer-events:none;z-index:30;justify-content:space-between;display:flex;position:absolute;top:50%;left:-60px;right:-60px;transform:translateY(-50%)}.nav-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;cursor:pointer;pointer-events:auto;background:#fff3;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .2s;display:flex;box-shadow:0 10px 20px #0000004d}.nav-btn:hover{background:var(--accent-color);box-shadow:0 0 20px var(--accent-color);border-color:#0000;transform:scale(1.1)}.nav-btn i{font-size:1.2rem}.quicklook-footer{background:#00000080;border-top:1px solid #ffffff1a;justify-content:center;gap:10px;padding:15px;display:flex}.dot{cursor:pointer;background:#fff3;border-radius:50%;width:8px;height:8px;transition:all .2s}.dot.active{background:var(--accent-color);transform:scale(1.3)}.desktop{z-index:1;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.mac-window.minimized{opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.6,-.28,.735,.045);transform:scale(.1)translateY(1000px)}.mac-window{transition:transform .5s cubic-bezier(.175,.885,.32,1.275),opacity .3s,background .3s}.minimized-icon{cursor:grab;z-index:5;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards iconPop;display:flex;position:absolute}.minimized-icon.dragging{cursor:grabbing;opacity:.8;animation:none}.icon-image{background:var(--window-bg);border:1px solid var(--border-color);border-radius:12px;width:60px;height:60px;margin-bottom:8px;padding:5px;transition:transform .2s;box-shadow:0 4px 15px #0000004d}.icon-image img{object-fit:cover;border-radius:8px;width:100%;height:100%}.icon-label{color:#fff;text-shadow:0 2px 4px #00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;border-radius:4px;padding:2px 8px;font-size:.75rem}.minimized-icon:hover .icon-image{border-color:var(--accent-color);transform:scale(1.1)}@keyframes iconPop{0%{opacity:0;transform:scale(0)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.minimized-icon{bottom:20px;left:50%;transform:translate(-50%)}@keyframes iconPop{0%{opacity:0;transform:scale(0)translate(-50%,50px)}to{opacity:1;transform:scale(1)translate(-50%)}}}.screenshot-viewer{border:1px solid var(--border-color);background:#0000000d;border-radius:8px;margin-top:15px;padding:10px;animation:.3s ease-out slideDown}.dark-mode .screenshot-viewer{background:#ffffff0d}.screenshot-scroller{scrollbar-width:thin;scrollbar-color:var(--accent-color) transparent;gap:15px;padding:5px 0 10px;display:flex;overflow-x:auto}.screenshot-scroller::-webkit-scrollbar{height:6px}.screenshot-scroller::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.screenshot-scroller img{cursor:zoom-in;border-radius:6px;height:350px;transition:transform .3s,box-shadow .3s;animation:.5s forwards fadeIn;box-shadow:0 4px 10px #0003}.screenshot-scroller img:hover{transform:scale(1.02)translateY(-5px);box-shadow:0 12px 25px #0000004d}.image-quicklook{animation:.3s cubic-bezier(.175,.885,.32,1.275) windowOpen;background:#000!important;border:1px solid #ffffff1a!important;box-shadow:0 30px 100px #000c!important}.login-screen{color:#fff;z-index:99999;background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:fixed;top:0;left:0}.login-container{-webkit-backdrop-filter:blur(25px);text-align:center;background:linear-gradient(135deg,#ffffff2e,#ffffff14);border:1px solid #fff3;border-radius:24px;width:350px;padding:40px;animation:.8s ease-out fadeIn;box-shadow:0 25px 50px -12px #00000080,inset 0 1px 1px #ffffff1a}.login-profile{border:3px solid #ffffff4d;border-radius:50%;width:100px;height:100px;margin:0 auto 20px;overflow:hidden}.login-profile img{object-fit:cover;width:100%;height:100%}.login-screen h1{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.login-domain{opacity:.7;color:#fff;margin:5px 0 25px;font-family:monospace;font-size:.9rem}.login-input-group{background:#ffffff26;border:1px solid #fff3;border-radius:30px;padding:5px 5px 5px 20px;transition:all .3s;display:flex}.login-input-group:focus-within{background:#ffffff40;box-shadow:0 0 0 4px #ffffff1a}.login-input-group input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:.9rem}.login-input-group input::placeholder{color:#ffffff80}.login-input-group button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:32px;height:32px;transition:background .2s}.login-input-group button:hover{background:#fff6}.login-hint{opacity:.5;color:#fff;margin-top:20px;font-size:.75rem}.quicklook-content{opacity:0;animation:.4s .1s forwards fadeIn}@keyframes windowOpen{0%{opacity:0;transform:translate(-50%,-45%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.custom-context-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;background:#1c1c1ef2;border:1px solid #ffffff1a;border-radius:8px;min-width:180px;padding:5px 0;position:fixed;box-shadow:0 10px 30px #00000080}.menu-item{color:#fff;cursor:pointer;padding:6px 15px;font-size:.85rem;transition:background .2s}.menu-item:hover{background:var(--accent-color)}.custom-context-menu hr{border:0;border-top:1px solid #ffffff1a;margin:5px 0}.win95-theme{--font-mono:"MS Sans Serif", "Courier New", monospace;--bg-color:teal!important;--bg-gradient:none!important;--window-bg:silver!important;--text-color:#000!important;--accent-color:navy!important;--border-color:#000!important}.win95-theme .workspace-wrapper{background:teal!important}.win95-theme .mac-window{border:2px solid;box-shadow:none!important;border-color:#dfdfdf #0a0a0a #0a0a0a #dfdfdf!important;border-radius:0!important}.win95-theme .title-bar{color:#fff!important;background:linear-gradient(90deg,navy,#1084d0)!important;border:none!important;padding:3px 6px!important}.win95-theme .window-title{font-size:12px;font-weight:700;color:#fff!important;opacity:1!important;left:10px!important;transform:none!important}.win95-theme .buttons{order:2;gap:2px;margin-left:auto}.win95-theme .buttons div{border:1px solid;width:16px;height:14px;position:relative;background:silver!important;border-color:#fff gray gray #fff!important;border-radius:0!important}.win95-theme .buttons .close:before{content:"×";color:#000;font-size:14px;font-weight:700;position:absolute;top:-4px;left:2px}.win95-theme .buttons .minimize:before{content:"_";color:#000;font-weight:700;position:absolute;top:-6px;left:3px}.win95-theme .buttons .maximize:before{content:"□";color:#000;font-weight:700;position:absolute;top:-4px;left:2px}.win95-theme .tab-bar{background:silver!important;padding:2px 2px 0!important}.win95-theme .tab{border:1px solid;background:silver!important;border-color:#fff gray gray #fff!important;border-radius:0!important;margin-right:0!important;font-size:11px!important}.win95-theme .tab.active{border-bottom:none!important;margin-top:-2px!important;padding-bottom:9px!important}.win95-theme .top-menubar{color:#000!important;background:silver!important;border-bottom:2px solid gray!important;font-family:MS Sans Serif,sans-serif!important}.win95-theme .top-menubar .menu-item:hover{color:#fff!important;background:navy!important}.win95-theme .dock-container{background:silver!important;border-top:2px solid #fff!important;border-radius:0!important;justify-content:flex-start!important;gap:4px!important;width:100vw!important;height:40px!important;padding:2px 2px 2px 10px!important;bottom:0!important}.win95-theme .dock-item{border:1px solid;background:silver!important;border-color:#fff gray gray #fff!important;border-radius:0!important;width:auto!important;height:30px!important;padding:0 10px!important}.win95-theme .dock-item img{width:16px!important;height:16px!important}.win95-theme .dock-item:after{display:none!important}@media (max-width:768px){:root{--ios-bg:#ffffff1a;--ios-blur:blur(25px)}.top-menubar{height:44px;padding:0 25px;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}.top-menubar .left{letter-spacing:-.2px;font-size:15px;font-weight:600}.top-menubar .right{gap:8px}.top-menubar .app-name,.top-menubar .menu-item{display:none}.dynamic-island-mobile{z-index:10000;color:#fff;background:#000;border:1px solid #ffffff0d;border-radius:20px;justify-content:center;align-items:center;width:120px;height:35px;font-size:12px;transition:all .5s cubic-bezier(.18,.89,.32,1.28);display:flex;position:fixed;top:11px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 15px #0006}.dynamic-island-mobile.expanded{border-radius:35px;width:calc(100% - 40px);height:80px}.desktop-icons-mobile{grid-template-columns:repeat(4,1fr)!important;gap:25px 15px!important;width:100%!important;height:100%!important;padding:80px 20px!important;display:grid!important;position:absolute!important;top:0!important;left:0!important}.minimized-icon{animation:none!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.icon-image{border-radius:16px!important;width:65px!important;height:65px!important;box-shadow:0 4px 10px #0003!important}.icon-label{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-shadow:0 1px 2px #000c!important;background:0 0!important;font-size:11px!important;font-weight:500!important}.dock-wrapper{justify-content:center!important;padding:0 15px!important;display:flex!important;bottom:20px!important}.dock-container{min-width:220px;max-width:320px;-webkit-backdrop-filter:blur(30px)!important;background:#ffffff40!important;border:1px solid #fff3!important;border-radius:30px!important;justify-content:center!important;gap:15px!important;width:auto!important;height:70px!important;margin:0 auto!important;padding:0 15px!important;box-shadow:0 15px 30px #0000004d!important}.dock-item{--scale:1!important;width:48px!important;height:48px!important}.mac-window.fullscreen-view{background:var(--window-bg)!important;z-index:10000!important;border-radius:0!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.mac-window.fullscreen-view .content-container{height:100vh!important;padding-top:60px!important;padding-bottom:120px!important;overflow-y:auto!important}.mac-window.fullscreen-view .tab-content.active{min-height:100%;height:auto!important;display:block!important}.mac-window.fullscreen-view .title-bar{display:none!important}.home-indicator{z-index:100000;opacity:.8;background:#fff;border-radius:10px;width:135px;height:5px;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.control-center-panel{-webkit-backdrop-filter:blur(50px)!important;background:#0006!important;border-radius:0!important;width:100vw!important;height:100vh!important;padding:60px 30px!important;top:0!important;right:0!important}.control-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.app-open-animation{animation:.5s cubic-bezier(.4,0,.2,1) forwards iosAppOpen}@keyframes iosAppOpen{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}}