@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);@keyframes windowSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes windowSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@keyframes taskbarBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes startMenuSlide{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes iconGlow{0%,to{box-shadow:0 0 5px #0078d44d}50%{box-shadow:0 0 20px #0078d499}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(#0000004d,#0000004d),url(/static/media/windows-back.c217764703455dfd25e6.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#root,body,html{height:100vh;width:100vw}::-webkit-scrollbar{height:8px;-webkit-transition:width .2s ease;transition:width .2s ease;width:2px}::-webkit-scrollbar:hover{width:8px}::-webkit-scrollbar-track{background:#2d2d2d;margin:8px 0}::-webkit-scrollbar-thumb{background:#b9b9b9;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease;width:2px}::-webkit-scrollbar-thumb:hover{background:#606060}:root{--bg-primary:#1e1e1e;--bg-secondary:#2d2d2d;--bg-accent:#3d3d3d;--text-primary:#fff;--text-secondary:#ccc;--border-color:#4d4d4d;--window-bg:#2d2d2df2;--taskbar-bg:#1e1e1efa;--hover-glow:#505050;--shadow-dark:#00000080}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}::selection{background:#50505080;color:#fff}::-moz-selection{background:#50505080;color:#fff}.window{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #404040;border-radius:8px;box-shadow:0 4px 12px #0006,0 0 0 1px #0003;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:200px;min-width:300px;overflow:hidden;position:absolute;transition:all .2s ease;-webkit-user-select:none;user-select:none}.window.maximized{border:1px solid #505050;border-radius:0;transition:none}.title-bar{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2d2d2d99;cursor:move;display:flex;height:40px;justify-content:space-between;padding:0 8px 0 12px;position:relative;-webkit-user-select:none;user-select:none}.window.active .title-bar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0000004d}.title-bar-text{align-items:center;color:#e0e0e0;display:flex;font-size:13px;font-weight:400;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window.active .title-bar-text{color:#fff}.window-icon{filter:grayscale(20%);font-size:16px;margin-right:8px}.title-bar-controls{display:flex;gap:0;height:40px}.title-bar-control{align-items:center;background:#0000;border:none;color:#e0e0e0;cursor:pointer;display:flex;font-family:Segoe MDL2 Assets,Segoe UI Symbol,sans-serif;font-size:10px;height:32px;justify-content:center;position:relative;transition:background-color .15s ease;width:46px}.title-bar-control:hover{background:#ffffff1a}.title-bar-control.close{color:#e0e0e0}.title-bar-control.close:hover{background:#e81123;color:#fff}.title-bar-control.maximize:hover,.title-bar-control.minimize:hover{background:#5050504d}.window-content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#1e1e1e66;border-radius:0 0 7px 7px;color:#e0e0e0;height:calc(100% - 40px);overflow-y:auto;padding:0}.window.maximized .window-content{border-radius:0}.resize-handle{position:absolute;z-index:10}.resize-handle.nw{cursor:nw-resize;height:16px;left:0;top:0;width:16px}.resize-handle.ne{cursor:ne-resize;height:16px;right:0;top:0;width:16px}.resize-handle.sw{bottom:0;cursor:sw-resize;height:16px;left:0;width:16px}.resize-handle.se{background:linear-gradient(-45deg,#0000 30%,#505050 0,#505050 35%,#0000 0,#0000 45%,#505050 0,#505050 50%,#0000 0,#0000 60%,#505050 0,#505050 65%,#0000 0);bottom:0;cursor:se-resize;height:16px;opacity:.7;right:0;transition:opacity .2s ease;width:16px}.resize-handle.n{cursor:n-resize;height:4px;left:16px;right:16px;top:0}.resize-handle.s{bottom:0;cursor:s-resize;height:4px;left:16px;right:16px}.resize-handle.e{bottom:16px;cursor:e-resize;right:0;top:16px;width:4px}.resize-handle.w{bottom:16px;cursor:w-resize;left:0;top:16px;width:4px}.resize-handle.se:hover{background:linear-gradient(-45deg,#0000 30%,#606060 0,#606060 35%,#0000 0,#0000 45%,#606060 0,#606060 50%,#0000 0,#0000 60%,#606060 0,#606060 65%,#0000 0);opacity:1}@keyframes windowOpen{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes windowMinimize{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3) translateY(50px)}}.window{animation:windowOpen .3s ease-out;will-change:transform,opacity}.window.minimizing{animation:windowMinimize .3s ease-in forwards}.window.dragging{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 8px 20px #0009,0 0 0 1px #505050;transition:none!important}.window.active{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-color:#505050;box-shadow:0 6px 16px #00000080,0 0 0 1px #505050;z-index:1000}@media (max-width:768px){.window{min-height:180px;min-width:280px}.title-bar{height:44px;padding:0 12px}.title-bar-control{font-size:12px;height:44px;width:44px}.window-content{height:calc(100% - 44px)}.resize-handle{height:20px;width:20px}}.content-container{color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;line-height:1.6;overflow-y:auto;padding:16px}.window-content-wrapper{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:100%}.content-container h1{color:#fff;font-size:24px;font-weight:600;margin-bottom:16px}.content-container h2{border-bottom:1px solid #505050;color:#fff;font-size:20px;font-weight:500;margin:24px 0 12px;padding-bottom:8px}.content-container h3{color:#fff;font-size:16px;font-weight:500;margin:16px 0 8px}.content-container p{color:#b0b0b0;margin-bottom:12px}.about-content .profile-section{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2d2d2db3;border:1px solid #505050;border-radius:6px;display:flex;gap:20px;margin-bottom:24px;padding:20px}.profile-image{flex-shrink:0}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#505050,#606060);border:3px solid #707070;border-radius:50%;display:flex;font-size:36px;height:80px;justify-content:center;width:80px}.profile-info .name{font-size:28px;font-weight:600;margin:0 0 8px}.profile-info .tagline{color:#b0b0b0;font-size:16px;font-weight:500;margin:0}.bio-section{padding:0 4px}.experience-highlight{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#2d2d2db3;border:1px solid #505050;border-radius:8px;margin:20px 0;padding:16px}.experience-highlight h3{color:#d0d0d0;font-size:16px;margin:0 0 12px}.experience-highlight ul{margin:0;padding-left:16px}.experience-highlight li{font-size:14px;line-height:1.4;margin-bottom:8px}.skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.skill-tag{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#50505080;border:1px solid #505050b3;border-radius:16px;color:#d0d0d0;font-size:12px;padding:4px 12px}.projects-content .section-description{font-size:14px;margin-bottom:24px}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin-top:20px}.project-card{align-items:stretch;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2d2d2d99;border:1px solid #404040;border-radius:8px;cursor:pointer;display:flex;gap:24px;min-height:280px;padding:24px;transition:all .3s ease}.project-card:hover{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-color:#505050;box-shadow:0 4px 16px #0006;transform:translateY(-2px)}.project-image{align-items:center;display:flex;flex:0 0 400px;justify-content:center}.project-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.project-emoji{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:80px}.project-title{color:#fff;margin:0 0 12px}.project-description{font-size:14px;line-height:1.5;margin-bottom:16px}.project-technologies{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tech-tag{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#40404080;border:1px solid #505050;border-radius:12px;color:silver;font-size:11px;padding:2px 8px}.project-actions{text-align:right}.project-link{background:var(--hover-glow);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.project-link:hover{background:#106ebe;transform:translateX(2px)}.resume-content .resume-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.download-btn{background:var(--hover-glow);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.download-btn:hover{background:#106ebe}.resume-section{margin-bottom:32px}.experience-item{background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:16px}.experience-header{margin-bottom:12px}.experience-header h3{color:var(--text-primary);margin:0 0 4px}.company,.school{color:#b0b0b0;font-weight:500;margin-right:12px}.duration{background:#ffffff1a;border-radius:12px;color:var(--text-secondary);font-size:12px;padding:2px 8px}.experience-details{list-style:none;margin:0;padding:0}.experience-details li{color:var(--text-secondary);font-size:14px;margin-bottom:6px;padding-left:16px;position:relative}.experience-details li:before{color:var(--hover-glow);content:"•";left:0;position:absolute}.role-item{border-top:1px solid #ffffff1a;margin-top:20px;padding:12px 0}.role-item:first-child{border-top:none;margin-top:0}.role-item h4{color:var(--text-primary);font-size:16px;font-weight:500;margin:0 0 4px}.role-duration{background:#ffffff1a;border-radius:12px;color:var(--text-secondary);display:inline-block;font-size:12px;margin-bottom:8px;padding:2px 8px}.education-item{background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:16px}.education-item .duration,.education-item .grade,.education-item .school{color:var(--text-secondary);display:block;font-size:14px;margin-top:4px;width:auto}.education-item .grade{color:var(--hover-glow);font-weight:500}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skill-category h4{color:var(--text-primary);font-size:14px;margin:0 0 12px}.skill-list{display:flex;flex-wrap:wrap;gap:6px}.skill-item{background:#0003;border-radius:12px;color:var(--text-secondary);font-size:12px;padding:4px 10px}.contact-content .section-description{margin-bottom:24px}.contact-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.contact-info h2{margin-top:0}.contact-item{align-items:flex-start;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.contact-icon{font-size:20px;margin-top:2px}.contact-details h3{color:var(--text-primary);font-size:14px;margin:0 0 4px}.contact-details p{color:var(--text-secondary);font-size:13px;margin:0}.contact-details a{color:#c6c6c6;text-decoration:none}.contact-details a:hover{text-decoration:underline}.contact-form-section h2{margin-top:0}.contact-form{gap:16px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:4px}.form-group label{color:var(--text-primary);font-size:13px;font-weight:500}.form-group input,.form-group textarea{background:#ffffff0d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:13px;padding:8px 12px;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--hover-glow);outline:none}.form-group textarea{min-height:80px;resize:vertical}.submit-btn{align-self:flex-start;background:var(--hover-glow);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.submit-btn:hover{background:#106ebe;transform:translateY(-1px)}@media (max-width:768px){.about-content .profile-section{flex-direction:column;text-align:center}.contact-layout,.projects-grid{grid-template-columns:1fr}.contact-layout{gap:24px}.skills-grid{grid-template-columns:1fr}.resume-content .resume-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.content-container{padding:8px}.about-content .profile-section{padding:16px}.avatar-placeholder{font-size:28px;height:60px;width:60px}.profile-info .name{font-size:22px}.project-card{padding:16px}.contact-item{padding:8px}}.project-gallery{display:flex;flex-direction:column;height:100%;width:100%}.gallery-main{align-items:center;background:#1e1e1e80;border:1px solid #404040;border-radius:6px;display:flex;flex-grow:1;height:200px;justify-content:center;margin-bottom:12px;overflow:hidden;padding:8px;width:100%}.gallery-main-image{background:#1414144d;cursor:pointer;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease;width:100%}.gallery-main-image:hover{transform:scale(1.02)}.gallery-thumbnails{display:flex;gap:8px;justify-content:center}.thumbnail-container{align-items:center;background:#1e1e1e80;border:2px solid #0000;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:2px;transition:all .3s ease;width:60px}.thumbnail-container:hover{border-color:#606060;transform:translateY(-2px)}.gallery-thumbnail{background:#1414144d;height:100%;object-fit:contain;object-position:center;transition:opacity .3s ease;width:100%}.gallery-thumbnail:hover{opacity:.8}@media (max-width:768px){.project-card{align-items:center;flex-direction:column;gap:16px;min-height:auto}.project-content,.project-image{flex:none;width:100%}.gallery-main{height:150px}.thumbnail-container{height:35px;width:50px}.gallery-thumbnails{gap:6px}.project-emoji{font-size:60px}}.window.maximized .projects-content .project-image{flex:0 0 600px}.window.maximized .projects-content .gallery-main{height:300px;padding:12px}.window.maximized .projects-content .thumbnail-container{height:50px;padding:3px;width:80px}.window.maximized .projects-content .gallery-thumbnails{gap:12px}.file-explorer{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;width:100%}.file-explorer-content{height:100%;overflow-y:auto;padding:20px}.empty-folder{align-items:center;color:#ccc;display:flex;font-style:italic;height:200px;justify-content:center}.file-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:10px}.file-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.file-item:hover{background-color:#ffffff1a}.file-item:active{background-color:#fff3}.file-icon{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 1px 3px #0000004d;display:flex;font-size:32px;height:48px;justify-content:center;margin-bottom:8px;width:48px}.file-name{word-wrap:break-word;color:#fff;font-size:11px;line-height:1.2;max-width:60px;text-align:center}@media (max-width:768px){.file-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.file-explorer-content,.file-grid{padding:15px}.file-icon{font-size:28px;height:40px;width:40px}.file-name{font-size:10px;max-width:50px}}.minesweeper{box-sizing:border-box;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;width:100%}.minesweeper,.minesweeper-header{background:silver;display:flex;padding:10px}.minesweeper-header{align-items:center;border:2px inset silver;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.game-controls{align-items:center;display:flex;gap:15px}.difficulty-selector select{background:#fff;border:1px inset silver;font-size:12px;padding:5px 8px}.reset-button{align-items:center;background:silver;border:2px outset silver;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.reset-button:active{border:2px inset silver}.game-info{align-items:center;display:flex;gap:20px}.mine-counter,.timer{background:#000;border:2px inset silver;color:red;font-family:Courier New,monospace;font-size:14px;font-weight:700;min-width:60px;padding:5px 10px;text-align:center}.game-status{margin-bottom:10px;min-height:30px;text-align:center}.status-message{border-radius:5px;display:inline-block;font-size:16px;font-weight:700;padding:5px 10px}.status-message.win{background:#90ee90;color:#006400}.status-message.lose{background:#ffcccb;color:#8b0000}.board-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:10px}.board{grid-gap:1px;background:grey;border:3px inset silver;display:grid;gap:1px;max-height:100%;max-width:100%;padding:3px}.cell{align-items:center;background:silver;border:2px outset silver;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin:0;padding:0;-webkit-user-select:none;user-select:none;width:20px}.cell:hover:not(.revealed):not(:disabled){background:#d0d0d0}.cell:active:not(.revealed):not(:disabled){border:2px inset silver}.cell.revealed{border:1px solid grey;cursor:default}.cell.flagged,.cell.revealed{background:silver}.cell.mine{background:red;color:#000}.cell.number-1{color:#00f}.cell.number-2{color:green}.cell.number-3{color:red}.cell.number-4{color:navy}.cell.number-5{color:maroon}.cell.number-6{color:teal}.cell.number-7{color:#000}.cell.number-8{color:grey}@media (max-width:768px){.minesweeper{padding:5px}.minesweeper-header{align-items:stretch;flex-direction:column;gap:10px}.game-controls{justify-content:center}.game-info{justify-content:space-around}.difficulty-selector select{max-width:200px;width:100%}.cell{font-size:10px;height:18px;width:18px}.board-container{padding:5px}}@media (max-width:480px){.cell{font-size:9px;height:16px;width:16px}.mine-counter,.timer{font-size:12px;min-width:50px;padding:3px 6px}.reset-button{font-size:18px;height:35px;width:35px}}.icon{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:8px;position:absolute;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:1}.icon:hover{background:#0006}.icon:active{transform:scale(.95)}.icon-image{height:60px;margin-bottom:8px;transition:all .3s ease;width:80px}.container,.icon-image{align-items:center;display:flex;justify-content:center}.container{flex-direction:column;height:100%;width:100%}.container,.file{position:relative}.file{cursor:pointer;height:2.5rem;perspective:1500px;transform-origin:bottom;width:3.75rem;z-index:50}.file div{border-radius:.25rem;inset:.0625rem;position:absolute;transform-origin:bottom}.file div,.work-5{transition:all .3s ease}.work-5{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#d97706cc;border:1px solid #fff3;border-top-left-radius:0;border-radius:.25rem;box-shadow:0 2px 8px #0000001a;height:100%;position:relative;transform-origin:top;width:100%}.work-5:after{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #ffffff26;border-top-left-radius:.25rem;border-top-right-radius:.25rem;bottom:99%;left:0;width:1.25rem}.work-5:after,.work-5:before{background:#d97706cc;content:"";height:.25rem;position:absolute}.work-5:before{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-clip-path:polygon(0 35%,0 100%,50% 100%);clip-path:polygon(0 35%,0 100%,50% 100%);left:18.875px;top:-3.75px;width:.25rem}.work-4{background:#a1a1aa99;border:1px solid #ffffff26;box-shadow:0 2px 6px #0000001a}.work-3,.work-4{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.work-3{background:#d4d4d899;border:1px solid #fff3;box-shadow:0 2px 6px #00000014}.work-2{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#e5e5e599;border:1px solid #ffffff40;box-shadow:0 2px 6px #0000000f}.work-1{align-items:flex-end;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(0deg,#f59e0bcc,#fbbf24cc);border:1px solid #ffffff4d;border-top-right-radius:0;border-radius:.25rem;bottom:0;box-shadow:0 4px 12px #00000026;display:flex;height:39px;top:auto;transform-origin:bottom;transition:all .3s ease}.work-1:after{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #fff3;border-top-left-radius:.25rem;border-top-right-radius:.25rem;bottom:99%;height:4px;right:0;width:36.5px}.work-1:after,.work-1:before{background:#fbbf24cc;content:"";position:absolute}.work-1:before{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-clip-path:polygon(100% 14%,50% 100%,100% 100%);clip-path:polygon(100% 14%,50% 100%,100% 100%);height:3px;right:35.5px;top:-2.5px;width:3px}.file:hover .work-5{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#d97706e6;border:1px solid #fff6;box-shadow:0 8px 20px #0000004d}.file:hover .work-4{background:#a1a1aacc;border:1px solid #ffffff40;transform:rotateX(-20deg)}.file:hover .work-3,.file:hover .work-4{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.file:hover .work-3{background:#d4d4d8cc;border:1px solid #ffffff4d;transform:rotateX(-30deg)}.file:hover .work-2{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#e5e5e5cc;border:1px solid #ffffff59;transform:rotateX(-38deg)}.file:hover .work-1{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(0deg,#f59e0be6,#fbbf24e6);border:1px solid #fff6;box-shadow:inset 0 5px 10px #fbbf2480,inset 0 -5px 10px #d9770680,0 8px 20px #0003;transform:rotateX(-46deg) translateY(.25px)}.icon-label{word-wrap:break-word;border-radius:4px;color:#e0e0e0;font-size:12px;font-weight:400;line-height:1.2;max-width:80px;padding:2px 4px;text-align:center;text-shadow:1px 1px 2px #000c;transition:all .3s ease}.icon:hover .icon-label{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#505050b3;color:#fff}.icon.selected{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#50505080;border:1px solid #909090cc}@media (max-width:768px){.icon{min-height:60px;min-width:60px;padding:12px}.icon-image{height:45px;margin-bottom:6px;width:60px}.file{height:2rem;width:3rem}.work-1{height:31.2px}.work-1:after{height:3.2px;width:29.2px}.work-1:before{height:2.4px;right:28.4px;top:-2px;width:2.4px}.work-5:after{height:.2rem;width:1rem}.work-5:before{height:.2rem;left:15.1px;top:-3px;width:.2rem}.icon-label{font-size:11px;max-width:70px}.icon:active{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#50505066;transform:scale(.9)}}@media (max-width:480px){.icon-image{height:38px;width:50px}.file{height:1.67rem;width:2.5rem}.work-1{height:26px}.work-1:after{height:2.67px;width:24.3px}.work-1:before{height:2px;right:23.67px;top:-1.67px;width:2px}.work-5:after{height:.17rem;width:.83rem}.work-5:before{height:.17rem;left:12.58px;top:-2.5px;width:.17rem}.icon-label{font-size:10px;max-width:60px}.icon{min-height:50px;min-width:50px;padding:8px}}.weather-widget-full{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#87cefacc,#4682b4cc 50%,#191970cc);border-radius:16px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #fff3;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:16px;position:fixed;right:20px;top:20px;transition:all .3s ease;width:280px;z-index:1000}.weather-widget-full:hover{box-shadow:0 12px 40px #0006,0 0 0 1px #ffffff4d;transform:translateY(-2px)}.weather-header{border-bottom:1px solid #fff3;margin-bottom:15px;padding-bottom:12px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.collapse-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:14px;padding:6px;transition:all .2s ease}.collapse-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.collapse-button:active{transform:scale(.95)}@media (max-width:768px){.collapse-button{display:none!important}}.weather-widget-full.collapsed{height:auto}.weather-widget-full.collapsed .weather-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.location-temp{align-items:flex-start;display:flex;flex-direction:column}.location-name{color:#ffffffe6;font-size:16px;font-weight:600;margin:0 0 4px}.current-temp{font-size:36px;font-weight:300;line-height:1;margin:0;text-shadow:2px 2px 4px #0000004d}.weather-condition{align-items:center;display:flex;flex-direction:column;text-align:center}.weather-icon-large{font-size:28px;margin-bottom:4px}.condition-text{color:#ffffffe6;font-size:12px;line-height:1.2;max-width:80px;text-transform:capitalize}.temp-range{color:#fffc;font-size:12px;text-align:center}.hourly-section{margin:15px 0}.hourly-scroll{-ms-overflow-style:none;display:flex;gap:12px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.hourly-scroll::-webkit-scrollbar{display:none}.hourly-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;flex:0 0 auto;min-width:52.5px;padding:8px;text-align:center;transition:background-color .2s ease}.hourly-item:hover{background:#fff3}.hour-time{color:#fffc;font-size:11px;font-weight:500;margin-bottom:4px}.hour-icon{font-size:16px;margin:4px 0}.hour-precipitation{color:#87cefa;font-size:10px;font-weight:500;margin:2px 0}.hour-temp{font-size:13px;font-weight:600;margin-top:4px}.daily-section{border-top:1px solid #fff3;margin:15px 0;padding-top:12px}.daily-item{grid-gap:12px;align-items:center;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto auto 2fr;padding:8px 0;transition:background-color .2s ease}.day-name{color:#ffffffe6;font-size:13px;font-weight:500;min-width:35px}.day-icon{font-size:16px}.day-precipitation{color:#87cefa;font-size:11px;font-weight:500;min-width:25px;text-align:center}.day-temps{align-items:center;display:flex;gap:8px;justify-content:flex-end}.day-min{color:#ffffffb3}.day-max,.day-min{font-size:13px;min-width:25px;text-align:right}.day-max{font-weight:600}.temp-bar{background:#ffffff4d;border-radius:2px;height:3px;overflow:hidden;width:40px}.temp-bar-fill{background:linear-gradient(90deg,#fffc,#fff);border-radius:2px;height:100%;transition:width .3s ease}.weather-footer{align-items:center;border-top:1px solid #fff3;display:flex;justify-content:center;margin-top:15px;padding-top:12px}.last-updated{color:#fff9;font-size:11px}.refresh-button,.retry-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 8px;transition:all .2s ease}.refresh-button:hover,.retry-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.refresh-button:active,.retry-button:active{transform:scale(.95)}.weather-loading{padding:40px 20px;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:32px;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weather-loading p{color:#fffc;font-size:14px;margin:0}.weather-error{padding:40px 20px;text-align:center}.error-icon{font-size:32px;margin-bottom:15px}.weather-error p{color:#fffc;font-size:14px;margin:0 0 20px}.retry-button{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .2s ease}.weather-widget{align-items:center;background-color:oklch(var(--taskbar-icon-bg-color)/0);border:1px solid oklch(var(--taskbar-item-border-color)/0);border-radius:var(--taskbar-items-border-radius);color:oklch(var(--windows-text-color));cursor:pointer;display:flex;font-family:var(--ff-roboto);gap:8px;padding:6px 12px;transition:background-color .2s ease}.weather-widget:hover{background-color:oklch(var(--taskbar-icon-bg-color)/1);border-color:oklch(var(--taskbar-item-border-color)/1)}.weather-emoji{align-items:center;display:flex;font-size:16px;height:20px;justify-content:center;width:20px}.weather-info{align-items:flex-start;display:flex;flex-direction:column;gap:1px}.weather-temp{color:oklch(var(--windows-text-color));font-size:13px;font-weight:600;line-height:1}.weather-desc{color:oklch(var(--windows-text-color)/.8);font-size:11px;font-weight:400;line-height:1;opacity:.9}.weather-error,.weather-loading{align-items:center;display:flex;gap:8px}.weather-error .weather-info,.weather-loading .weather-info{display:flex;flex-direction:column;gap:1px}.weather-error span,.weather-loading span{align-items:center;display:flex;font-size:16px;height:20px;justify-content:center;width:20px}@media (max-width:768px){.weather-widget-full{border-radius:12px;left:auto;margin:0;max-width:calc(100vw - 20px);padding:12px;position:fixed;right:10px;top:10px;transform:scale(.9);transform-origin:top right;width:180px}.weather-widget-full.collapsed{padding:10px;transform:scale(.85);width:160px}.weather-widget-full.collapsed .weather-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.weather-widget-full.collapsed .location-name{font-size:12px;margin-bottom:2px}.weather-widget-full.collapsed .current-temp{font-size:24px;font-weight:700}.weather-widget-full.collapsed .weather-icon-large{font-size:18px}.weather-widget-full.collapsed .condition-text{font-size:9px;line-height:1.2;max-width:55px}.current-temp{font-size:32px}.location-name{font-size:14px}.weather-icon-large{font-size:24px}.condition-text{font-size:11px;max-width:70px}.hourly-scroll{gap:8px}.hourly-item{min-width:45px;padding:6px}.daily-item{gap:8px;grid-template-columns:1fr auto auto 1.5fr}.day-temps{gap:6px}.temp-bar{width:30px}.weather-widget{gap:6px;padding:4px 8px}.weather-emoji{font-size:14px;height:18px;width:18px}.weather-temp{font-size:12px}.weather-desc{font-size:10px}}@media (max-width:480px){.weather-widget-full{left:auto;margin:0;max-width:calc(100vw - 10px);padding:8px;position:fixed;right:5px;top:5px;transform:scale(.8);transform-origin:top right;width:140px;z-index:1001}.weather-widget-full.collapsed{padding:6px;transform:scale(.75);width:130px}.weather-widget-full.collapsed .location-name{font-size:10px;margin-bottom:1px}.weather-widget-full.collapsed .current-temp{font-size:20px}.weather-widget-full.collapsed .weather-icon-large{font-size:16px}.weather-widget-full.collapsed .condition-text{font-size:8px;max-width:45px}.current-temp{font-size:28px}.location-name{font-size:13px}.weather-icon-large{font-size:20px}.condition-text{font-size:10px;max-width:60px}.hourly-item{min-width:40px;padding:4px}.hour-precipitation,.hour-time{font-size:10px}.hour-temp{font-size:12px}.daily-item{gap:6px;grid-template-columns:1fr auto 1.2fr}.day-precipitation{display:none}.weather-widget{gap:4px;padding:4px 6px}.weather-emoji{font-size:12px;height:16px;width:16px}}@media (max-width:375px){.weather-widget-full{right:3px;top:3px;transform:scale(.8);width:180px}.weather-widget-full.collapsed{transform:scale(.7);width:140px}.current-temp{font-size:24px}.location-name{font-size:12px}.weather-icon-large{font-size:18px}}@media (max-width:768px) and (orientation:landscape){.weather-widget-full{right:5px;top:5px;transform:scale(.8);width:220px}.weather-widget-full.collapsed{transform:scale(.7);width:160px}}@media (pointer:coarse){.weather-widget-full{touch-action:none}.refresh-button,.retry-button{min-height:44px;padding:8px 16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.weather-widget-full{border-width:.5px}.temp-bar{height:4px}}@media (prefers-color-scheme:dark){.weather-widget-full{background:linear-gradient(145deg,#1212294d,#172531b3 50%,#00000080)}}.weather-widget-full *{transition:color .3s ease,background-color .3s ease}.weather-widget-full{transition:all .3s ease,width .3s ease,height .3s ease,transform .3s ease}.daily-section,.hourly-section{overflow:hidden;transition:opacity .3s ease,max-height .3s ease}.weather-widget-full.collapsed .daily-section,.weather-widget-full.collapsed .hourly-section{max-height:0;opacity:0;pointer-events:none}.refresh-button:focus,.retry-button:focus{outline:2px solid #fffc;outline-offset:2px}@media print{.weather-widget-full{background:#fff;border:1px solid #ccc;box-shadow:none;color:#000;position:static}.refresh-button,.retry-button{display:none}}.desktop{background:linear-gradient(#0000004d,#0000004d),url(/static/media/windows-back.c217764703455dfd25e6.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:calc(100vh - 47px);overflow:hidden;position:relative;width:100vw}.desktop-icons{height:100%;position:relative;width:100%}.welcome-widget{animation:slideInFromLeft .8s ease-out;border-radius:12px;left:30px;max-width:520px;min-width:300px;padding:25px 35px;position:absolute;top:30px;z-index:10}.welcome-content{text-align:left}.welcome-greeting{color:#ffffffe6;font-size:1.1rem;font-weight:400;margin:0 0 5px}.welcome-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e3f2fd);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.2rem;font-weight:600;margin:0 0 8px}.welcome-subtitle{color:#fffc;font-size:.95rem;font-weight:300;margin-bottom:10px;text-shadow:0 1px 2px #00000080}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.desktop:before{background-image:radial-gradient(circle at 20% 50%,#7877c61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c61a 0,#0000 50%),radial-gradient(circle at 40% 80%,#78c8ff1a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@media (max-width:768px){.desktop{height:calc(100vh - 60px)}.welcome-widget{left:20px;max-width:none;min-width:0;min-width:auto;padding:20px 25px;right:20px;top:20px}.welcome-name{font-size:1.8rem}.welcome-greeting{font-size:1rem}.welcome-subtitle{font-size:.9rem}.desktop-icon{min-height:80px;min-width:80px}}@media (hover:none) and (pointer:coarse){.desktop-icon{transition:transform .2s ease}.desktop-icon:active{transform:scale(.95)}}.search-results{animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#3e3e3e4d;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff1a;max-height:400px;overflow-y:auto;position:relative;z-index:9999}.search-form .search-results{left:0;margin-top:8px;position:absolute;right:0;top:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-results-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.search-results-title{color:#fff;font-size:14px;font-weight:500}.search-results-close{background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-size:16px;padding:4px;transition:all .2s ease}.search-results-close:hover{background:#ffffff1a;color:#fff}.search-results-list{padding:8px}.search-result-item{border:1px solid #0000;border-radius:6px;cursor:pointer;margin-bottom:4px;padding:12px;transition:all .2s ease}.search-result-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-1px)}.search-result-item:last-child{margin-bottom:0}.search-result-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.search-result-icon{font-size:16px}.search-result-title{color:#fff;flex:1 1;font-size:14px;font-weight:500}.search-result-matches{background:#ffffff1a;border-radius:10px;color:#888;font-size:12px;padding:2px 6px}.search-result-matches-list{display:flex;flex-direction:column;gap:4px}.search-result-match{align-items:flex-start;display:flex;gap:8px;padding:4px 0}.search-result-match-type{flex-shrink:0;font-size:12px;margin-top:2px}.search-result-match-text{color:#ccc;flex:1 1;font-size:13px;line-height:1.4}.search-result-match-text mark{background:#ffff004d;border-radius:2px;color:#fff;font-weight:500;padding:1px 2px}.search-result-match--title .search-result-match-text{color:#fff;font-weight:500}.search-result-match--keyword .search-result-match-text{color:#a0c4ff;font-style:italic}.search-result-match--content .search-result-match-text{color:#ccc}.search-no-results{align-items:center;display:flex;flex-direction:column;gap:8px;padding:32px 16px;text-align:center}.search-no-results-icon{font-size:32px;opacity:.5}.search-no-results-text{color:#fff;font-size:16px;font-weight:500}.search-no-results-suggestion{color:#888;font-size:14px}@media (max-width:768px){.search-results{margin-top:4px;max-height:300px}.search-result-item{padding:10px}.search-result-header{flex-wrap:wrap;gap:6px}.search-result-matches{font-size:11px}.search-result-match-text{font-size:12px}}:root{--content-width:76.875rem;--content-fluid-width:116.25rem;--container-offset:0.9375rem;--container-width:calc(var(--content-width) + var(--container-offset)*2);--container-fluid-width:calc(var(--content-fluid-width) + var(--container-offset)*2);--ff-roboto:"Roboto",sans-serif;--dark-color:16.23% 0.021 275.07;--light-color:88.26% 0.049 277.68;--black-color:0% 0 0;--white-color:100% 0 0;--hover-color:60.23% 0.048 210.71;--page-bg-color:17.76% 0 0;--windows-main-color:15% 0.003 240;--windows-taskbar-bg-color:15% 0.003 240;--windows-taskbar-border-color:25% 0.005 240;--windows-logo-color:60.97% 0.157 247.14;--windows-logo-accent-color:77.97% 0.157 247.14;--windows-timeline-button-color:29.68% 0.002 106.51;--windows-border-color:30% 0.01 240;--windows-text-color:90% 0 0;--windows-placeholder-color:70% 0.005 240;--windows-dark-border-color:25% 0.005 240;--windows-popup-light-bg-color:18% 0.003 240;--windows-search-icon-color:85% 0 0;--taskbar-main-color:15% 0.003 240;--taskbar-border-color:25% 0.005 240;--placeholder-color:70% 0.005 240;--taskbar-icon-bg-color:25% 0.005 240;--taskbar-items-border-radius:4px;--taskbar-item-border-color:35% 0.01 240;--search-bg-color:20% 0.005 240;--tastkab-search-border-color:30% 0.01 240;--taskbar-search-icon-color:85% 0 0}.btn-reset{background-color:initial;border:none;cursor:pointer;padding:0}.list-reset{list-style:none;margin:0;padding:0}.input-reset{-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:0;outline:none}.input-reset::-webkit-search-cancel-button,.input-reset::-webkit-search-decoration,.input-reset::-webkit-search-results-button,.input-reset::-webkit-search-results-decoration{display:none}.btn{align-items:center;aspect-ratio:1;display:inline-flex;gap:8px;justify-content:center;padding-inline:8px}.btn__icon{block-size:24px;font-size:18px;inline-size:24px}.taskbar{-webkit-border-before:.0625rem solid oklch(25% .005 240/.3);-webkit-border-before:.0625rem solid oklch(var(--taskbar-border-color)/.3);align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#0006;block-size:47px;border-block-start:.0625rem solid oklch(25% .005 240/.3);border-block-start:.0625rem solid oklch(var(--taskbar-border-color)/.3);bottom:0;box-shadow:0 -2px 20px #0000004d;display:flex!important;justify-content:space-between;left:0;overflow:hidden;padding-inline:12px;position:fixed;width:100%;z-index:9999}.taskbar__left{align-items:center;display:flex;gap:20px}.taskbar__center{flex:1 1;gap:10px;justify-content:center}.start-btn,.taskbar__center,.taskbar__right{align-items:center;display:flex}.start-btn{aspect-ratio:1;block-size:41px;inline-size:41px;justify-content:center;padding:8px;position:relative}.start-btn__icon{height:25px;object-fit:contain;width:25px}.nav{align-items:center;display:flex!important;gap:20px;justify-content:center;justify-self:center}.search-form__field{align-items:center;backdrop-filter:blur(1.4px);-webkit-backdrop-filter:blur(1.4px);background:#42424233;border:1px solid #aeaeae4d;border-radius:20px;box-shadow:0 4px 30px #0000001a;display:flex;gap:8px;height:34px;overflow:visible;padding:6px 8px 6px 12px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.search-form__field:before{background:linear-gradient(135deg,oklch(20% .005 240/.1),oklch(20% .005 240/.05));background:linear-gradient(135deg,oklch(var(--search-bg-color)/.1) 0,oklch(var(--search-bg-color)/.05) 100%);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.search-form__input{background:#0000;border:none;color:oklch(90% 0 0);color:oklch(var(--windows-text-color));font-family:Roboto,sans-serif;font-family:var(--ff-roboto);font-size:13px;height:100%;outline:none;position:relative;width:200px;z-index:1}.search-form__input::placeholder{color:oklch(70% .005 240/.8);color:oklch(var(--placeholder-color)/.8);font-weight:400}.search-form__btn{align-items:center;border-radius:50%;color:#fff!important;display:flex;justify-content:center;min-height:24px;min-width:24px;padding:6px;position:relative;transition:all .2s ease;z-index:1}.search-form__btn svg{height:14px;transition:transform .2s ease;width:14px}.search-form__btn:hover svg{transform:scale(1.1)}.app-list{align-items:center;display:flex;gap:4px}.app-list__btn{background:oklch(25% .005 240/0);background:oklch(var(--taskbar-icon-bg-color)/0);border:1px solid oklch(35% .01 240/0);border:1px solid oklch(var(--taskbar-item-border-color)/0);border-radius:4px;border-radius:var(--taskbar-items-border-radius);color:oklch(90% 0 0);color:oklch(var(--windows-text-color));height:36px;min-width:36px;padding:6px;transition:all .2s ease}.app-list__btn:hover{background:oklch(25% .005 240/.6);background:oklch(var(--taskbar-icon-bg-color)/.6);border-color:oklch(35% .01 240/.4);border-color:oklch(var(--taskbar-item-border-color)/.4);box-shadow:0 2px 8px #0003}.app-list__btn.active{background-color:#3636364d}.app-list__btn.minimized{animation:pulse 2s infinite;background-color:#36363633;opacity:.7}.system-tray{align-items:center;display:flex}.date-time{align-items:flex-end;border-radius:6px;color:oklch(90% 0 0);color:oklch(var(--windows-text-color));cursor:pointer;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--ff-roboto);font-size:12px;padding-block:7px;padding-inline:10px}.date-time:hover{background-color:#6c6c6c1a}#date{font-size:11px;letter-spacing:1.1px;opacity:.8}.popup-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#0c0c0c99;border:1px solid oklch(25% .005 240/.3);border:1px solid oklch(var(--windows-dark-border-color)/.3);border-radius:12px;box-shadow:0 8px 32px -4px #00000080,0 4px 16px -2px #0000004d;display:flex;flex-direction:column;inline-size:640px;inset-block-end:-1000px;inset-inline-start:50%;max-block-size:724px;min-block-size:468px;overflow:hidden;position:absolute;transform:translatex(-50%);transition:bottom .3s ease-out;z-index:100000}.popup-menu--active{inset-block-end:58px}.popup-menu__top{padding-block:20px;padding-inline:36px}.popup-menu__bottom{-webkit-margin-before:auto;-webkit-border-before:1px solid oklch(30% .01 240/.2);-webkit-border-before:1px solid oklch(var(--windows-border-color)/.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:oklch(15% .003 240/.9);background-color:oklch(var(--windows-taskbar-bg-color)/.9);border-block-start:1px solid oklch(30% .01 240/.2);border-block-start:1px solid oklch(var(--windows-border-color)/.2);border-bottom-left-radius:12px;border-bottom-right-radius:12px;justify-content:space-between;margin-block-start:auto;padding-block:1rem;padding-inline:36px}.popup-menu__bottom,.user{align-items:center;display:flex}.user{background-color:oklch(100% 0 0/0);background-color:oklch(var(--white-color)/0);border-radius:8px;cursor:pointer;gap:8px;padding-block:4px;padding-inline:12px;transition:background-color .35s ease-in-out}.user:is(:focus-visible,:hover){background-color:oklch(100% 0 0/1);background-color:oklch(var(--white-color)/1)}.user__avatar{block-size:32px;border-radius:50%;inline-size:32px;overflow:hidden}.user__avatar img{height:100%;object-fit:cover;width:100%}.user__name{color:oklch(90% 0 0);color:oklch(var(--windows-text-color));font-family:Roboto,sans-serif;font-family:var(--ff-roboto);font-size:14px}.power{border-radius:4px;padding:8px;transition:background-color .2s ease}.power:hover{background-color:oklch(25% .005 240);background-color:oklch(var(--taskbar-icon-bg-color))}@media (max-width:768px){.taskbar{block-size:60px;padding-inline:8px}.taskbar__left{gap:12px}.search-form__input{min-width:120px;width:120px}.popup-menu{inline-size:90vw;min-block-size:60vh}.popup-menu__top{padding:24px}.popup-menu__top .search-form__input{min-width:250px}.start-btn{block-size:48px;inline-size:48px}.start-btn__icon{height:30px;width:30px}.app-list__btn{height:44px;min-width:44px}.date-time{font-size:11px}}@media (max-width:480px){.search-form__input{min-width:80px;width:80px}.popup-menu__top .search-form__input{min-width:200px}.taskbar__left{gap:8px}.taskbar{padding-inline:8px}.user__name{display:none}.popup-menu{inline-size:95vw;max-block-size:60vh;max-inline-size:400px;min-block-size:300px}.start-btn{min-width:40px;width:40px}.start-btn__icon{height:24px;width:24px}}.calendar-popup{animation:slideUp .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#0000001a;border:1px solid oklch(30% .005 240/.3);border-radius:12px;bottom:58px;box-shadow:0 8px 32px oklch(0 0 0/.3),0 2px 16px oklch(0 0 0/.2);color:oklch(85% .002 240);font-family:Roboto,sans-serif;font-family:var(--ff-roboto);position:fixed;right:12px;width:300px;z-index:100000}.calendar-header{border-bottom:1px solid oklch(30% .005 240/.3);padding:16px 20px 8px}.calendar-month-year{color:oklch(90% .002 240);font-size:18px;font-weight:600;text-align:center}.calendar-grid{padding:12px}.calendar-day-names{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-day-name{color:oklch(70% .002 240);font-size:11px;font-weight:600;padding:8px 4px;text-align:center}.calendar-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.calendar-day{border-radius:4px;cursor:pointer;font-size:12px;padding:8px 4px;text-align:center;transition:background-color .2s ease}.calendar-day.current-month{color:oklch(85% .002 240)}.calendar-day.other-month{color:oklch(50% .002 240)}.calendar-day.today{background-color:oklch(50% .15 240);color:#fff;font-weight:600}.calendar-day:hover:not(.today){background-color:oklch(25% .005 240/.5)}.calendar-time{border-top:1px solid oklch(30% .005 240/.3);padding:12px 20px 16px;text-align:center}.calendar-current-time{color:oklch(90% .002 240);font-size:28px;font-weight:300;margin-bottom:4px}.calendar-current-date{color:oklch(75% .002 240);font-size:13px}.search-form{position:relative}.popup-search-form .search-form__field{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#28282866;border:1px solid #aeaeae66;border-radius:20px;box-shadow:0 4px 20px #0003;height:38px;margin:0 0 20px;max-width:none;padding:6px 10px 6px 14px;width:100%}.popup-search-form .search-form__field:focus-within{border-color:1px solid #494949;box-shadow:0 2px 10px #2e2e2e4d}.popup-search-form .search-form__input{color:oklch(90% 0 0);color:oklch(var(--windows-text-color));font-size:14px;margin:0;padding:0;width:100%}.popup-search-form .search-form__input::placeholder{color:oklch(70% .005 240/.7);color:oklch(var(--placeholder-color)/.7);font-size:14px}.popup-search-form .search-form__btn{min-height:28px;min-width:28px;padding:6px}.popup-search-form .search-form__btn svg{height:14px;width:14px}@media (max-width:480px){.calendar-popup{right:8px;width:280px}.popup-search-form .search-form__field{margin-bottom:16px;max-width:100%}.popup-search-form .search-form__input{font-size:14px}}.app{background:linear-gradient(#0000004d,#0000004d),url(/static/media/windows-back.c217764703455dfd25e6.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;position:relative;width:100vw}
/*# sourceMappingURL=main.c904521e.css.map*/