:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes social-neon-bg{0%{filter:blur(18px) brightness(1.1);opacity:.85;background-position:60% 40%}50%{filter:blur(28px) brightness(1.3);opacity:1;background-position:40% 60%}to{filter:blur(18px) brightness(1.1);opacity:.85;background-position:60% 40%}}.social-links a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:2px 4px;min-width:32px;min-height:32px;max-width:44px;max-height:44px;transition:transform .3s ease,box-shadow .3s ease;border-radius:50%;overflow:hidden}.social-links a svg{width:26px;height:26px;display:inline-block;padding:0;transition:transform .3s ease,box-shadow .3s ease;border-radius:50%;overflow:hidden}.social-links a:hover svg{animation:wiggle .5s}.social-links a:before,.social-links a:after{content:"";position:absolute;width:8px;height:30px;background-color:#096f6d;opacity:0;transition:opacity .3s ease;box-shadow:0 0 80px #096f6d,0 0 200px #096f6de6,0 0 250px #096f6d99;filter:blur(4px);border-radius:5x}.social-links a:before{top:0;left:0;transform-origin:top left}.social-links a:after{bottom:0;right:0;transform-origin:bottom right}.social-links a:hover:before,.social-links a:hover:after{opacity:1;animation:neon-move 4s cubic-bezier(.4,0,.2,1) infinite,glowing-border 4s ease-in-out infinite}.social-links a:hover{transform:scale(1.3) rotate(7deg);box-shadow:0 0 50px #096f6d,0 0 100px #096f6d,0 0 150px #096f6de6}@keyframes neon-move{0%{transform:translate(0)}25%{transform:translate(100%)}50%{transform:translate(100%,100%)}75%{transform:translateY(100%)}to{transform:translate(0)}}@keyframes glowing-border{0%{box-shadow:0 0 1px #096f6d,0 0 2px #096f6dcc}50%{box-shadow:0 0 2px #096f6d,0 0 3px #096f6de6}to{box-shadow:0 0 1px #096f6d,0 0 2px #096f6dcc}}@keyframes wave-animation{0%{box-shadow:0 0 60px #096f6dcc,0 0 120px #096f6d,0 0 150px #096f6de6}15%{box-shadow:20px 20px 50px #096f6db3,-20px -20px 70px #096f6dcc,30px 30px 100px #096f6d}30%{box-shadow:-25px -25px 60px #096f6d99,35px 35px 80px #096f6dcc,-15px 15px 120px #096f6d}50%{box-shadow:0 0 80px #096f6d,-15px 15px 100px #096f6d,45px -45px 130px #096f6d}70%{box-shadow:-30px 30px 60px #096f6db3,20px -20px 110px #096f6dcc,35px 35px 150px #096f6d}to{box-shadow:0 0 60px #096f6dcc,0 0 120px #096f6d,0 0 150px #096f6de6}}@media (max-width: 768px){.social-links{justify-content:center;width:100%;margin:0 auto;left:0;right:0;gap:2px}.social-links a{padding:8px 12px;min-width:28px;min-height:28px;max-width:36px;max-height:36px}.social-links a svg{width:18px;height:18px}}.sound-wave-container{display:flex;align-items:center;justify-content:center;padding:0;min-width:30px;min-height:30px}.sound-wave-canvas{display:block;opacity:.8;transition:opacity .3s ease;transform:scale(1.5)}.sound-wave-canvas:hover{opacity:1}@media (max-width: 768px){.sound-wave-container{min-width:24px;min-height:24px}.sound-wave-canvas{transform:scale(.8)}}@media (max-width: 480px){.sound-wave-container{min-width:72px;min-height:72px}.sound-wave-canvas{transform:scale(.6)}}@media (max-width: 768px){.tab-bar{margin-top:-8px!important}.social-links{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.social-links a{padding:clamp(4px,1.5vw,10px) clamp(8px,4vw,18px);font-size:clamp(.7rem,2vw,.92rem);border-radius:10px;min-width:28px;min-height:18px;max-width:60px;max-height:28px;margin-right:0}}.social-links a:last-child{margin-right:14px}@media (max-width: 500px){.social-links a{padding:6px 10px;font-size:.82rem;border-radius:10px;min-width:32px;min-height:20px;max-width:60px;max-height:28px;margin:0 3px 0 0}}.header:before,.header:after,.header-center:before,.header-center:after,.header-content:before,.header-content:after{display:none!important}.header-top-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:18px}@media (max-width: 900px){.header-top-row .header{padding:0!important;min-height:unset!important;height:36px!important;box-shadow:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header-top-row .header-top-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100vw;height:36px;padding:0 2vw;margin:0;gap:0;position:relative}.header-top-row .header-top-row .social-links{flex:0 0 auto;min-width:36px;margin:0;z-index:2}.header-top-row .header-top-row .toggle-switch{flex:0 0 auto;min-width:36px;margin:0;transform:scale(.8);z-index:2}.header-top-row .header-top-row .header-content{flex:1 1 0%;margin:0 auto;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;pointer-events:auto;min-width:0;max-width:60vw}.header-top-row .header-top-row .social-links{flex:0 0 auto;min-width:36px;margin:0}.header-top-row .header-top-row .toggle-switch{flex:0 0 auto;min-width:36px;margin:0;transform:scale(.8)}.header-top-row .header-top-row .header-content{position:static;left:unset;top:unset;transform:none;width:auto;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1;pointer-events:auto;margin:0 auto;flex:unset}.header-top-row .header-top-row .header-content{position:absolute;left:50vw;top:0;transform:translate(-50%);padding:0;margin:0;max-width:60vw;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1}.header-top-row .header-content h1{font-size:.92rem;margin:0;line-height:1.05}.header-top-row .header-content p{font-size:.68rem;margin:0;line-height:1.05}.header-top-row .header-bottom-row{display:none}.header-top-row .tab-bar button{padding:4px 8px;font-size:.82rem;border-radius:8px;min-width:24px;min-height:20px;max-width:60px;max-height:28px;margin:0 2px}}.header-bottom-row{width:100%;justify-content:center;margin-top:0;padding:0 2vw}.liquid-glass{background:linear-gradient(120deg,#ffffffd9,#096f6d73 40%,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:700}.light-mode .liquid-glass{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:#0a2c2b;font-weight:700;text-shadow:0 1px 2px #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff;letter-spacing:.01em}.header-content h1{font-size:1.45rem;margin:0 0 4px;font-weight:700;letter-spacing:.01em}.header-content p{font-size:.92rem;line-height:1.18}@media (max-width: 900px){.header-content h1{font-size:1.45rem!important}.social-links{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:auto;margin:0 0 8px;padding-left:0}.social-links a{padding:clamp(6px,2vw,10px) clamp(10px,5vw,22px);font-size:clamp(.82rem,2vw,1rem);min-width:unset;min-height:unset;max-width:unset;max-height:unset;margin:0 6px 0 0}.header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:max-content;height:auto;margin:0;padding-left:0;position:absolute;left:50%;top:32%;transform:translate(-50%,-50%)}.header-content h1{font-size:5.6rem;margin-bottom:0;text-align:center;width:100%}.header-content p{font-size:.92rem!important;margin:0;text-align:center;width:100%}.tab-bar{display:flex;flex-direction:row;align-items:center;gap:32px;flex-wrap:wrap;justify-content:flex-end}.header-center{position:relative;text-align:center;width:max-content;pointer-events:auto;min-width:260px;position:static}.header-center .header{display:flex;flex-direction:column;align-items:stretch;text-align:center;padding:8px 2vw;min-width:0;height:auto;gap:0}.header-center .header-top-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:8px;position:relative}.header-center .header-left{width:auto;display:flex;flex-direction:row;align-items:center;gap:8px;margin:0}.header-center .social-links{display:flex;flex-direction:row;gap:8px;margin:0;justify-content:flex-start;align-items:center}.header-center .toggle-switch{position:absolute;top:6px;right:8px;z-index:10;transform:scale(.85)}.header-center .header-center{width:100%;margin:0 0 6px;font-size:.9rem;z-index:1;position:static;left:unset;transform:none;pointer-events:auto}.header-center .header-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto;max-width:90vw}.header-center .header-content h1{font-size:1.32rem;margin:0 0 2px;line-height:1.13}.header-center .header-content p{font-size:1.02rem;margin:0;line-height:1.13}.header-center .tab-bar{justify-content:center;flex-wrap:wrap;margin:10px 0 0;gap:10px;width:100%;display:flex;flex-direction:row;position:static}.header-center .tab-bar button{padding:5px 12px;font-size:.92rem;border-radius:10px;min-width:44px;min-height:28px;max-width:90px;max-height:36px;margin:0 2px;box-shadow:0 0 8px #096f6d2e;background:#ffffff1a;transition:background .18s,box-shadow .18s,transform .12s,color .14s}.header-center .tab-bar button.active{background:#096f6d2e;color:#fff;box-shadow:0 0 12px 2px #096f6d38;transform:scale(1.04)}.header-center .tab-bar button:before{display:none}.header-center .header-bottom-row{display:none}.header-content h1{font-size:1.12rem;margin-bottom:0}.header-content p{font-size:.98rem;margin:0}}:root{--header-gradient-light: white;--header-gradient-light: linear-gradient(120deg, #f8fafc 0%, #e3f6f5 100%);--footer-gradient-light: white;--header-gradient-dark: linear-gradient(135deg, #000 0%, #000 60%, #222 70%, #555 85%, #193819 97% );--footer-gradient-dark: linear-gradient(135deg, #000, #555, #193819, #096f6d)}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header{position:fixed;top:0;left:0;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#111;background-size:200% 200%;background-position:50% 50%;animation:gradientMove 15s ease-in-out infinite;color:#fff;padding:15px 20px;z-index:2000;box-sizing:border-box;border-bottom:1px solid rgba(9,111,109,.5)}@media (orientation: landscape) and (max-width: 900px){.header{height:48px;min-height:0;padding:6px 2vw}.header-center{font-size:.62rem;min-width:120px}}.header-center{position:relative;text-align:center;z-index:10;width:max-content;pointer-events:none;margin:0 auto;min-width:180px;flex:1 1 0}.header-left{display:flex;align-items:center;gap:15px;min-width:100px;flex:1}.sound-wave-header{display:flex;align-items:center}.footer{position:fixed;bottom:0;width:100%;padding:10px 20px;text-align:center;background:var(--footer-gradient-dark);color:#fff;box-shadow:0 -2px 4px #0000001a}.light-mode .header{background:var(--header-gradient-light);color:#000;animation:none}.light-mode .footer{background:var(--footer-gradient-light);color:#000}.header-center{position:relative;text-align:center;z-index:10;width:max-content;pointer-events:none;margin:0 auto;min-width:180px;flex:0 1 auto;align-self:center;font-size:.78rem;font-weight:500}@media (max-width: 900px){.header-center{font-size:.7rem}}@media (max-width: 600px){.toggle-switch{position:absolute;top:10px;right:16px;z-index:100}}.tab-bar{display:flex;flex-direction:row;align-items:center;gap:32px;flex-wrap:wrap;justify-content:flex-end}.tab-bar .header-left{width:100%;justify-content:center;display:flex;padding-left:0;padding-right:0}.tab-bar button{background:#ffffff2e;color:#096f6d;border:1.5px solid rgba(9,111,109,.22);border-radius:14px;box-shadow:0 2px 12px #096f6d1a,0 1.5px 8px #ffffff1a inset;backdrop-filter:blur(7px) saturate(1.1);-webkit-backdrop-filter:blur(7px) saturate(1.1);padding:10px 22px;cursor:pointer;font-size:1rem;font-weight:700;position:relative;overflow:hidden;transition:background .22s,box-shadow .22s,transform .16s,color .18s;margin:0 6px;outline:none;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.tab-bar button{padding:7px 12px;font-size:.92rem;border-radius:11px;min-width:44px;min-height:32px;max-width:90px;max-height:38px}}.tab-bar button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#ffffff52,#ffffff14);opacity:.7;pointer-events:none;border-radius:14px}.tab-bar button:hover,.tab-bar button.active{background:#096f6d2e;color:#fff;text-shadow:0 1px 8px #0a2c2b99,0 0px 2px #fff8;box-shadow:none;transform:scale(1.07) translateY(-2px)}.tab-bar button:hover,.tab-bar button.active{background:#096f6d26;transform:scale(1.1);box-shadow:none;animation:wave-animation 4s ease-in-out infinite,wiggle .5s}@keyframes wave-animation{0%{box-shadow:0 0 8px #096f6dcc,0 0 20px #096f6d99,0 0 30px #096f6d66}50%{box-shadow:0 0 12px #096f6d,0 0 25px #096f6de6,0 0 35px #096f6db3}to{box-shadow:0 0 8px #096f6dcc,0 0 20px #096f6d99,0 0 30px #096f6d66}}.light-mode .tab-bar button{color:#096f6d}.light-mode .tab-bar button:hover,.light-mode .tab-bar button.active{background:#096f6d26;color:#096f6d;box-shadow:0 0 6px #096f6dcc,0 0 15px #096f6d99;animation:wave-animation 4s ease-in-out infinite;transform:scale(1.1)}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:1rem;min-width:180px;flex:1}.social-links a{margin-right:15px;color:inherit;text-decoration:none;background:#ffffff2e;border:1.5px solid rgba(9,111,109,.22);border-radius:14px;box-shadow:0 2px 12px #096f6d1a,0 1.5px 8px #ffffff1a inset;backdrop-filter:blur(7px) saturate(1.1);-webkit-backdrop-filter:blur(7px) saturate(1.1);padding:14px 20px;display:inline-flex;align-items:center;transition:background .22s,box-shadow .22s,transform .16s,color .18s;position:relative;overflow:hidden}.social-links a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(120deg,#ffffff52,#ffffff14);opacity:.7;pointer-events:none;border-radius:14px}.social-links a:hover{background:#096f6d2e;color:#fff;text-shadow:0 1px 8px #0a2c2b99,0 0px 2px #fff8;box-shadow:0 4px 18px #096f6d29,0 2px 10px #ffffff29 inset;transform:scale(1.07) translateY(-2px);text-decoration:underline}.toggle-switch{display:flex;align-items:center}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#7b7575;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#555}input:checked+.slider:before{transform:translate(26px)}.slider .sun,.slider .moon{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;transition:opacity .4s}.slider .sun{margin-top:3px;left:6px;opacity:1}.slider .moon{margin-top:3px;right:6px;opacity:0}input:checked+.slider .sun{opacity:0}input:checked+.slider .moon{opacity:1}@media (max-width: 1230px){.tab-bar{gap:18px;flex-wrap:wrap;justify-content:center}.header-center{min-width:120px;font-size:1.1rem}.header-right{min-width:100px}}@media (max-width: 900px){.header{flex-direction:column;align-items:stretch;text-align:center;padding:10px 2vw;min-width:0;height:auto}.header-left,.header-center,.header-right{position:static;width:100%;margin-bottom:10px;min-width:0;justify-content:center}.header-center{transform:none;pointer-events:auto;width:100%;margin:0 0 8px}.tab-bar{justify-content:center;flex-wrap:wrap;margin:20px 0 0;gap:18px;width:100%}.header-right{flex-direction:column;align-items:center;gap:10px;width:100%;min-width:0}.social-links{justify-content:flex-start;padding-left:0;padding-right:0;margin-left:0;margin-right:0}}@keyframes wiggle{0%{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-4deg)}to{transform:rotate(0)}}.play-button:hover,.pause-button:hover{animation:wiggle .5s}@media (max-width: 480px){.audio-player{min-width:98vw;max-width:100vw;padding:2vw;border-radius:10vw;gap:2vw}.audio-player-loading-bar{min-width:60vw;max-width:98vw;font-size:3.5vw;padding:1vw 2vw;gap:2vw}.audio-player-song-title-marquee{left:18vw;max-width:60vw;font-size:3.5vw;min-height:7vw;padding:1vw 2vw;border-radius:2vw}.waveform-container{height:12vw}.button-container{min-width:12vw;margin-right:2vw}.play-button,.pause-button{width:12vw;height:12vw;margin:0 1vw}.play-button i,.pause-button i{font-size:6vw}}.audio-player-song-title-marquee{position:absolute;white-space:nowrap;overflow:hidden;max-width:clamp(90px,40vw,220px);font-size:clamp(.9rem,2vw,1.2rem);min-height:clamp(18px,4vw,32px);left:clamp(60px,18vw,120px);bottom:clamp(6px,2vw,18px);padding:clamp(1px,.5vw,4px) clamp(4px,1vw,10px);border-radius:clamp(3px,1vw,8px)}.audio-player-song-title-marquee .marquee-text{display:inline-block;white-space:nowrap;padding-left:100%;animation:marquee-scroll 7s linear infinite}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.audio-player-loading-bar{display:flex;flex-direction:row;align-items:center;justify-content:center;pointer-events:none;border-radius:.5em;padding:0 clamp(6px,2vw,18px) clamp(2px,1vw,8px) clamp(6px,2vw,18px);gap:clamp(4px,2vw,16px);min-width:clamp(90px,30vw,240px);max-width:clamp(120px,60vw,320px);font-size:clamp(.8rem,2vw,1.1rem);box-sizing:border-box;z-index:20}.audio-player-loading-bar.dark{background:#000000a6;box-shadow:0 2px 8px #0000001a}.audio-player-loading-bar.light{background:#ffffffd9;box-shadow:0 2px 8px #096f6d14}.audio-player-minimize-btn,.audio-player-restore-btn{background:linear-gradient(120deg,#096f6d8c,#00000061);border:2px solid rgba(9,111,109,.32);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #096f6d38,0 0 0 3px #0000002e;cursor:pointer;padding:0;margin:0;transition:background .2s,box-shadow .2s;position:relative;z-index:20;overflow:visible;backdrop-filter:blur(8px) saturate(1.3);-webkit-backdrop-filter:blur(8px) saturate(1.3)}.audio-player-minimize-btn:hover,.audio-player-restore-btn:hover{background:linear-gradient(120deg,#096f6d47,#ffffff2e);box-shadow:0 4px 16px #096f6d2e}.audio-player-minimize-btn:hover,.audio-player-restore-btn:hover{background:#096f6d2e;box-shadow:0 4px 16px #096f6d2e}.audio-player-minimized{background:linear-gradient(120deg,#096f6d52,#096f6d21);border:1.5px solid rgba(9,111,109,.22);border-radius:18px;box-shadow:0 8px 32px #096f6d38,0 2px 24px #096f6d2e,0 0 0 4px #ffffff1a,0 1.5px 8px #ffffff29 inset,0 0 24px 2px #096f6d1a inset;backdrop-filter:blur(18px) saturate(1.45);-webkit-backdrop-filter:blur(18px) saturate(1.45);display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;min-width:180px;max-width:320px;z-index:2000;transition:box-shadow .2s}.audio-player-minimized-title{font-size:1.18rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;background:#091e1eb8;padding:3px 14px 3px 10px;border-radius:8px;box-shadow:0 2px 8px #096f6d2e;text-shadow:0 2px 8px #000,0 1px 2px #0a2c2b,0 0 2px #fff8;letter-spacing:.01em;margin:0 8px;transition:background .18s,color .18s;position:relative}.audio-player-minimized-title .marquee-text{display:inline-block;white-space:nowrap;padding-left:100%;animation:marquee-scroll 7s linear infinite;min-width:100%}.minimized-play-btn{background:#ffffff2e;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #096f6d1f;cursor:pointer;font-size:1.1rem;margin-left:6px;transition:background .2s,box-shadow .2s}.minimized-play-btn:hover{background:#096f6d2e;box-shadow:0 4px 16px #096f6d2e}.audio-player{width:100%;min-width:clamp(220px,60vw,340px);max-width:clamp(320px,95vw,600px);height:clamp(70px,18vw,120px);margin:0;padding:clamp(6px,2vw,18px) clamp(10px,4vw,32px);background:linear-gradient(120deg,#096f6d52,#096f6d21);border:1.5px solid rgba(9,111,109,.22);border-radius:18px;box-shadow:0 8px 32px #096f6d38,0 2px 24px #096f6d2e,0 0 0 4px #ffffff1a,0 1.5px 8px #ffffff29 inset,0 0 24px 2px #096f6d1a inset;backdrop-filter:blur(18px) saturate(1.45);-webkit-backdrop-filter:blur(18px) saturate(1.45);position:relative;overflow:visible;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box;gap:15px;z-index:1001}.audio-player:after{content:"";pointer-events:none;position:absolute;top:2px;left:8px;right:8px;height:18px;border-radius:12px 12px 32px 32px;background:linear-gradient(90deg,#ffffff2e,#ffffff12);opacity:.55;filter:blur(1.5px)}.audio-player .waveform{flex-grow:1;height:70px}.waveform-container{flex-grow:1;height:clamp(36px,10vw,80px);position:relative;display:flex;align-items:center}.loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;z-index:10}.loading-overlay.dark{background-color:#000000b3}.loading-overlay.light{background-color:#f8f8f8e6}.loading-spinner{width:clamp(8px,2.5vw,16px);height:clamp(8px,2.5vw,16px);border:clamp(1px,.35vw,2px) solid rgba(9,111,109,.3);border-top:clamp(1px,.35vw,2px) solid #096f6d;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:clamp(1px,.5vw,5px)}.loading-text{font-size:clamp(.425rem,1vw,.55rem);font-weight:500;letter-spacing:.01em}.loading-overlay.dark .loading-text{color:#fff}.loading-overlay.light .loading-text{color:#333}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-container{display:flex;align-items:center;justify-content:center;min-width:clamp(40px,12vw,90px);margin-right:clamp(4px,2vw,18px)}.play-button,.pause-button{width:clamp(36px,10vw,64px);height:clamp(36px,10vw,64px);border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle,#e0e0e0,#a0a0a0);box-shadow:0 4px 6px #0000004d;display:flex;justify-content:center;align-items:center;margin:0 clamp(4px,1vw,14px);position:relative;transition:all .18s cubic-bezier(.4,1.2,.6,1)}.play-button i,.pause-button i{color:#333;font-size:clamp(18px,4vw,32px)}.play-button:hover,.pause-button:hover{box-shadow:0 6px 10px #0006}.play-button.blinking-ring{animation:blink-ring 1s infinite;border:3px solid limegreen}@keyframes blink-ring{0%{box-shadow:0 0 #32cd32}50%{box-shadow:0 0 12px 4px #32cd32}to{box-shadow:0 0 #32cd32}}.pause-button.solid-ring{box-shadow:0 0 10px 3px #32cd32;border:3px solid limegreen}.footer{position:fixed;bottom:0;left:0;width:100%;height:80px;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;z-index:2000;box-sizing:border-box}@media (orientation: landscape) and (max-width: 900px){.footer{height:44px;min-height:0}.footer-content{min-height:32px;padding:6px 2vw;font-size:.7rem}}.footer.dark-mode{background-color:#000;color:#fff}.footer.dark-mode .footer-content{background-color:#000;border-top:1px solid rgba(9,111,109,.5)}.footer.light-mode{background-color:#f8f8f8;color:#333}.footer.light-mode .footer-content{background-color:#f8f8f8;border-top:1px solid rgba(9,111,109,.3)}.footer-content{display:flex;justify-content:space-between;align-items:center;padding:10px 4vw;min-height:60px;font-size:.9rem;box-sizing:border-box;width:100%;margin:0}@media (max-width: 900px){.footer{height:60px;padding-bottom:env(safe-area-inset-bottom,10px)}.footer-content{flex-direction:row;align-items:center;padding:10px 2vw}.footer-left{justify-content:flex-start;width:auto}.footer-center{justify-content:center;width:100%}}.footer-left,.footer-center{display:flex;align-items:center}.footer-left{justify-content:flex-start}.footer-center{justify-content:center;flex-grow:1}.body-container{position:relative;overflow:hidden}.bg{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200vh;background:transparent url(http://assets.iceable.com/img/noise-transparent.png) repeat 0 0;background-repeat:repeat;animation:bg-animation .2s infinite;opacity:.9;visibility:visible;z-index:0;pointer-events:none}@keyframes bg-animation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(0)}}.photo-slider-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:800px}.photo-slider{position:relative;width:1000px;height:600px;overflow:hidden;border-radius:12px;box-shadow:0 4px 10px #0003}.slider-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.slider-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;z-index:20;transition:background-color .3s ease}.slider-button.left{left:10px}.slider-button.right{right:10px}.slider-button:hover{background-color:#000c}.body-container{min-height:0;height:100%;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding-top:max(var(--header-height, 80px),var(--footer-height, 80px));padding-bottom:max(var(--header-height, 80px),var(--footer-height, 80px));gap:24px;overflow-y:auto;transition:padding-top .2s,padding-bottom .2s,gap .2s}@media (max-width: 768px){.body-container{padding-top:max(var(--header-height, 80px),var(--footer-height, 80px));padding-bottom:max(var(--header-height, 80px),var(--footer-height, 80px));min-height:0;height:100%}}.photo-slider-container{height:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.photo-slider-wrapper{height:auto;padding:10px 0}.photo-slider-container{flex-direction:column;width:100%;height:auto;max-width:100%;padding:0 10px}.photo-slider{width:100%;height:auto;aspect-ratio:4 / 3;max-height:60vh;border-radius:8px}.slider-image{position:relative;width:100%;height:auto;max-width:100%;object-fit:contain;left:0;transform:none}.slider-button{top:50%;transform:translateY(-50%);padding:8px;font-size:16px}.slider-button.left{left:8px}.slider-button.right{right:8px}}.perlin-bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.7;mix-blend-mode:lighten}.go-button:hover,.go-button:focus,.go-button:focus-visible{animation:wiggle .5s}@keyframes wiggle{0%{transform:rotate(0)}15%{transform:rotate(-7deg)}30%{transform:rotate(5deg)}45%{transform:rotate(-5deg)}60%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.project-buttons-group{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.github-readme-link{display:inline-block;margin-top:8px;margin-left:8px;transition:transform .2s}.github-readme-link:hover{transform:scale(1.15);filter:brightness(1.2)}.projects-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height, 80px) - 80px);width:100vw;text-align:center;box-sizing:border-box;padding-top:var(--header-height, 40px);padding-right:2vw;padding-bottom:80px;padding-left:2vw;overflow-y:auto;transition:padding-top .2s}@media (orientation: landscape) and (max-width: 900px){.projects-container{padding-top:48px;padding-bottom:44px;min-height:calc(100vh - 92px)}}.projects-content{max-width:800px;width:100%;margin:0 auto;padding-bottom:100px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.projects-content h2{margin-bottom:40px;font-size:2.5rem;color:#096f6d}.projects-list{display:flex;flex-direction:column;gap:30px;align-items:center}.project-item{display:flex;align-items:center;justify-content:center;max-width:600px;min-width:0;margin:0 auto 30px;padding:20px 3vw;background-color:#096f6d1a;border:1px solid rgba(9,111,109,.3);border-radius:8px;transition:all .3s ease;box-sizing:border-box}@media (max-width: 900px){.projects-content{padding:0 2vw 100px}.project-item{flex-direction:column;align-items:center;padding:16px 2vw;min-width:0;text-align:center}.go-button{margin-left:0;margin-top:10px;width:100%;min-width:0}}.project-item:hover{background-color:#096f6d33;border-color:#096f6d80;transform:translateY(-2px)}.project-info{text-align:center;flex-grow:1}.project-info h3{margin:0 0 8px;font-size:1.3rem;color:#096f6d}.project-info p{margin:0;color:#a5a5a5;font-size:.95rem;line-height:1.4}.go-button,.github-readme-link{background:#ffffff2e;color:#0a2c2b;border:1.5px solid rgba(9,111,109,.25);border-radius:16px;box-shadow:0 4px 24px #096f6d1a,0 1.5px 8px #ffffff1f inset;backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);font-size:1rem;font-weight:700;cursor:pointer;padding:12px 28px;min-width:60px;margin:0 auto;outline:none;position:relative;overflow:hidden;transition:background .25s,box-shadow .25s,transform .18s;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.go-button,.github-readme-link{font-size:.92rem;padding:8px 16px;border-radius:12px;min-width:36px;min-height:32px;max-width:90px;max-height:38px}.github-readme-link img{width:22px;height:22px}}.go-button:before,.github-readme-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;pointer-events:none;opacity:1;background:none;mix-blend-mode:lighten}.go-button:after,.github-readme-link:after{content:"";position:absolute;left:10%;top:8%;width:80%;height:18%;border-radius:50%;background:linear-gradient(90deg,#ffffff38,#ffffff17);opacity:.55;pointer-events:none;filter:blur(1.5px)}.go-button:hover,.go-button:focus,.go-button:focus-visible,.github-readme-link:hover,.github-readme-link:focus,.github-readme-link:focus-visible{background:#096f6d2e;color:#fff;text-shadow:0 1px 8px #0a2c2b99,0 0px 2px #fff8;box-shadow:0 6px 32px #096f6d2e,0 2px 12px #ffffff2e inset;border-color:#ffffffb3;outline:none;transform:scale(1.05)}.github-readme-link:hover{background:#096f6d2e;color:#fff;box-shadow:0 6px 32px #096f6d2e,0 2px 12px #ffffff2e inset;transform:scale(1.05)}.go-button:active,.github-readme-link:active{background:#096f6d47;color:#fff;box-shadow:0 2px 8px #096f6d2e inset;transform:scale(.98)}.github-readme-link{padding:8px 18px;min-width:0;margin:0 auto;border-radius:16px}.github-readme-link img{width:28px;height:28px;filter:drop-shadow(0 1px 2px rgba(9,111,109,.12));z-index:1}.typewriter-paused-flash{animation:paused-flash .7s steps(1,end) infinite}@keyframes paused-flash{0%,49%{opacity:1}50%,to{opacity:.15}}.audio-button.active{box-shadow:0 20px 56px #096f6d47,0 1.5px 8px #ffffff29 inset;border-color:#0a2c2b}.now-playing-typewriter{position:absolute;left:50%;transform:translate(-50%);bottom:2px;font-size:.62rem;color:#b2cfcf;font-family:monospace;font-weight:900;text-shadow:0 1.5px 6px #000,0 1px 2px #0a2c2b;opacity:.93;pointer-events:none;background:#091e1e8a;border-radius:5px;padding:2px 8px;box-shadow:0 2px 8px #096f6d21;border:1.5px solid rgba(9,30,30,.32);z-index:2;letter-spacing:.02em;transition:background .2s,color .2s}.audio-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height, 80px) - 80px);width:100vw;text-align:center;box-sizing:border-box;padding-top:var(--header-height, 40px);padding-right:2vw;padding-bottom:80px;padding-left:2vw;overflow-y:auto;transition:padding-top .2s}@media (orientation: landscape) and (max-width: 900px){.audio-container{padding-top:48px;padding-bottom:44px;min-height:calc(100vh - 92px)}}.audio-content{max-width:600px;min-width:0;margin:0 auto;padding-bottom:100px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (max-width: 900px){.audio-content{padding:0 2vw 100px}}.audio-button{letter-spacing:normal;font-size:1.08rem;width:100%;padding:1.5rem;margin:0;background:linear-gradient(120deg,#096f6d61,#096f6d38);border:1.5px solid rgba(9,111,109,.25);border-radius:16px;box-shadow:0 16px 48px #096f6d30,0 1.5px 8px #ffffff29 inset;backdrop-filter:blur(12px) saturate(1.35);-webkit-backdrop-filter:blur(12px) saturate(1.35);font-family:monospace;font-size:1rem;font-weight:700;text-align:center;cursor:pointer;outline:none;position:relative;overflow:hidden;transition:background .25s,box-shadow .25s,transform .18s;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.audio-content h2{margin-bottom:20px;font-size:2.5rem;color:#096f6d}.audio-content ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:1rem}.audio-content li{max-width:600px;width:100%;margin:0 auto;padding:0}.audio-content li .audio-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;pointer-events:none;opacity:1;background:none;mix-blend-mode:lighten}.audio-content li .audio-button:after{content:"";position:absolute;left:10%;top:8%;width:80%;height:18%;border-radius:50%;background:linear-gradient(90deg,#ffffff38,#ffffff17);opacity:.55;pointer-events:none;filter:blur(1.5px)}