@charset "UTF-8";@keyframes stamp-spin{to{transform:rotate(360deg)}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1a;z-index:200;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}.loading-screen__ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 0%,rgba(26,26,46,.9) 0%,transparent 60%),radial-gradient(circle at 80% 60%,rgba(40,26,50,.5) 0%,transparent 50%);opacity:.8;mix-blend-mode:screen;pointer-events:none}.loading-screen__frame{position:absolute;width:16px;height:16px;border:1px solid #444444;z-index:20;pointer-events:none}.loading-screen__frame--tl{top:1rem;left:1rem;border-right:none;border-bottom:none}.loading-screen__frame--tr{top:1rem;right:1rem;border-left:none;border-bottom:none}.loading-screen__frame--bl{bottom:1rem;left:1rem;border-right:none;border-top:none}.loading-screen__frame--br{bottom:1rem;right:1rem;border-left:none;border-top:none}.loading-screen__layout{position:relative;z-index:10;width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:2.5rem 3rem}@media(max-width:768px){.loading-screen__layout{padding:1.5rem}}.loading-screen__header{display:flex;justify-content:flex-start;align-items:flex-start}.loading-screen__brand{display:flex;flex-direction:column;gap:4px;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.loading-screen__brand-name{color:#fff;font-weight:700;font-size:.75rem;letter-spacing:.1em}.loading-screen__brand-sub{color:#888;font-weight:400}.loading-screen__ambient{animation:loading-breathe 10s ease-in-out infinite alternate}.loading-screen__main{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.loading-screen__checklist{width:100%;max-width:520px;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.loading-screen__checklist-header{font-size:.7rem;color:#888;letter-spacing:.1em;text-transform:uppercase;display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;margin-bottom:.5rem;font-weight:500}.loading-screen__check-row{display:flex;align-items:center;width:100%;font-size:.85rem}.loading-screen__check-index{color:#444;width:2rem;font-size:.7rem;flex-shrink:0;font-weight:500}.loading-screen__check-label{font-weight:400;letter-spacing:.02em;display:flex;align-items:baseline;gap:8px;white-space:nowrap}.loading-screen__check-hex{font-size:.6rem;color:#444;opacity:.5}.loading-screen__check-leader{flex-grow:1;margin:0 1rem;border-bottom:1px dotted rgba(255,255,255,.1);position:relative;top:-4px}.loading-screen__status-badge{font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:4px 8px;border-radius:3px;min-width:48px;text-align:center;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:1px solid rgba(255,255,255,.2);color:#888;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #00000080}.loading-screen__status-badge--ok{color:#0a0a1a;background:#fff;border-color:#fff;box-shadow:0 0 10px #fff3}.loading-screen__status-badge--load{color:#e0a96d;border-color:#e0a96d4d;animation:loading-pulse-border 2s infinite}.loading-screen__status-badge--wait{color:#444;border-color:#ffffff1a}.loading-screen__footer{display:flex;flex-direction:column;justify-content:flex-end}.loading-screen__progress-container{position:relative;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #ffffff;padding-bottom:.5rem}.loading-screen__progress-info{display:flex;flex-direction:column;gap:4px;margin-bottom:1.5rem}.loading-screen__progress-status{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.loading-screen__progress-detail{font-size:.7rem;color:#fff;letter-spacing:.02em}.loading-screen__blink{color:#fff;animation:loading-blink 1s step-end infinite}.loading-screen__percentage{font-size:clamp(5rem,14vw,10rem);font-weight:400;line-height:.75;letter-spacing:-.04em;color:#fff;margin-left:auto}.loading-screen__percentage-symbol{font-size:clamp(1.5rem,4vw,3rem);font-weight:300;vertical-align:top;margin-left:-.3rem;opacity:.5}.loading-screen__bar-track{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#ffffff0d}.loading-screen__bar-fill{height:100%;width:0%;background:#fff;box-shadow:0 0 10px #ffffff80;transition:width .5s ease-out}.loading-screen__enter-container{display:flex;align-items:center;justify-content:center}.loading-screen__enter-btn{background:none;border:none;cursor:pointer;padding:1rem}.loading-screen__enter-btn:hover .loading-screen__enter-text{fill:#fff;transition:fill .3s ease}.loading-screen__enter-btn:active{transform:scale(.97)}.loading-screen__enter-svg{width:clamp(200px,40vw,320px);height:auto;overflow:visible}.loading-screen__enter-text{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:60px;font-weight:800;fill:none;stroke:#fff;stroke-width:1.5;stroke-dasharray:800;letter-spacing:-.02em}.loading-screen__timeout{display:flex;flex-direction:column;gap:.5rem}.loading-screen__retry-btn{padding:.5rem 1rem;background:transparent;border:1px solid #000000;cursor:pointer;border-radius:9999px;text-transform:uppercase;font-weight:700;font-family:inherit;font-size:.8rem;transition:background .2s,color .2s}.loading-screen__retry-btn:hover{background:#000;color:#fff}.loading-screen__retry-btn{padding:.5rem 1.5rem;font-size:.9rem;color:#fff;border-color:#888;cursor:pointer}.loading-screen__retry-btn:hover{background:#fff;color:#0a0a1a;border-color:#fff}@keyframes loading-breathe{0%{transform:scale(1) translate(0);opacity:.7}to{transform:scale(1.05) translate(-1%,2%);opacity:.9}}@keyframes loading-blink{50%{opacity:0}}@keyframes loading-pulse-border{0%{border-color:#e0a96d33}50%{border-color:#e0a96dcc}to{border-color:#e0a96d33}}.error-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1a;z-index:200;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}.error-screen__ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 0%,rgba(26,26,46,.9) 0%,transparent 60%),radial-gradient(circle at 80% 60%,rgba(40,26,50,.5) 0%,transparent 50%);opacity:.8;mix-blend-mode:screen;pointer-events:none}.error-screen__frame{position:absolute;width:16px;height:16px;border:1px solid #444444;z-index:20;pointer-events:none}.error-screen__frame--tl{top:1rem;left:1rem;border-right:none;border-bottom:none}.error-screen__frame--tr{top:1rem;right:1rem;border-left:none;border-bottom:none}.error-screen__frame--bl{bottom:1rem;left:1rem;border-right:none;border-top:none}.error-screen__frame--br{bottom:1rem;right:1rem;border-left:none;border-top:none}.error-screen__layout{position:relative;z-index:10;width:100%;height:100%;display:grid;grid-template-rows:auto 1fr auto;padding:2.5rem 3rem}@media(max-width:768px){.error-screen__layout{padding:1.5rem}}.error-screen__header{display:flex;justify-content:flex-start;align-items:flex-start}.error-screen__brand{display:flex;flex-direction:column;gap:4px;font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.error-screen__brand-name{color:#fff;font-weight:700;font-size:.75rem;letter-spacing:.1em}.error-screen__brand-sub{color:#888;font-weight:400}.error-screen__main{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.5rem;max-width:500px;margin:0 auto}.error-screen__title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}.error-screen__message{font-size:.9rem;color:#888;line-height:1.6;max-width:380px}@media(min-width:768px){.error-screen__message{font-size:1rem}}.error-screen__extra{color:#888;font-size:.8rem;line-height:1.6;max-width:400px}.error-screen__extra strong{color:#fff}.error-screen__extra ul{list-style:none;margin:.5rem 0;text-align:left;display:inline-block}.error-screen__extra ul li{padding-left:1.2em;position:relative;line-height:1.8}.error-screen__extra ul li:before{content:"›";position:absolute;left:0;color:#fff}.error-screen__extra a{color:#fff;text-decoration:none;border-bottom:1px solid #444444;transition:border-color .2s ease}.error-screen__extra a:hover{border-color:#fff}.error-screen__button{background:none;border:none;cursor:pointer;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:transparent;-webkit-text-stroke:1.5px #ffffff;letter-spacing:-.02em;padding:.5rem 1rem}.error-screen__button:hover{color:#fff;-webkit-text-stroke:0}.nav-bar{position:fixed;top:1rem;right:1rem;z-index:11;display:flex;flex-direction:column;align-items:center;padding:.25rem;border:1px solid #000000;border-radius:9999px;background:#fff;box-shadow:0 10px 30px #0000001a;overflow:visible}@media(min-width:768px){.nav-bar{top:2rem;right:2rem;padding:.5rem}}.nav-bar__toggle{width:48px;height:48px;border-radius:50%;border:1px solid #000000;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:#000}.nav-bar__toggle svg{width:20px;height:20px;fill:currentColor}.nav-bar__toggle{padding:0;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-color:transparent}.nav-bar__toggle:hover{border-color:#000}.icon-button{width:40px;height:40px;border-radius:50%;border:1px solid #000000;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:#000}.icon-button svg{width:20px;height:20px;fill:currentColor}.icon-button{position:relative;padding:0;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px}.icon-button svg{width:18px;height:18px}@media(min-width:768px){.icon-button{width:48px;height:48px;border-radius:50%;border:1px solid #000000;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:#000}.icon-button svg{width:20px;height:20px;fill:currentColor}.icon-button svg{width:20px;height:20px}}.icon-button--active{background:#000;color:#fff}.icon-button--disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.icon-button:active{transform:scale(.95)}.icon-button--profile:hover{background:linear-gradient(145deg,#fdfbfb,#fbc2eb 40%,#a6c1ee);border-color:transparent}.icon-button--projects:hover{background:linear-gradient(145deg,#f0f8ff,#a1c4fd 40%,#c2e9fb);border-color:transparent}.icon-button--audio:hover{background:linear-gradient(145deg,#f0fff4,#a7f3d0 40%,#6ee7b7);border-color:transparent}.icon-button--version:hover{background:linear-gradient(145deg,#fff3e6,#fde68a 35%,#f9a8d4);border-color:transparent}.icon-button--controls:hover{background:linear-gradient(145deg,#fdfbfb,#ffc3a0 40%,#ff6b6b);border-color:transparent}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;position:fixed;background:#0a0a1a99;z-index:100;display:flex;align-items:center;justify-content:center}.modal{background:#fff;border:1px solid #000000;border-radius:24px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:color-burn;pointer-events:none;z-index:10;border-radius:inherit}.modal{position:relative;max-width:90vw;max-height:80vh;overflow:hidden;z-index:101;color:#000}@media(max-width:768px)and (orientation:landscape){.modal{max-height:85vh}}@media(min-width:768px){.modal{max-width:600px}}.modal__header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #000000}.modal__title{font-weight:700;color:#000;line-height:1.1;letter-spacing:-.02em;font-size:1.25rem}.modal__close{width:36px;height:36px;border-radius:50%;border:1px solid #000000;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:#000}.modal__close svg{width:20px;height:20px;fill:currentColor}.modal__content{position:relative;z-index:1;padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 60px);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth}.modal__content::-webkit-scrollbar{width:6px}.modal__content::-webkit-scrollbar-track{background:transparent;margin:.5rem 0}.modal__content::-webkit-scrollbar-thumb{background:#000;border-radius:9999px;border:1px solid rgba(255,255,255,.5);min-height:30px}.modal__content::-webkit-scrollbar-thumb:hover{background:#404040}.modal__content::-webkit-scrollbar-button{display:none}.modal__content{scrollbar-width:thin;scrollbar-color:#000000 transparent}@media(max-width:768px)and (orientation:landscape){.modal__content{max-height:calc(85vh - 60px)}}.link-confirm{background:#fff;border:1px solid #000000;border-radius:24px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.link-confirm:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:color-burn;pointer-events:none;z-index:10;border-radius:inherit}.link-confirm{width:90vw;max-width:340px;z-index:101;color:#000;background:linear-gradient(145deg,#f0f8ff,#a1c4fd 40%,#c2e9fb);display:flex;flex-direction:column}@media(max-width:768px){.link-confirm{max-width:90vw}}.link-confirm__content{padding:0 1.5rem 1.5rem;text-align:center}.link-confirm__title{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em;font-size:2rem;margin-bottom:1rem}.link-confirm__message{font-size:.9rem;color:#404040;margin-bottom:1.5rem;line-height:1.6}.link-confirm__actions{display:flex;gap:.5rem}.link-confirm__btn{flex:1;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.link-confirm__btn--cancel{padding:.5rem 1rem;background:transparent;border:1px solid #000000;cursor:pointer;border-radius:9999px;text-transform:uppercase;font-weight:700;font-family:inherit;font-size:.8rem;transition:background .2s,color .2s}.link-confirm__btn--cancel:hover{background:#000;color:#fff}.link-confirm__btn--cancel:hover{background:#e5e5e5;color:#000;border-color:#737373}.link-confirm__btn--primary{padding:.5rem 1rem;background:transparent;border:1px solid #000000;cursor:pointer;border-radius:9999px;text-transform:uppercase;font-weight:700;font-family:inherit;font-size:.8rem;transition:background .2s,color .2s}.link-confirm__btn--primary:hover,.link-confirm__btn--primary{background:#000;color:#fff}.link-confirm__btn--primary:hover{background:#404040}.version-history-panel{background:#fff;border:1px solid #000000;border-radius:24px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.version-history-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:color-burn;pointer-events:none;z-index:10;border-radius:inherit}.version-history-panel{width:90vw;max-width:450px;height:80vh;z-index:101;color:#000;background:linear-gradient(145deg,#fff3e6,#fde68a 35%,#f9a8d4);display:flex;flex-direction:column}@media(min-width:768px){.version-history-panel{width:450px;height:auto;max-height:45vh}}.version-history-panel__title{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em;font-size:2rem;margin:1rem 0;padding:0 1.5rem}.version-history-panel__content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0 1.5rem 1.5rem}.version-history-panel__content::-webkit-scrollbar{width:6px}.version-history-panel__content::-webkit-scrollbar-track{background:transparent;margin:.5rem 0}.version-history-panel__content::-webkit-scrollbar-thumb{background:#000;border-radius:9999px;border:1px solid rgba(255,255,255,.5);min-height:30px}.version-history-panel__content::-webkit-scrollbar-thumb:hover{background:#404040}.version-history-panel__content::-webkit-scrollbar-button{display:none}.version-history-panel__content{scrollbar-width:thin;scrollbar-color:#000000 transparent}.version-history__entry{border-bottom:1px solid #000000;padding:.5rem 0}.version-history__entry:last-child{border-bottom:none}.version-history__header{display:flex;align-items:center;gap:1rem;width:100%;background:transparent;border:none;padding:.25rem 0;cursor:pointer;font-family:inherit}.version-history__version-number{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em;font-size:1.2rem}.version-history__version-number--latest{font-weight:700;color:#000;line-height:1.1;letter-spacing:-.02em;font-size:1.2rem}.version-history__date{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;color:#737373;margin-left:auto}.version-history__chevron{color:#737373;transition:color .2s ease;flex-shrink:0}.version-history__header[aria-expanded=true] .version-history__chevron{color:#000}.version-history__changes{overflow:hidden;padding:0 0 .25rem;will-change:height}.version-history__change-item{display:flex;gap:.5rem;padding:.25rem 0;font-size:.9rem;line-height:1.6;color:#404040;word-wrap:break-word}.version-history__change-bullet{color:#000;font-weight:700;flex-shrink:0}.modal--about-me{width:90vw;max-width:500px;height:80vh;background:linear-gradient(145deg,#fdfbfb,#fbc2eb 40%,#a6c1ee)}@media(min-width:768px){.modal--about-me{width:500px;height:auto}}.modal--about-me .panel-header .text-meta{font-size:.8rem}.modal--about-me .modal__content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding-bottom:0}@media(min-width:768px){.modal--about-me .modal__content{height:600px;max-height:600px}}.about-me{display:flex;flex-direction:column;height:100%}.about-me__scrollable{flex:1;overflow-y:auto;padding-bottom:1rem}.about-me__scrollable::-webkit-scrollbar{width:6px}.about-me__scrollable::-webkit-scrollbar-track{background:transparent;margin:.5rem 0}.about-me__scrollable::-webkit-scrollbar-thumb{background:#000;border-radius:9999px;border:1px solid rgba(255,255,255,.5);min-height:30px}.about-me__scrollable::-webkit-scrollbar-thumb:hover{background:#404040}.about-me__scrollable::-webkit-scrollbar-button{display:none}.about-me__scrollable{scrollbar-width:thin;scrollbar-color:#000000 transparent}.about-me__name{font-weight:700;color:#000;line-height:1.1;font-size:3rem;line-height:1;letter-spacing:-.02em;margin-bottom:.25rem}.about-me__intro{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em;font-size:2.5rem;margin-bottom:1rem}.about-me__description{font-weight:700;color:#000;line-height:1.1;letter-spacing:-.02em;font-size:1rem;margin-bottom:1rem}.about-me__section{margin-bottom:1.5rem}.about-me__section:last-child{margin-bottom:0}.about-me__footer{flex-shrink:0;padding:1rem 1.5rem;margin:0 -1.5rem}.about-me__section-title{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;padding-bottom:.25rem;margin-bottom:.5rem;border-bottom:1px solid #000000}.about-me__skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.about-me__skill-item{font-weight:700;color:#000;line-height:1.1;letter-spacing:-.02em;font-size:.9rem;font-weight:600}.about-me__tags{display:flex;flex-wrap:wrap;gap:.5rem}.about-me__tag{font-size:.65rem;text-transform:uppercase;border:1px solid #000000;padding:2px 8px;border-radius:9999px;font-weight:500;letter-spacing:.05em;color:#000;background:transparent;white-space:nowrap;cursor:default;transition:all .15s ease}.about-me__social{display:flex;gap:1rem;flex-wrap:wrap}.about-me__social-link{font-weight:700;color:#000;line-height:1.1;letter-spacing:-.02em;font-size:1.5rem;padding:.25rem 0;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.projects-panel{background:#fff;border:1px solid #000000;border-radius:24px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.projects-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:color-burn;pointer-events:none;z-index:10;border-radius:inherit}.projects-panel{width:90vw;max-width:450px;height:80vh;z-index:101;color:#000;background:linear-gradient(145deg,#f0f8ff,#a1c4fd 40%,#c2e9fb);display:flex;flex-direction:column}@media(min-width:768px){.projects-panel{width:450px;height:50vh}}.projects-panel__title{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em;font-size:2rem;margin:1rem 0;padding:0 1.5rem}.projects-panel__content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.projects-panel__content::-webkit-scrollbar{width:6px}.projects-panel__content::-webkit-scrollbar-track{background:transparent;margin:.5rem 0}.projects-panel__content::-webkit-scrollbar-thumb{background:#000;border-radius:9999px;border:1px solid rgba(255,255,255,.5);min-height:30px}.projects-panel__content::-webkit-scrollbar-thumb:hover{background:#404040}.projects-panel__content::-webkit-scrollbar-button{display:none}.projects-panel__content{scrollbar-width:thin;scrollbar-color:#000000 transparent}.projects-panel__list{list-style:none}.projects-panel__item{padding:.5rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;border-bottom:1px solid #000000}.projects-panel__item:last-child{border-bottom:none}.projects-panel__item-title{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em;font-size:1.3rem;cursor:pointer;-webkit-user-select:none;user-select:none}.projects-panel__item-tags{display:flex;gap:.25rem;flex-wrap:wrap}.projects-panel__tag{font-size:.65rem;text-transform:uppercase;border:1px solid #000000;padding:2px 8px;border-radius:9999px;font-weight:500;letter-spacing:.05em;color:#000;background:transparent;white-space:nowrap}.projects-panel__tag--category{font-weight:700}.projects-panel__footer{margin-top:auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.projects-panel__footer-meta{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000}.projects-panel__footer-count{font-weight:700;color:#000;line-height:1.1;letter-spacing:-.02em;font-size:2rem}.projects-panel__detail-title{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em;font-size:1.6rem;margin:1rem 0;padding:0 1.5rem}.projects-panel__detail-content{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0 1.5rem 1.5rem}.projects-panel__detail-content::-webkit-scrollbar{width:6px}.projects-panel__detail-content::-webkit-scrollbar-track{background:transparent;margin:.5rem 0}.projects-panel__detail-content::-webkit-scrollbar-thumb{background:#000;border-radius:9999px;border:1px solid rgba(255,255,255,.5);min-height:30px}.projects-panel__detail-content::-webkit-scrollbar-thumb:hover{background:#404040}.projects-panel__detail-content::-webkit-scrollbar-button{display:none}.projects-panel__detail-content{scrollbar-width:thin;scrollbar-color:#000000 transparent}.projects-panel__description{margin-bottom:1.5rem;line-height:1.6;color:#404040;font-size:.9rem}.projects-panel__detail-links{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.projects-panel__detail-link{font-weight:700;line-height:1.1;letter-spacing:-.02em;font-size:1.2rem;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;color:#000}.projects-panel__detail-tags{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #000000}.projects-panel__back{font-weight:700;color:#000;line-height:1.1;letter-spacing:-.02em;font-size:.9rem;background:none;border:none;cursor:pointer;font-family:inherit;padding:.25rem 0;-webkit-user-select:none;user-select:none}.controls-panel{background:#fff;border:1px solid #000000;border-radius:24px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.controls-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:color-burn;pointer-events:none;z-index:10;border-radius:inherit}.controls-panel{width:90vw;max-width:420px;height:80vh;z-index:101;color:#000;background:linear-gradient(145deg,#fdfbfb,#ffc3a0 40%,#ff6b6b);display:flex;flex-direction:column}@media(min-width:768px){.controls-panel{width:420px;height:auto;max-height:80vh}}.controls-panel__title{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em;font-size:2rem;margin:1rem 0;padding:0 1.5rem}.controls-panel__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0 1.5rem 1.5rem}.controls-panel__content::-webkit-scrollbar{width:6px}.controls-panel__content::-webkit-scrollbar-track{background:transparent;margin:.5rem 0}.controls-panel__content::-webkit-scrollbar-thumb{background:#000;border-radius:9999px;border:1px solid rgba(255,255,255,.5);min-height:30px}.controls-panel__content::-webkit-scrollbar-thumb:hover{background:#404040}.controls-panel__content::-webkit-scrollbar-button{display:none}.controls-panel__content{scrollbar-width:thin;scrollbar-color:#000000 transparent}.controls-panel__shortcut-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #000000}.controls-panel__shortcut-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000}.controls-panel__shortcut-key{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;background:transparent;border:1px solid #000000;padding:2px 8px;border-radius:4px}.controls-panel__mobile-section{margin-top:1.5rem;padding:0 1.5rem 1.5rem}.controls-panel__mobile-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;margin-bottom:.5rem}.controls-panel__mobile-controls{display:flex;justify-content:space-between;align-items:center}.controls-panel__dpad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:4px}.controls-panel__dpad-btn{border:1px solid #000000;border-radius:12px;background:transparent}.controls-panel__dpad-btn--up{grid-column:2;grid-row:1}.controls-panel__dpad-btn--left{grid-column:1;grid-row:2}.controls-panel__dpad-btn--right{grid-column:3;grid-row:2}.controls-panel__dpad-btn--down{grid-column:2;grid-row:3}.controls-panel__action-btns{display:flex;gap:.5rem}.controls-panel__action-btn{width:40px;height:40px;border-radius:50%;border:1px solid #000000;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:#000}.controls-panel__action-btn svg{width:20px;height:20px;fill:currentColor}.controls-panel__action-btn{border-radius:12px;font-weight:700;font-family:inherit}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:50;display:inline-flex;align-items:center;gap:1rem;padding:.5rem 1.5rem;background:linear-gradient(145deg,#fff1f2,#fda4af 35%,#c4b5fd);border:1px solid #000000;border-radius:9999px;box-shadow:0 4px 12px #0000001a}.toast:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:color-burn;pointer-events:none;z-index:10;border-radius:inherit}.toast{color:#000;font-size:.875rem;font-weight:500;white-space:nowrap}.toast__icon{width:24px;height:24px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast__icon svg{width:14px;height:14px}.toast__message{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;font-weight:600}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:50;white-space:nowrap;pointer-events:none;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#fff}.tooltip--left{right:calc(100% + 18px);top:50%;transform:translateY(-50%)}.tooltip--right{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip__arrow{display:none}.tutorial{position:fixed;top:0;right:0;bottom:0;left:0;z-index:111;pointer-events:none}.tutorial__blocker{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:transparent}.tutorial__card{background:#fff;border:1px solid #000000;border-radius:24px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.tutorial__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:color-burn;pointer-events:none;z-index:10;border-radius:inherit}.tutorial__card{width:360px;pointer-events:auto;z-index:10;color:#000;background:linear-gradient(145deg,#fdfbfb,#fbc2eb 40%,#a6c1ee)}.tutorial__card--warm{background:linear-gradient(145deg,#fdfbfb,#ffc3a0 40%,#ff6b6b)}.tutorial__card--cool{background:linear-gradient(145deg,#f0f8ff,#a1c4fd 40%,#c2e9fb)}.tutorial__card--pastel{background:linear-gradient(145deg,#fdfbfb,#fbc2eb 40%,#a6c1ee)}.tutorial__card--mint{background:linear-gradient(145deg,#f0fff4,#a7f3d0 40%,#6ee7b7)}.tutorial__card--amber{background:linear-gradient(145deg,#fff3e6,#fde68a 35%,#f9a8d4)}@media(min-width:768px){.tutorial__card{width:380px}}.tutorial__header{padding:1rem 1.5rem .25rem}.tutorial__step-counter{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;color:#404040}.tutorial__content{padding:0 1.5rem 1rem}.tutorial__title{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em;font-size:1.5rem;margin-bottom:.5rem}.tutorial__description{font-size:.9rem;line-height:1.6;color:#404040}.tutorial__footer{padding:.5rem 1.5rem 1rem;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.tutorial__skip{background:none;border:none;color:#737373;font-size:.8rem;font-family:inherit;cursor:pointer;padding:.25rem .5rem;transition:color .2s ease}.tutorial__skip:hover{color:#000}.tutorial__next{padding:.5rem 1rem;background:transparent;border:1px solid #000000;cursor:pointer;border-radius:9999px;text-transform:uppercase;font-weight:700;font-family:inherit;font-size:.8rem;transition:background .2s,color .2s}.tutorial__next:hover,.tutorial__next{background:#000;color:#fff}.tutorial__next:hover{background:#404040}.tutorial__next{padding:.5rem 1.5rem;font-size:.9rem;cursor:pointer}.gesture-hints{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0a0a1acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.gesture-hints__content{display:flex;gap:4rem;margin-bottom:2rem}.gesture-hints__dismiss{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;color:#fff;opacity:.7}.gesture-hint__item{display:flex;flex-direction:column;align-items:center;gap:1rem}.gesture-hint__hand{width:48px;height:48px;color:#fff}.gesture-hint__hand svg{width:100%;height:100%}.gesture-hint__pinch{position:relative;width:48px;height:48px;color:#fff}.gesture-hint__pinch svg{width:100%;height:100%}.gesture-hint__pinch-dot{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%}.gesture-hint__pinch-dot--left,.gesture-hint__pinch-dot--right{top:50%;left:50%;transform:translate(-50%,-50%)}.gesture-hint__label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;color:#fff;white-space:nowrap}.touch-controls{position:fixed;bottom:2rem;left:1.5rem;z-index:12;pointer-events:none;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-controls__left{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;pointer-events:auto}.touch-controls__left .touch-controls__dpad{margin-top:1rem}.touch-controls__dpad{position:relative;width:160px;height:160px;touch-action:none}.touch-controls__btn{position:absolute;display:flex;align-items:center;justify-content:center;width:54px;height:54px;padding:0;border:1px solid #000000;border-radius:50%;background:#fff;color:#000;cursor:pointer;touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #0000001a;transition:all .1s ease}.touch-controls__btn svg{width:22px;height:22px;transition:all .1s ease}.touch-controls__btn--up{top:0;left:50%;transform:translate(-50%)}.touch-controls__btn--down{bottom:0;left:50%;transform:translate(-50%)}.touch-controls__btn--left{left:0;top:50%;transform:translateY(-50%)}.touch-controls__btn--right{right:0;top:50%;transform:translateY(-50%)}.touch-controls__btn--active,.touch-controls__btn:active{background:#000;color:#fff;transform:translate(-50%) scale(.95)}.touch-controls__btn--active.touch-controls__btn--left,.touch-controls__btn--active.touch-controls__btn--right,.touch-controls__btn:active.touch-controls__btn--left,.touch-controls__btn:active.touch-controls__btn--right{transform:translateY(-50%) scale(.95)}.touch-controls__btn--active.touch-controls__btn--up,.touch-controls__btn--active.touch-controls__btn--down,.touch-controls__btn:active.touch-controls__btn--up,.touch-controls__btn:active.touch-controls__btn--down{transform:translate(-50%) scale(.95)}.touch-controls__action,.touch-controls__pause-exit{display:flex;align-items:center;justify-content:center;gap:.25rem;width:128px;height:40px;padding:0 1rem;border-radius:9999px;font-family:inherit;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .1s ease}.touch-controls__action svg,.touch-controls__pause-exit svg{width:14px;height:14px}.touch-controls__action{border:1px solid #000000;background:#fff;color:#000;box-shadow:0 4px 12px #0000001a}.touch-controls__action:active{background:#000;color:#fff;transform:scale(.97)}.touch-controls__pause-exit{border:1px solid #000000;background:#fff;color:#000;box-shadow:0 4px 12px #0000001a}.touch-controls__pause-exit:active{background:#000;color:#fff;transform:scale(.97)}.touch-controls__pause-exit--exit{border-color:#f44;color:#f44}.touch-controls__pause-exit--exit:active{background:#f44;color:#fff}.radio-playlist-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1a99;z-index:100}.radio-playlist{background:#fff;border:1px solid #000000;border-radius:24px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.radio-playlist:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:color-burn;pointer-events:none;z-index:10;border-radius:inherit}.radio-playlist{position:fixed;bottom:1.5rem;right:1.5rem;width:300px;max-height:500px;z-index:49;display:flex;flex-direction:column;color:#000;background:linear-gradient(145deg,#f0fff4,#a7f3d0 40%,#6ee7b7);touch-action:none}@media(min-width:768px){.radio-playlist{right:2rem;bottom:2rem;width:320px}}@media(max-width:768px){.radio-playlist{top:0;left:0;right:0;bottom:0;margin:auto;width:90vw;max-width:340px;height:80vh;max-height:none;z-index:101}}.radio-playlist__drag-handle{cursor:grab}.radio-playlist__drag-handle:active{cursor:grabbing}.radio-playlist__current{padding:0 1.5rem .25rem}.radio-playlist__current-title{font-weight:700;color:#000;line-height:1.1;letter-spacing:-.02em;font-size:1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-playlist__current-artist{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;color:#737373}.radio-playlist__controls{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem .5rem;flex-shrink:0}.radio-playlist__controls-main{display:flex;align-items:center;gap:.5rem}.radio-playlist__control-btn{width:36px;height:36px;border-radius:50%;border:1px solid #000000;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:#000}.radio-playlist__control-btn svg{width:20px;height:20px;fill:currentColor}.radio-playlist__control-btn svg{width:16px;height:16px}.radio-playlist__control-btn:active{transform:scale(.95)}.radio-playlist__control-btn--play{width:44px;height:44px;border-radius:50%;border:1px solid #000000;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:#000}.radio-playlist__control-btn--play svg{width:20px;height:20px;fill:currentColor}.radio-playlist__control-btn--play svg{width:18px;height:18px}.radio-playlist__control-btn--secondary{width:32px;height:32px;border-radius:50%;border:1px solid #000000;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:#000}.radio-playlist__control-btn--secondary svg{width:20px;height:20px;fill:currentColor}.radio-playlist__control-btn--secondary{border-color:transparent;color:#737373}.radio-playlist__control-btn--secondary svg{width:14px;height:14px}.radio-playlist__control-btn--secondary:hover{border-color:#000}.radio-playlist__control-btn--secondary.active{background:#000;color:#fff;border-color:#000}.radio-playlist__progress{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1.5rem 0;flex-shrink:0}.radio-playlist__progress-bar{width:100%;height:20px;display:flex;align-items:center;cursor:pointer;touch-action:none}.radio-playlist__progress-times{display:flex;justify-content:space-between;padding:0 2px}.radio-playlist__time{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;color:#737373;font-variant-numeric:tabular-nums}.radio-playlist__progress-track{position:relative;width:100%;height:2px;background:#00000026;border-radius:9999px;overflow:visible}.radio-playlist__progress-fill{position:absolute;top:0;left:0;height:100%;background:#000;border-radius:9999px;transition:width .1s linear}.radio-playlist__progress-thumb{position:absolute;top:50%;width:12px;height:12px;background:#fff;border:2px solid #000000;border-radius:9999px;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease}.radio-playlist__progress-bar:hover .radio-playlist__progress-thumb,.radio-playlist__progress-bar:active .radio-playlist__progress-thumb{opacity:1}.radio-playlist__volume{display:flex;align-items:center;gap:.5rem;padding:0 1.5rem .5rem;flex-shrink:0}.radio-playlist__volume-btn{width:32px;height:32px;border-radius:50%;border:1px solid #000000;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;color:#000}.radio-playlist__volume-btn svg{width:20px;height:20px;fill:currentColor}.radio-playlist__volume-btn{border-color:transparent}.radio-playlist__volume-btn svg{width:16px;height:16px}.radio-playlist__volume-btn:hover{border-color:#000}.radio-playlist__volume-slider-container{flex:1;height:20px;display:flex;align-items:center}.radio-playlist__volume-slider{width:100%;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border-radius:9999px;outline:none;cursor:pointer;position:relative}.radio-playlist__volume-slider:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#00000026;border-radius:9999px;transform:translateY(-50%);pointer-events:none}.radio-playlist__volume-slider::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#000000 0%,#000000 var(--volume-percent, 50%),rgba(0,0,0,.15) var(--volume-percent, 50%),rgba(0,0,0,.15) 100%);border-radius:9999px}.radio-playlist__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border:2px solid #000000;border-radius:9999px;cursor:pointer;margin-top:-5px}.radio-playlist__volume-slider::-moz-range-track{height:2px;background:#00000026;border-radius:9999px}.radio-playlist__volume-slider::-moz-range-progress{height:2px;background:#000;border-radius:9999px}.radio-playlist__volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border:2px solid #000000;border-radius:9999px;cursor:pointer}.radio-playlist__tracks{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:.25rem 0;border-top:1px solid #000000}.radio-playlist__tracks::-webkit-scrollbar{width:6px}.radio-playlist__tracks::-webkit-scrollbar-track{background:transparent;margin:.5rem 0}.radio-playlist__tracks::-webkit-scrollbar-thumb{background:#000;border-radius:9999px;border:1px solid rgba(255,255,255,.5);min-height:30px}.radio-playlist__tracks::-webkit-scrollbar-thumb:hover{background:#404040}.radio-playlist__tracks::-webkit-scrollbar-button{display:none}.radio-playlist__tracks{scrollbar-width:thin;scrollbar-color:#000000 transparent}.radio-playlist__list{list-style:none;margin:0;padding:0}.radio-playlist__track{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;cursor:pointer;transition:background-color .15s ease;font-size:.8rem;border-left:2px solid transparent}.radio-playlist__track--active{font-weight:700;border-left-color:#000}.radio-playlist__track:not(.radio-playlist__track--active){color:#737373}.radio-playlist__track:not(.radio-playlist__track--active) .radio-playlist__track-name{color:#737373}.radio-playlist__track-index{width:24px;font-size:.8rem;color:#737373;text-align:center;flex-shrink:0}.radio-playlist__track-name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.radio-playlist__track-tag{font-size:.65rem;text-transform:uppercase;border:1px solid #000000;border-radius:9999px;font-weight:500;letter-spacing:.05em;color:#000;background:transparent;white-space:nowrap;font-size:9px;padding:1px 5px;margin-left:auto;flex-shrink:0}.radio-playlist__playing-indicator{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:14px}.radio-playlist__playing-indicator span{width:3px;background:#000;border-radius:1px;animation:equalizer .8s ease-in-out infinite}.radio-playlist__playing-indicator span:nth-child(1){height:60%;animation-delay:0s}.radio-playlist__playing-indicator span:nth-child(2){height:100%;animation-delay:.2s}.radio-playlist__playing-indicator span:nth-child(3){height:40%;animation-delay:.4s}.radio-playlist__tracks--full{min-height:150px;max-height:220px;border:1px solid #000000;border-radius:12px;background:#fff6}.radio-full-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a1a99;z-index:100}.radio-full{background:#fff;border:1px solid #000000;border-radius:24px;box-shadow:0 10px 30px #0000001a;position:relative;overflow:hidden}.radio-full:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:color-burn;pointer-events:none;z-index:10;border-radius:inherit}.radio-full{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:calc(100vw - 4rem);max-width:780px;height:fit-content;max-height:calc(100vh - 4rem);z-index:101;color:#000;background:linear-gradient(145deg,#f0fff4,#a7f3d0 40%,#6ee7b7);display:flex;flex-direction:column;overflow:hidden}@media(min-width:768px){.radio-full{max-width:820px}}.radio-full__layout{display:flex;flex-direction:row;gap:2rem;padding:1.5rem;flex:1;min-height:0}@media(max-width:768px){.radio-full__layout{flex-direction:column;gap:1rem}}.radio-full__left{display:flex;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0;width:260px}@media(max-width:768px){.radio-full__left{width:100%;flex-direction:row;gap:1.5rem}}.radio-full__album{width:220px;height:220px;border-radius:12px;overflow:hidden;border:1px solid #000000;box-shadow:0 10px 30px #0000001a;flex-shrink:0}@media(min-width:768px){.radio-full__album{width:260px;height:260px}}@media(max-width:768px){.radio-full__album{width:100px;height:100px}}.radio-full__album img{width:100%;height:100%;object-fit:cover}.radio-full__album-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.radio-full__album-placeholder svg{width:60px;height:60px;color:#737373}.radio-full__track-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}@media(max-width:768px){.radio-full__track-info{align-items:flex-start;text-align:left}}.radio-full__track-title{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em;font-size:1.8rem}@media(max-width:768px){.radio-full__track-title{font-size:1.3rem}}.radio-full__track-artist{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000;color:#737373}.radio-full__genre-tag{font-size:.65rem;text-transform:uppercase;border:1px solid #000000;padding:2px 8px;border-radius:9999px;font-weight:500;letter-spacing:.05em;color:#000;background:transparent;white-space:nowrap;margin-top:.25rem}.radio-full__right{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;min-height:0}@keyframes equalizer{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}html{position:fixed;width:100%;height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a1a;color:#000}::selection{background:#00000026;color:#000}:focus-visible{outline:2px solid #000000;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-outline{font-weight:800;color:transparent;-webkit-text-stroke:1px #000000;line-height:1;letter-spacing:-.02em}.text-solid{font-weight:700;color:#000;line-height:1.1;letter-spacing:-.02em}.text-meta{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#000}.panel-header{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.canvas-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;touch-action:none;user-select:none;-webkit-user-select:none}.ui-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.ui-overlay>*{pointer-events:auto}