:root{--bg-color: #f0f4f8;--text-color: #111111;--border-color: rgba(0, 0, 0, 0.1);--input-bg: rgba(255, 255, 255, 0.5);--project-bg: rgba(255, 255, 255, 0.6);--btn-bg: #222222;--btn-text: #ffffff;--frame-inner-border: #222222;--frame-middle-border: #5c2d91;--frame-outer-border: #008272;--frame-shadow: rgba(0, 120, 212, 0.3);--glass-bg: rgba(255, 255, 255, 0.75);--glass-border: rgba(255, 255, 255, 0.4);--metro-blue: #0078d4;--metro-green: #107c41;--metro-purple: #5c2d91;--metro-orange: #d83b01;--metro-teal: #008272;--metro-red: #b81b1b}body.dark-mode{--bg-color: #0f0f13;--text-color: #ffffff;--border-color: rgba(255, 255, 255, 0.1);--input-bg: rgba(0, 0, 0, 0.5);--project-bg: rgba(20, 20, 25, 0.6);--btn-bg: #ffffff;--btn-text: #111111;--frame-inner-border: #ffffff;--frame-middle-border: #603cba;--frame-outer-border: #00aba9;--frame-shadow: rgba(45, 137, 239, 0.4);--glass-bg: rgba(15, 15, 19, 0.75);--glass-border: rgba(255, 255, 255, 0.1)}@keyframes hacker-flicker{0%{opacity:.98}50%{opacity:1}100%{opacity:.95}}@keyframes hacker-glitch{0%{transform:translate(0)}20%{transform:translate(-2px, 2px)}40%{transform:translate(-2px, -2px)}60%{transform:translate(2px, 2px)}80%{transform:translate(2px, -2px)}100%{transform:translate(0)}}body.hacker-mode{--bg-color: #000000;--text-color: #00ff00;--border-color: #003300;--input-bg: rgba(0, 20, 0, 0.5);--project-bg: rgba(0, 15, 0, 0.8);--btn-bg: #00ff00;--btn-text: #000000;--glass-bg: rgba(0, 10, 0, 0.85);--glass-border: #00ff00;--metro-blue: #004400;--metro-green: #005500;--metro-purple: #006600;--metro-orange: #007700;--metro-teal: #008800;--metro-red: #009900;background-image:linear-gradient(rgba(0, 255, 0, 0.05) 50%, rgba(0, 0, 0, 0.25) 50%),linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));background-size:100% 4px,3px 100%;animation:hacker-flicker .15s infinite}body.hacker-mode *,body.hacker-mode{font-family:"Courier New",Courier,monospace !important}body.hacker-mode .tile,body.hacker-mode .glass-panel,body.hacker-mode .window,body.hacker-mode .action-btn{box-shadow:0 0 10px rgba(0,255,0,.2) !important;border:1px solid lime !important}body.hacker-mode .tile:hover,body.hacker-mode .action-btn:hover{box-shadow:0 0 20px rgba(0,255,0,.8),0 0 40px rgba(0,255,0,.4) !important;text-shadow:0 0 5px lime;animation:hacker-glitch .2s infinite}body.cyberpunk-mode{--bg-color: #0d0221;--text-color: #00ffcc;--border-color: #ff00ff;--input-bg: rgba(26, 0, 51, 0.8);--project-bg: rgba(13, 2, 33, 0.8);--btn-bg: #ff00ff;--btn-text: #0d0221;--glass-bg: rgba(13, 2, 33, 0.9);--glass-border: #ff00ff;--metro-blue: #00ffcc;--metro-green: #00ff00;--metro-purple: #ff00ff;--metro-orange: #ff9900;--metro-teal: #00ffff;--metro-red: #ff003c;text-shadow:0 0 5px var(--text-color)}body.retro-mode{--bg-color: #c0c0c0;--text-color: #000000;--border-color: #808080;--input-bg: #ffffff;--project-bg: #c0c0c0;--btn-bg: #c0c0c0;--btn-text: #000;--glass-bg: #c0c0c0;--glass-border: #ffffff;--metro-blue: #000080;--metro-green: #008000;--metro-purple: #800080;--metro-orange: #808000;--metro-teal: #008080;--metro-red: #800000}body.retro-mode *{font-family:"MS Sans Serif","Tahoma",sans-serif !important;border-radius:0 !important}body.retro-mode .window,body.retro-mode .theme-btn,body.retro-mode .action-btn,body.retro-mode .project-tile,body.retro-mode .tile,body.retro-mode .toast,body.retro-mode .progress-bar-container{border:2px solid;border-color:#fff gray gray #fff !important;box-shadow:none !important;background:silver !important;color:#000 !important}body.retro-mode .window-header{background:navy !important;color:#fff !important}body.retro-mode .progress-bar-fill{background:navy !important}body.baldi-mode{--bg-color: #008000;--text-color: #ff0000;--border-color: #ffff00;--input-bg: #ffffff;--project-bg: #ffff00;--btn-bg: #0000ff;--btn-text: #ffff00;--glass-bg: #ffff00;--glass-border: #ff0000;--metro-blue: #0000ff;--metro-green: #00ff00;--metro-purple: #ff00ff;--metro-orange: #ff8800;--metro-teal: #00ffff;--metro-red: #ff0000}body.baldi-mode *{font-family:"Comic Sans MS","Chalkboard SE",sans-serif !important;border-radius:0 !important}body.baldi-mode .window,body.baldi-mode .theme-btn,body.baldi-mode .action-btn,body.baldi-mode .project-tile,body.baldi-mode .tile,body.baldi-mode .toast,body.baldi-mode .progress-bar-container,body.baldi-mode .glass,body.baldi-mode .glass-panel{border:4px solid blue !important;box-shadow:none !important;background:#ff0 !important;color:red !important}body.baldi-mode .theme-btn,body.baldi-mode .action-btn{background:green !important;color:#ff0 !important}body.baldi-mode .theme-btn:hover,body.baldi-mode .action-btn:hover{background:blue !important;color:#ff0 !important;border-color:red !important}body.baldi-mode .window-header{background:blue !important;color:#ff0 !important}@keyframes minecraft-bg-scroll{from{background-position:0 0,0 10px,10px -10px,-10px 0px}to{background-position:20px 20px,20px 30px,30px 10px,10px 20px}}@keyframes minecraft-float{0%{transform:translateY(0px)}50%{transform:translateY(-5px)}100%{transform:translateY(0px)}}body.minecraft-mode{--bg-color: #5d4037;--text-color: #ffffff;--border-color: #3e2723;--input-bg: rgba(0, 0, 0, 0.4);--project-bg: rgba(56, 142, 60, 0.9);--btn-bg: #757575;--btn-text: #ffffff;--glass-bg: rgba(56, 142, 60, 0.9);--glass-border: #2e7d32;--metro-blue: #1976d2;--metro-green: #388e3c;--metro-purple: #7b1fa2;--metro-orange: #f57c00;--metro-teal: #00838f;--metro-red: #d32f2f;background-image:linear-gradient(45deg, #4e342e 25%, transparent 25%),linear-gradient(-45deg, #4e342e 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #4e342e 75%),linear-gradient(-45deg, transparent 75%, #4e342e 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;animation:minecraft-bg-scroll 2s linear infinite}body.minecraft-mode *{font-family:"Courier New",Courier,monospace !important;border-radius:0 !important}body.minecraft-mode .window,body.minecraft-mode .theme-btn,body.minecraft-mode .action-btn,body.minecraft-mode .project-tile,body.minecraft-mode .tile,body.minecraft-mode .toast,body.minecraft-mode .progress-bar-container,body.minecraft-mode .glass,body.minecraft-mode .glass-panel{border:3px solid;border-color:#bdbdbd #424242 #424242 #bdbdbd !important;box-shadow:2px 2px 0px #000 !important;background:#757575 !important;color:#fff !important;text-shadow:1px 1px 0px #333}body.minecraft-mode .window:not([class*=wobble-]),body.minecraft-mode .theme-btn:not([class*=wobble-]),body.minecraft-mode .action-btn:not([class*=wobble-]),body.minecraft-mode .project-tile:not([class*=wobble-]),body.minecraft-mode .tile:not([class*=wobble-]),body.minecraft-mode .toast:not([class*=wobble-]),body.minecraft-mode .progress-bar-container:not([class*=wobble-]),body.minecraft-mode .glass:not(.action-center):not([class*=wobble-]),body.minecraft-mode .glass-panel:not([class*=wobble-]){animation:minecraft-float 3s ease-in-out infinite}body.minecraft-mode .theme-btn:hover,body.minecraft-mode .action-btn:hover{animation:none;transform:scale(1.05)}body.minecraft-mode .theme-btn:active,body.minecraft-mode .action-btn:active{border-color:#424242 #bdbdbd #bdbdbd #424242 !important;transform:translate(2px, 2px);box-shadow:none !important}body.minecraft-mode .window-header{background:#424242 !important;color:#fff !important;border-bottom:2px solid #212121}*{box-sizing:border-box;margin:0;padding:0;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}body.hacker-mode,body.hacker-mode *{font-family:"Courier New",Courier,monospace !important}body{background-color:var(--bg-color);color:var(--text-color);text-align:center;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden;padding-bottom:60px;background-image:radial-gradient(var(--border-color) 1px, transparent 1px);background-size:20px 20px}body.spin-magic{transform:rotate(360deg);transition:transform 2s ease-in-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--metro-blue);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--metro-purple)}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border)}.glass-panel{background:var(--project-bg);backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:12px}.context-menu{display:none;position:absolute;z-index:10000;background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.3);min-width:200px;overflow:hidden}.context-menu ul{list-style:none;padding:5px 0;margin:0;text-align:left}.context-menu li{padding:10px 20px;cursor:pointer;font-size:.95rem;border-bottom:1px solid var(--border-color);transition:background .2s}.context-menu li:last-child{border-bottom:none}.context-menu li:hover{background:var(--metro-blue);color:#fff}.bike-easter-egg{position:fixed;bottom:10%;left:-100px;font-size:4rem;z-index:9999;pointer-events:none}.navbar{padding:1.5rem 1rem;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--glass-border)}.nav-container{max-width:900px;margin:0 auto 1rem auto;display:flex;justify-content:space-between;align-items:center}.nav-container h1{font-weight:600;font-size:1.8rem;letter-spacing:-0.5px}.nav-controls{display:flex;gap:10px}.navbar ul{list-style:none;display:flex;justify-content:center;gap:2.5rem}.navbar a{color:var(--text-color);text-decoration:none;text-transform:uppercase;font-size:.85rem;font-weight:bold;letter-spacing:1.5px;transition:color .3s}.navbar a:hover{color:var(--metro-blue)}.theme-btn{padding:.6rem 1.2rem;background-color:var(--glass-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.theme-btn:hover{background-color:var(--text-color);color:var(--bg-color);transform:translateY(-2px)}.profile-section{padding:4rem 1rem 2rem 1rem;display:flex;justify-content:center}.profile-container{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:900px;width:100%}.profile-layout{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap;width:100%}.profile-text{flex:1;min-width:300px;text-align:left;padding:2rem;border-radius:16px}.profile-text h2{font-weight:600;font-size:2.2rem;margin-bottom:1rem;border-bottom:2px solid var(--metro-blue);padding-bottom:.5rem;display:inline-block}.profile-text p{font-size:1.1rem;opacity:.9;line-height:1.8}.profile-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.outer-frame-large{border:8px solid var(--frame-outer-border);padding:16px;transition:transform .3s,box-shadow .3s;display:inline-block;border-radius:20px}.outer-frame-large:hover{transform:translate(-4px, -4px);box-shadow:15px 15px 0px var(--frame-shadow)}.outer-frame-middle{border:6px solid var(--frame-middle-border);padding:12px;border-radius:12px}.image-frame{border:4px solid var(--frame-inner-border);padding:6px;width:200px;height:200px;display:flex;justify-content:center;align-items:center;border-radius:8px;user-select:none;cursor:grab}.image-frame:active{cursor:grabbing}.image-frame.spin-3d{animation:flip-3d 1.5s ease-in-out}#profile-img,.enlargeable{cursor:pointer;border-radius:4px}#profile-img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(0.1, 0.8, 0.3, 1),filter .3s}.section{padding:4rem 1rem;max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.section h2{font-weight:600;margin-bottom:3rem;font-size:2rem;border-bottom:3px solid var(--metro-blue);padding-bottom:5px}.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;width:100%}.tile{color:#fff;padding:2.5rem 1rem;width:150px;border-radius:12px;font-size:1.1rem;font-weight:bold;transition:transform .3s,box-shadow .3s;cursor:grab;user-select:none;box-shadow:0 4px 10px rgba(0,0,0,.15)}.tile:active{cursor:grabbing}.tile:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 15px rgba(0,0,0,.25)}.tile.dragging{opacity:.5;transform:scale(1.05);z-index:100}.tile.drag-over{border:2px dashed #fff;transform:scale(1.05)}.tile.blue{background:linear-gradient(135deg, #0078d4, #005a9e)}.tile.green{background:linear-gradient(135deg, #107c41, #0b5a2f)}.tile.purple{background:linear-gradient(135deg, #5c2d91, #3b1d5e)}.tile.orange{background:linear-gradient(135deg, #d83b01, #a32c00)}.tile.teal{background:linear-gradient(135deg, #008272, #005a4e)}.wobble-jelly{animation:wobble-jelly .8s ease-in-out}@keyframes wobble-jelly{0%,100%{transform:scale(1)}15%{transform:scale3d(1.25, 0.75, 1)}30%{transform:scale3d(0.75, 1.25, 1)}45%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}}.wobble-glitch{animation:wobble-glitch .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}@keyframes wobble-glitch{0%{transform:translate(0)}20%{transform:translate(-10px, 10px) skewX(-20deg);filter:hue-rotate(90deg)}40%{transform:translate(10px, -10px) skewX(20deg);filter:hue-rotate(-90deg)}60%{transform:translate(-10px, -10px) skewX(-10deg);filter:invert(1)}80%{transform:translate(10px, 10px) skewX(10deg);filter:contrast(200%)}100%{transform:translate(0) skewX(0);filter:none}}.wobble-bounce{animation:wobble-bounce .6s cubic-bezier(0.28, 0.84, 0.42, 1)}@keyframes wobble-bounce{0%{transform:translateY(0)}30%{transform:translateY(-30px) scaleY(1.1)}50%{transform:translateY(0) scaleY(0.9)}70%{transform:translateY(-15px) scaleY(1.05)}100%{transform:translateY(0) scaleY(1)}}.wobble-spin{animation:wobble-spin .7s ease-in-out}@keyframes wobble-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(0.5);border-radius:50%}100%{transform:rotate(360deg) scale(1)}}.wobble-tornado{animation:wobble-tornado 1s ease-in-out}@keyframes wobble-tornado{0%{transform:perspective(400px) rotateY(0deg) translateY(0)}25%{transform:perspective(400px) rotateY(180deg) translateY(-20px) scale(1.1)}75%{transform:perspective(400px) rotateY(540deg) translateY(10px) scale(0.9)}100%{transform:perspective(400px) rotateY(720deg) translateY(0) scale(1)}}.wobble-shake{animation:wobble-shake .8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes wobble-shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.wobble-rubberband{animation:wobble-rubberband 1s}@keyframes wobble-rubberband{0%{transform:scale3d(1, 1, 1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}100%{transform:scale3d(1, 1, 1)}}.wobble-swing{animation:wobble-swing 1s;transform-origin:top center}@keyframes wobble-swing{20%{transform:rotate3d(0, 0, 1, 15deg)}40%{transform:rotate3d(0, 0, 1, -10deg)}60%{transform:rotate3d(0, 0, 1, 5deg)}80%{transform:rotate3d(0, 0, 1, -5deg)}100%{transform:rotate3d(0, 0, 1, 0deg)}}.wobble-tada{animation:wobble-tada 1s}@keyframes wobble-tada{0%{transform:scale3d(1, 1, 1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)}100%{transform:scale3d(1, 1, 1)}}.wobble-heartbeat{animation:wobble-heartbeat 1s ease-in-out}@keyframes wobble-heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.wobble-pulse{animation:wobble-pulse .5s ease-in-out}@keyframes wobble-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.wobble-flip{animation:wobble-flip .8s ease-in-out}@keyframes wobble-flip{0%{transform:perspective(400px) rotateY(0)}100%{transform:perspective(400px) rotateY(360deg)}}.wobble-skew{animation:wobble-skew .5s ease-in-out}@keyframes wobble-skew{0%{transform:skewX(0)}25%{transform:skewX(20deg)}50%{transform:skewX(-20deg)}75%{transform:skewX(10deg)}100%{transform:skewX(0)}}.wobble-zoom{animation:wobble-zoom .6s ease-in-out}@keyframes wobble-zoom{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(5deg)}100%{transform:scale(1)}}.wobble-jello{animation:wobble-jello-anim .9s both}@keyframes wobble-jello-anim{0%,100%{transform:translate3d(0, 0, 0)}30%{transform:translate3d(0, 0, 0) scale3d(1.25, 0.75, 1)}40%{transform:translate3d(0, 0, 0) scale3d(0.75, 1.25, 1)}50%{transform:translate3d(0, 0, 0) scale3d(1.15, 0.85, 1)}65%{transform:translate3d(0, 0, 0) scale3d(0.95, 1.05, 1)}75%{transform:translate3d(0, 0, 0) scale3d(1.05, 0.95, 1)}}.wobble-stretch{animation:wobble-stretch .8s ease-in-out}@keyframes wobble-stretch{0%,100%{transform:scale(1, 1)}25%{transform:scale(1.3, 0.8)}50%{transform:scale(0.8, 1.3)}75%{transform:scale(1.1, 0.9)}}.wobble-pop{animation:wobble-pop .6s cubic-bezier(0.175, 0.885, 0.32, 1.275)}@keyframes wobble-pop{0%,100%{transform:scale(1)}50%{transform:scale(1.4)}}.wobble-wiggle{animation:wobble-wiggle .5s ease-in-out}@keyframes wobble-wiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(15deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(5deg)}}.wobble-squeeze{animation:wobble-squeeze .6s ease-in-out}@keyframes wobble-squeeze{0%,100%{transform:scale(1, 1)}50%{transform:scale(0.8, 1.2)}}.wobble-roll{animation:wobble-roll .8s ease-in-out}@keyframes wobble-roll{0%{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-15px) rotate(-15deg)}50%{transform:translateX(15px) rotate(15deg)}75%{transform:translateX(-15px) rotate(-15deg)}100%{transform:translateX(0) rotate(0deg)}}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem;justify-content:center}.filter-btn{padding:.6rem 1.2rem;background-color:var(--glass-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;font-size:.9rem;border-radius:20px;font-weight:600;transition:.3s}.filter-btn.active,.filter-btn:hover{background-color:var(--metro-blue);color:#fff;border-color:var(--metro-blue)}.project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%}.project-tile{padding:2rem;width:260px;transition:transform .3s,box-shadow .3s;cursor:grab;text-align:left}.project-tile:active{cursor:grabbing}.project-tile:hover{transform:translateY(-8px);box-shadow:0 10px 20px rgba(0,0,0,.2);border-color:var(--metro-blue)}.project-tile h3{font-weight:600;font-size:1.4rem;margin-bottom:.8rem;color:var(--metro-blue)}.project-tile p{opacity:.8;font-size:.95rem;line-height:1.5}.window{position:fixed;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 10px 30px rgba(0,0,0,.2)}.window-header{padding:12px 15px;cursor:move;display:flex;justify-content:space-between;align-items:center;font-weight:bold;letter-spacing:.5px;border-bottom:1px solid var(--glass-border);background:rgba(0,0,0,.1);user-select:none}.window-controls button{background:rgba(0,0,0,0);border:none;color:var(--text-color);cursor:pointer;font-weight:bold;font-size:1.1rem;margin-left:12px;transition:opacity .2s;outline:none}.window-controls button:hover{opacity:.5}.window-content{padding:25px;max-height:65vh;overflow-y:auto;background:var(--bg-color);color:var(--text-color)}.terminal-content{background:#000;color:lime;font-family:"Courier New",Courier,monospace;padding:15px;font-size:.95rem;text-align:left}.terminal-content p{margin:3px 0;line-height:1.4;white-space:pre-wrap}.term-input-line{display:flex;margin-top:10px;align-items:center}.term-input-line .prompt{color:#0cf;margin-right:8px;font-weight:bold}#term-input{flex:1;background:rgba(0,0,0,0);border:none;color:lime;font-family:inherit;font-size:inherit;outline:none;padding:0}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9000;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(5px)}.modal.active{opacity:1;pointer-events:auto}.modal-content{padding:3rem;width:90%;max-width:600px;text-align:left;transform:scale(0.9);transition:transform .3s ease;position:relative}.modal.active .modal-content{transform:scale(1)}.modal-content h2{margin-bottom:1.5rem;font-weight:600;font-size:2rem;color:var(--metro-blue)}.close-btn{position:absolute;top:15px;right:20px;background:none;border:none;font-size:1.8rem;color:var(--text-color);cursor:pointer;transition:color .2s,transform .2s;outline:none;line-height:1}.close-btn:hover{color:var(--metro-red);transform:rotate(90deg)}.progress-bar-container{width:100%;height:20px;background-color:var(--input-bg);border-radius:10px;overflow:hidden;margin:20px 0;border:1px solid var(--border-color)}.progress-bar-fill{height:100%;background-color:var(--metro-green);width:0%;transition:width .1s linear}#image-lightbox .lightbox-content{background:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important;text-align:center;max-width:95vw;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0;backdrop-filter:none;position:relative}#image-lightbox #lightbox-img{max-width:100%;max-height:85vh;border:4px solid var(--metro-blue);border-radius:8px;object-fit:contain;box-shadow:0 10px 30px rgba(0,0,0,.5);background:var(--bg-color);transition:transform .3s ease;cursor:zoom-out}#image-lightbox .close-btn{color:#fff;font-size:3rem;position:absolute;top:-50px;right:10px;text-shadow:0 2px 4px rgba(0,0,0,.5);opacity:.8;z-index:10}#image-lightbox .close-btn:hover{color:var(--metro-red);opacity:1}.boy-section{margin-bottom:2rem;text-align:center}.carousel-container{position:relative;width:100%;max-width:450px;margin:1.5rem auto 0;padding:10px;overflow:hidden;border-radius:12px}.carousel-track{display:flex;transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1);cursor:grab}.carousel-track:active{cursor:grabbing}.carousel-track img{flex:0 0 100%;width:100%;max-height:380px;object-fit:contain;border-radius:8px;user-select:none}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;z-index:10;transition:background .2s,transform .2s;backdrop-filter:blur(4px);outline:none}.carousel-btn:hover{background:var(--metro-blue);transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{left:15px}.carousel-btn.next{right:15px}.copy-section{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 2rem;border-radius:12px;flex-wrap:wrap;justify-content:center}.copy-section span{font-size:1.1rem;font-weight:600;word-break:break-all}.copy-btn{padding:.6rem 1.2rem;background-color:var(--metro-blue);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:bold;transition:.2s;outline:none}.copy-btn:hover{background-color:#005a9e;transform:translateY(-2px)}form{display:flex;flex-direction:column;align-items:center;gap:1.2rem;width:100%;max-width:450px;border-radius:16px;margin:0 auto}form input,form textarea{width:100%;padding:1rem;border:1px solid var(--border-color);background-color:var(--input-bg);color:var(--text-color);border-radius:8px;font-size:1rem;outline:none;transition:border-color .3s,box-shadow .3s}form input:focus,form textarea:focus{border-color:var(--metro-blue);box-shadow:0 0 0 3px rgba(0,120,212,.2)}form button{padding:1rem 3rem;width:100%;font-size:1.1rem;margin-top:.5rem;border-radius:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold}.action-center{position:fixed;top:0;right:-350px;width:320px;height:100%;transition:right .3s cubic-bezier(0.4, 0, 0.2, 1);z-index:10000;padding:2rem 1.5rem;display:flex;flex-direction:column;border-left:1px solid var(--glass-border);box-shadow:-5px 0 25px rgba(0,0,0,.2);overflow-y:auto;overflow-x:hidden}.action-center.open{right:0}.action-center-content{overflow-y:auto;padding-right:5px;height:100%;display:flex;flex-direction:column}.action-center-content::-webkit-scrollbar{width:5px}.action-center-content::-webkit-scrollbar-thumb{background:var(--metro-blue);border-radius:5px}.action-center-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:10px;flex-shrink:0}.action-center-header h2{font-size:1.4rem;font-weight:600}.action-center-header .close-btn{position:static;font-size:1.4rem}.clock{font-size:2.8rem;margin-bottom:1.5rem;font-weight:300;letter-spacing:-2px;cursor:default;user-select:none}.widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:1.5rem}.status-widget{padding:.8rem;text-align:left}.status-widget h3{font-size:.75rem;margin-bottom:.4rem;font-weight:600;opacity:.7;text-transform:uppercase;letter-spacing:1px;color:var(--metro-blue)}.status-widget p{font-size:1.05rem;font-weight:bold}.action-controls{display:flex;flex-direction:column;gap:12px;margin-top:20px}.action-btn,select.action-btn{width:100%;padding:.8rem;background-color:hsla(0,0%,100%,.05);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;outline:none;appearance:none;text-align:center;text-align-last:center}.action-btn:hover{background-color:var(--metro-blue);color:#fff;border-color:var(--metro-blue);transform:translateY(-2px)}select.action-btn option{background-color:var(--bg-color);color:var(--text-color);text-align:left}.notification-container{position:fixed;bottom:20px;right:20px;z-index:20000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:var(--glass-bg);color:var(--text-color);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:15px 25px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.2);pointer-events:auto;cursor:pointer;transform:translateX(120%);transition:transform .3s cubic-bezier(0.68, -0.55, 0.27, 1.55),opacity .3s;opacity:0;display:flex;align-items:center;gap:10px;font-weight:600;min-width:250px}.toast.show{transform:translateX(0);opacity:1}.toast.info{border-left:4px solid var(--metro-blue)}.toast.success{border-left:4px solid var(--metro-green)}.toast.warning{border-left:4px solid var(--metro-orange)}.toast.error{border-left:4px solid var(--metro-red)}.back-to-top{position:fixed;bottom:20px;right:20px;width:45px;height:45px;background-color:var(--metro-blue);color:#fff;border:none;border-radius:50%;font-size:1.3rem;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s ease;z-index:4000;box-shadow:0 4px 10px rgba(0,0,0,.3);outline:none;display:flex;align-items:center;justify-content:center}.back-to-top.visible{opacity:.8;pointer-events:auto}.back-to-top:hover{opacity:1;transform:translateY(-5px) scale(1.05);background-color:#005a9e}footer{padding:2rem 1rem;border-top:1px solid var(--border-color);font-size:.85rem;opacity:.7;margin-top:2rem}@media(max-width: 768px){.navbar ul{gap:1.2rem;flex-wrap:wrap}.nav-container{flex-direction:column;gap:10px}.profile-layout{gap:1.5rem}.profile-text{text-align:center;padding:1.5rem}.profile-text h2{font-size:1.8rem}.about-actions{align-items:center !important}.copy-section span{font-size:.9rem}.clock{font-size:2.2rem}}