: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{animation:jello 1.2s}.social-links a:hover svg{animation:jello 1.2s}.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}@keyframes jello-translated{0%{transform:translate(38px) translateY(1px) scaleX(1)}20%{transform:translate(38px) translateY(1px) scaleX(1.04) scaleY(.96)}35%{transform:translate(38px) translateY(1px) scaleX(.96) scaleY(1.04)}50%{transform:translate(38px) translateY(1px) scaleX(1.025) scaleY(.975)}65%{transform:translate(38px) translateY(1px) scaleX(.99) scaleY(1.01)}75%{transform:translate(38px) translateY(1px) scaleX(1.01) scaleY(.99)}to{transform:translate(38px) translateY(1px) scaleX(1)}}.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,jello 1.2s}@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,jello 1.2s;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:72px;height:40px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#a8a8a8,#d4d4d4);background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 25%,transparent 50%,rgba(255,255,255,.1) 75%,transparent 100%),linear-gradient(0deg,#999,#ccc,#e6e6e6);transition:.4s;border-radius:40px;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 3px 6px #0000004d,inset 0 -1px 2px #fffc,0 1px 3px #0003}.slider:before{position:absolute;content:"";height:32px;width:32px;left:-1px;bottom:4px;background:linear-gradient(145deg,#f0f0f0,#d0d0d0);background-image:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.9) 0%,transparent 50%),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 30%,transparent 50%,rgba(255,255,255,.2) 80%,transparent 100%);transition:.4s;border-radius:50%;border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 4px #0000004d,0 1px 2px #0003,inset 0 1px 1px #ffffffe6,inset 0 -1px 1px #0000001a}.slider:hover:before{animation:jello 1.2s}input:checked+.slider:hover:before{animation:jello-translated 1.2s}input:checked+.slider{background:linear-gradient(145deg,#2a2a2a,#404040);background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 25%,transparent 50%,rgba(255,255,255,.05) 75%,transparent 100%),linear-gradient(0deg,#1a1a1a,#333,#555);box-shadow:inset 0 3px 6px #00000080,inset 0 -1px 2px #ffffff26,0 1px 3px #0000004d}input:checked+.slider:before{transform:translate(38px) translateY(1px)}.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}}@media (max-width: 480px){.audio-player{min-width:98vw;max-width:100vw;height:clamp(72px,18vw,92px);padding:clamp(8px,2.5vw,14px) clamp(12px,3.5vw,20px);border-radius:18px;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:clamp(56px,16vw,80px);max-width:60vw;font-size:3.3vw;min-height:6vw;padding:1vw 2vw;border-radius:4px}.waveform-container{height:9vw}.button-container{min-width:11vw;margin-right:2vw}.play-button,.pause-button{width:11vw;height:11vw;margin:0 1vw}.play-button i,.pause-button i{font-size:5vw}}.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:#096f6d2e;box-shadow:0 4px 16px #096f6d2e;animation:jello 1.2s}.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;animation:jello 1.2s}.audio-player{width:100%;min-width:clamp(200px,55vw,280px);max-width:clamp(260px,90vw,460px);height:clamp(48px,10vw,72px);margin:0;padding:clamp(2px,1vw,8px) clamp(8px,3vw,22px);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:48px}.waveform-container{flex-grow:1;height:clamp(28px,7vw,52px);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(30px,7vw,48px);height:clamp(30px,7vw,48px);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;animation:jello 1.2s}.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}.play-button.blinking-ring:hover{animation:jello 1.2s;box-shadow:0 6px 10px #0006}.floating-audio-player-wrapper{background:linear-gradient(140deg,#0a1413,#0d1f1e 60%,#102826);border:1px solid rgba(95,186,184,.45);box-shadow:0 0 0 1px #096f6d40,0 12px 40px -8px #096f6d73,0 30px 60px -20px #000000b3,0 0 0 6px #096f6d0f;transition:box-shadow .4s ease,border-color .4s ease}.floating-audio-player-wrapper.is-playing{border-color:#5fbab8b3;box-shadow:0 0 0 1px #5fbab880,0 12px 40px -8px #096f6db3,0 0 32px -4px #5fbab873,0 30px 60px -20px #000000bf,0 0 0 8px #096f6d14;animation:audio-player-pulse 2.6s ease-in-out infinite}@keyframes audio-player-pulse{0%,to{box-shadow:0 0 0 1px #5fbab880,0 12px 40px -8px #096f6db3,0 0 32px -4px #5fbab873,0 30px 60px -20px #000000bf,0 0 0 8px #096f6d14}50%{box-shadow:0 0 0 1px #5fbab8b3,0 16px 48px -8px #096f6dd9,0 0 48px -4px #5fbab899,0 30px 60px -20px #000000bf,0 0 0 12px #096f6d1f}}@media (max-width: 768px){.floating-audio-player-wrapper,.audio-player-minimized{right:0!important;left:0!important;margin-left:auto!important;margin-right:auto!important}}.pause-button.solid-ring:hover{animation:jello 1.2s;box-shadow:0 6px 10px #0006}.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}.bento-home{width:100%;min-height:100vh;padding-top:calc(var(--header-height, 80px) + clamp(16px,3vw,40px));padding-right:clamp(12px,3vw,40px);padding-bottom:120px;padding-left:clamp(12px,3vw,40px);box-sizing:border-box;display:flex;justify-content:center;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.bento-grid{width:100%;max-width:min(1600px,96vw);display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(120px,auto);gap:clamp(12px,1.5vw,24px)}.bento-hero{grid-column:span 4;grid-row:span 2}.bento-photo{grid-column:span 2;grid-row:span 2}.bento-now-playing,.bento-featured-project,.bento-stats{grid-column:span 2;grid-row:span 1}@media (max-width: 900px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-hero,.bento-photo,.bento-now-playing,.bento-featured-project,.bento-stats{grid-column:span 2;grid-row:auto}.bento-photo{aspect-ratio:3 / 2}}.bento-card{position:relative;border-radius:20px;padding:clamp(18px,2vw,28px);background:linear-gradient(135deg,#096f6d14,#096f6d05),#141c1c8c;border:1px solid rgba(255,255,255,.08);box-shadow:0 1px #ffffff0f inset,0 30px 60px -30px #0009,0 0 0 1px #096f6d14;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1),border-color .3s ease;display:flex;flex-direction:column;justify-content:flex-start;color:#e8f0ef}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 0% 0%,rgba(9,111,109,.18) 0%,transparent 60%);opacity:.7}.bento-home.light .bento-card{background:linear-gradient(135deg,#096f6d0f,#ffffffd9),#ffffffb3;border-color:#096f6d2e;color:#0a2c2b;box-shadow:0 1px #fffc inset,0 20px 40px -20px #096f6d2e}.bento-card[role=button]{cursor:pointer}.bento-card[role=button]:hover,.bento-card[role=button]:focus-visible{transform:translateY(-3px);border-color:#096f6d59;box-shadow:0 1px #ffffff14 inset,0 40px 80px -30px #000000b3,0 0 0 1px #096f6d40;outline:none}.bento-eyebrow{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#096f6df2;font-weight:500}.bento-home.dark .bento-eyebrow{color:#5fbab8}.bento-hero{justify-content:space-between;gap:16px}.bento-hero-title{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:clamp(2rem,5vw,4rem);line-height:1.02;letter-spacing:-.03em;margin:8px 0 0;color:inherit}.bento-hero-accent{background:linear-gradient(135deg,#5fbab8,#096f6d);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;font-weight:800}.bento-hero-sub{font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.55;color:#e8f0efb8;max-width:52ch;margin:0}.bento-home.light .bento-hero-sub{color:#0a2c2bc7}.bento-hero-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.bento-tech-row{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0;align-items:center}.bento-tech-pill{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 10px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#e8f0efd9;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.06em;font-weight:500;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;cursor:default}.bento-tech-pill.bento-tech-icon{width:32px;padding:0}.bento-tech-pill:hover{background:#096f6d2e;border-color:#096f6d66;color:#5fbab8;transform:translateY(-1px)}.bento-home.light .bento-tech-pill{background:#096f6d0f;border-color:#096f6d2e;color:#0a2c2bd9}.bento-home.light .bento-tech-pill:hover{background:#096f6d24;border-color:#096f6d73;color:#096f6d}.bento-btn{font-family:inherit;font-size:.95rem;font-weight:600;letter-spacing:-.01em;padding:10px 20px;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.2,.8,.2,1)}.bento-btn-icon{padding:9px 12px}.bento-featured-actions{display:flex;gap:10px;margin-top:14px;align-items:center}.bento-btn.primary{background:linear-gradient(135deg,#096f6d,#0a8c89);color:#fff;box-shadow:0 8px 24px -8px #096f6d99}.bento-btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 32px -8px #096f6dcc}.bento-btn.ghost{background:transparent;color:inherit;border-color:#096f6d73}.bento-btn.ghost:hover{background:#096f6d1f;border-color:#096f6db3}.bento-photo{padding:0;overflow:hidden;display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.bento-photo:before{display:none}.bento-photo>.fade-in-photo-slider{padding:0!important;height:100%!important;width:100%!important;min-height:0;min-width:0}.bento-photo .photo-slider-image-container{height:100%!important;width:100%!important}.bento-photo .photo-slider-image-frame{width:100%!important;max-width:none!important;height:100%!important;aspect-ratio:auto!important;max-height:none!important;border-radius:0}.bento-photo .slider-image{border-radius:0!important}.bento-now-playing{gap:14px}.bento-track{display:flex;align-items:center;gap:14px;margin-top:8px}.bento-track-icon{width:42px;height:42px;display:flex;gap:3px;align-items:flex-end;justify-content:center;padding:8px 6px;background:#096f6d2e;border:1px solid rgba(9,111,109,.35);border-radius:12px;flex-shrink:0}.bento-track-icon span{width:4px;height:60%;background:#5fbab8;border-radius:2px;transform-origin:bottom}.bento-track-icon.playing span{animation:bento-eq .9s ease-in-out infinite}.bento-track-icon.playing span:nth-child(1){animation-delay:-.4s}.bento-track-icon.playing span:nth-child(2){animation-delay:-.2s}.bento-track-icon.playing span:nth-child(3){animation-delay:-.6s}.bento-track-icon.playing span:nth-child(4){animation-delay:-.1s}@keyframes bento-eq{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1.1)}}.bento-track-meta{min-width:0;flex:1}.bento-track-name{font-weight:600;font-size:1rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-track-artist{font-size:.85rem;opacity:.6;margin-top:2px}.bento-featured-project{gap:12px}.bento-card-title{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:1.6rem;letter-spacing:-.02em;margin:8px 0 0;color:inherit}.bento-card-body{font-size:.95rem;line-height:1.5;color:#e8f0efb3;margin:0;flex-grow:1}.bento-home.light .bento-card-body{color:#0a2c2bb8}.bento-cta{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#5fbab8;margin-top:8px;font-weight:500}.bento-home.light .bento-cta{color:#096f6d}.bento-stats{gap:12px}.bento-stat-row{display:flex;align-items:flex-end;gap:clamp(12px,3vw,28px);margin-top:12px}.bento-stat{display:flex;flex-direction:column;align-items:flex-start}.bento-stat-value{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(1.75rem,4vw,2.6rem);letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#5fbab8,#096f6d);-webkit-background-clip:text;background-clip:text;color:transparent}.bento-stat-label{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-top:4px}.projects-container.modern{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.projects-container.modern .projects-content{max-width:1200px;align-items:stretch;text-align:left}.projects-container.modern .projects-eyebrow{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#5fbab8;font-weight:500;align-self:flex-start;margin-bottom:4px}.projects-container.modern h2{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.03em;line-height:1.05;margin:0 0 36px;text-align:left;align-self:flex-start}.projects-container.modern .projects-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);align-items:stretch;width:100%}@media (max-width: 800px){.projects-container.modern .projects-list{grid-template-columns:1fr}}.projects-container.modern .project-item{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;max-width:none;width:100%;margin:0;padding:clamp(20px,2vw,28px);border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#096f6d14,#096f6d05),#141c1c8c;box-shadow:0 1px #ffffff0f inset,0 30px 60px -30px #0009,0 0 0 1px #096f6d14;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);position:relative;overflow:hidden;text-align:left;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1),border-color .3s ease}.projects-container.modern .project-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 60% at 0% 0%,rgba(9,111,109,.18) 0%,transparent 60%);opacity:.7}.projects-container.modern .project-item:hover{transform:translateY(-4px);border-color:#096f6d59;background:linear-gradient(135deg,#096f6d1f,#096f6d0a),#141c1ca6;box-shadow:0 1px #ffffff14 inset,0 50px 100px -30px #000c,0 0 0 1px #096f6d4d}.projects-container.modern .project-header{flex-direction:row;align-items:baseline;justify-content:space-between;text-align:left;margin-bottom:16px;gap:12px}.projects-container.modern .project-header h3{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(1.2rem,1.8vw,1.5rem);letter-spacing:-.02em;color:#e8f0ef;margin:0;line-height:1.2}.projects-container.modern .project-year{font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.08em;color:#5fbab8;margin:0;flex-shrink:0;padding:3px 10px;border-radius:999px;background:#096f6d26;border:1px solid rgba(9,111,109,.3)}.projects-container.modern .project-body{flex-direction:column;align-items:flex-start;gap:18px}.projects-container.modern .project-info{text-align:left;padding:0;flex-grow:1}.projects-container.modern .project-info p{color:#e8f0efb8;font-size:.95rem;line-height:1.55;margin:0}.projects-container.modern .project-buttons-group{flex-direction:row;align-items:center;gap:10px;margin-top:0;align-self:flex-start}.projects-container.modern .go-button,.projects-container.modern .github-readme-link{background:linear-gradient(135deg,#096f6d,#0a8c89);border:none;color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:-.01em;padding:9px 18px;border-radius:999px;box-shadow:0 8px 20px -8px #096f6d99;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),background .2s}.projects-container.modern .github-readme-link{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#e8f0ef;padding:7px 12px}.projects-container.modern .go-button:hover,.projects-container.modern .github-readme-link:hover{transform:translateY(-2px);box-shadow:0 12px 28px -8px #096f6dcc}.projects-container.modern .github-readme-link:hover{background:#096f6d2e;border-color:#096f6d80}.go-button:hover,.go-button:focus,.go-button:focus-visible{animation:jello 1.2s}.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{animation:jello 1.2s}.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:calc(var(--header-height, 80px) + clamp(16px,3vw,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;flex-direction:column;align-items:stretch;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}.project-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:12px}.project-body{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px}@media (max-width: 900px){.projects-content{padding:0 2vw 100px}.project-item{padding:16px 2vw;min-width:0;text-align:center}.project-body{flex-direction:column}.project-info{text-align:center;padding-right:0}.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;padding-right:20px}.project-info h3{margin:0 0 4px;font-size:1.3rem;color:#096f6d}.project-year{display:inline-block;margin-bottom:8px;font-size:.85rem;font-weight:600;letter-spacing:.05em;color:#096f6dbf}.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);animation:jello 1.2s}.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}}@keyframes jello{0%{transform:scaleX(1)}20%{transform:scaleX(1.04) scaleY(.96)}35%{transform:scaleX(.96) scaleY(1.04)}50%{transform:scaleX(1.025) scaleY(.975)}65%{transform:scaleX(.99) scaleY(1.01)}75%{transform:scaleX(1.01) scaleY(.99)}to{transform:scaleX(1)}}.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-button:hover{animation:jello 1.2s;background:linear-gradient(120deg,#096f6d73,#096f6d47);box-shadow:0 20px 56px #096f6d40,0 1.5px 8px #fff3 inset;border-color:#096f6d59}.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)}