@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);:root{--bg-black:#000;--bg-base:#121212;--bg-elevated-base:#242424;--bg-highlight:#1a1a1a;--bg-card:#181818;--bg-card-hover:#282828;--bg-tinted-base:#ffffff12;--bg-tinted-highlight:#ffffff1a;--bg-tinted-press:#ffffff0a;--text-primary:#fff;--text-secondary:#b3b3b3;--text-subdued:#6a6a6a;--primary-green:#1db954;--primary-green-hover:#1ed760;--primary-green-press:#169c46;--verified-blue:#3d91f4;--essential-negative:#e91429;--essential-positive:#1db954;--sidebar-width:280px;--footer-height:72px;--top-bar-height:64px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-pill:500px;--transition-fast:0.1s ease;--transition-normal:0.2s ease}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--bg-black);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:pointer;font-family:inherit}ol,ul{list-style:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#ffffff4d;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.text-green{color:#1db954!important}.spotify-play-btn{align-items:center;background-color:#1db954;background-color:var(--primary-green);border-radius:50%;box-shadow:0 8px 8px #0000004d;color:#000;display:flex;height:56px;justify-content:center;transition:transform .1s ease,background-color .1s ease;transition:transform var(--transition-fast),background-color var(--transition-fast);width:56px}.spotify-play-btn:hover{background-color:#1ed760;background-color:var(--primary-green-hover);transform:scale(1.04)}.spotify-play-btn:active{background-color:#169c46;background-color:var(--primary-green-press);transform:scale(1)}.spotify-follow-btn{border:1px solid #ffffff4d;border-radius:500px;border-radius:var(--border-radius-pill);color:#fff;font-size:14px;font-weight:700;padding:7px 15px;transition:border-color .1s ease,transform .1s ease;transition:border-color var(--transition-fast),transform var(--transition-fast)}.spotify-follow-btn:hover{border-color:#fff;transform:scale(1.04)}.spotify-icon-btn{color:#b3b3b3;color:var(--text-secondary);padding:8px;transition:color .1s ease,transform .1s ease;transition:color var(--transition-fast),transform var(--transition-fast)}.spotify-icon-btn:hover{color:#fff;transform:scale(1.04)}.spotify-icon-btn:active{color:#6a6a6a;color:var(--text-subdued);transform:scale(1)}.header{display:none}.sidebar{background-color:var(--bg-black);display:flex;flex-direction:column;flex-shrink:0;gap:8px;height:calc(100vh - var(--footer-height) - 16px);min-width:var(--sidebar-width);width:var(--sidebar-width);z-index:10}.sidebar-top{background-color:var(--bg-base);border-radius:var(--border-radius-lg);padding:12px}.sidebar-top-row{justify-content:space-between}.sidebar-logo,.sidebar-top-row{align-items:center;display:flex}.logo-icon{color:#fff;font-size:32px}.sidebar-link{align-items:center;border-radius:var(--border-radius-sm);color:var(--text-secondary);display:flex;font-size:15px;font-weight:700;gap:12px;padding:8px 12px;text-decoration:none;transition:color var(--transition-fast)}.sidebar-link.active,.sidebar-link:hover{color:var(--text-primary)}.sidebar-icon{font-size:24px}.sidebar-library{background-color:var(--bg-base);border-radius:var(--border-radius-lg);display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:12px}.library-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.library-header-left{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:12px;transition:color var(--transition-fast)}.library-header-left:hover{color:var(--text-primary)}.library-header-right{align-items:center;display:flex;gap:8px}.library-header-right button{border-radius:50%;color:var(--text-secondary);padding:8px;transition:color var(--transition-fast),background-color var(--transition-fast)}.library-header-right button:hover{background-color:var(--bg-tinted-highlight);color:var(--text-primary)}.library-filter-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.filter-pill{background-color:var(--bg-tinted-base);border-radius:var(--border-radius-pill);color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:8px 12px;transition:background-color var(--transition-fast)}.filter-pill:hover{background-color:var(--bg-tinted-highlight)}.filter-pill.active{background-color:#fff;color:#000}.library-sort{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;transition:color var(--transition-fast)}.library-sort:hover{color:var(--text-primary)}.playlist-list{flex:1 1;overflow-y:auto}.playlist-item{align-items:center;border-radius:var(--border-radius-md);color:inherit;cursor:pointer;display:flex;gap:12px;padding:8px;text-decoration:none;transition:background-color var(--transition-fast)}.playlist-item.active,.playlist-item:hover{background-color:var(--bg-tinted-highlight)}.playlist-item-art{align-items:center;background-color:var(--bg-card);border-radius:var(--border-radius-sm);display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.playlist-item-art.liked-songs{background:linear-gradient(135deg,#450af5,#c4efd9)}.playlist-art-placeholder{color:#888;font-size:16px;font-weight:600}.playlist-item-info{display:flex;flex-direction:column;min-width:0}.playlist-item-name{color:#fff;font-size:16px;font-weight:400}.playlist-item-meta,.playlist-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:4px}.playlist-item-meta .now-playing-icon{color:var(--primary-green);margin-left:4px}.text-green{color:var(--primary-green)!important}@media (max-width:768px){.sidebar{background-color:var(--bg-base);gap:0;height:100%;min-width:0;min-width:auto;width:100%}.sidebar-top{border-bottom:1px solid #ffffff1a;padding:20px 16px}.sidebar-library,.sidebar-top{background-color:initial;border-radius:0}.sidebar-library{padding:16px}.library-filter-row,.library-header{margin-bottom:16px}.playlist-item{border-radius:8px;padding:12px 8px}.playlist-item.active,.playlist-item:hover{background-color:#ffffff1a}.playlist-item-art{height:48px;width:48px}.playlist-item-name{font-size:16px}.playlist-item-meta{font-size:13px}}.footer{background-color:var(--bg-black);border-top:1px solid var(--bg-elevated-base);bottom:0;height:var(--footer-height);justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;z-index:100}.footer,.now-playing{align-items:center;display:flex}.now-playing{justify-content:flex-start;min-width:180px;width:30%}.album-art{align-items:center;background-color:var(--bg-card);border-radius:var(--border-radius-sm);color:var(--text-secondary);display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:56px;justify-content:center;margin-right:14px;overflow:hidden;width:56px}.album-art img{height:100%;object-fit:cover;width:100%}.track-info{justify-content:center}.track-name{color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:400}.track-name:hover{text-decoration:underline}.artist-name{color:var(--text-secondary);cursor:pointer;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-name:hover{color:var(--text-primary);text-decoration:underline}.now-playing-actions{display:flex;gap:8px;margin-left:8px}.now-playing-actions button{color:var(--text-secondary);padding:8px;transition:color var(--transition-fast)}.now-playing-actions button:hover{color:#fff}.now-playing-actions button.liked{color:var(--primary-green)}.player-controls{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:722px;width:40%}.control-buttons{gap:8px;margin-bottom:8px}.control-btn,.control-buttons{align-items:center;display:flex}.control-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;justify-content:center;padding:8px;transition:color var(--transition-fast),transform var(--transition-fast)}.control-btn:hover{color:var(--text-primary)}.control-btn.active{color:var(--primary-green)}.control-btn.disabled{cursor:not-allowed}.control-btn.disabled,.control-btn.disabled:hover{color:#ffffff4d;color:var(--text-subdued,#ffffff4d)}.control-btn.play-pause{background-color:var(--text-primary);border-radius:50%;color:#000;height:32px;margin:0 8px;padding:0;transition:transform var(--transition-fast);width:32px}.control-btn.play-pause:hover{transform:scale(1.06)}.control-btn.play-pause.disabled{background-color:#ffffff4d;cursor:not-allowed}.control-btn.play-pause.disabled:hover{transform:none}.progress-bar{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:8px;width:100%}.progress-bg{background-color:#ffffff4d;border-radius:2px;cursor:pointer;flex:1 1;height:4px;position:relative}.progress-bg:hover .progress-fill{background-color:var(--primary-green)}.progress-fill{background-color:var(--text-primary);border-radius:2px;height:100%;position:relative;width:40%}.progress-fill:after{background-color:#fff;border-radius:50%;content:"";height:12px;opacity:0;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast);width:12px}.progress-bg:hover .progress-fill:after{opacity:1}.volume-controls{justify-content:flex-end;min-width:180px;width:30%}.volume-controls,.volume-slider-container{align-items:center;display:flex;gap:8px}.volume-bar{background-color:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;position:relative;width:93px}.volume-bar:before{background-color:#fff;border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:70%}.volume-bar:hover:before{background-color:var(--primary-green)}@media (max-width:768px){.footer{height:auto;min-height:64px;padding:8px 12px}.now-playing{flex:1 1;min-width:0;min-width:auto;width:auto}.album-art{height:40px;margin-right:10px;width:40px}.track-name{font-size:12px}.artist-name{font-size:10px}.now-playing-actions{display:none}.player-controls{width:auto}.control-buttons{margin-bottom:0}.volume-controls{display:none}}@media (max-width:480px){.footer{padding:6px 10px}.album-art{height:36px;width:36px}.control-btn.play-pause{height:28px;width:28px}}.layout-container{background:var(--bg-black);display:flex;flex-direction:column;height:100vh}.mobile-header{align-items:center;background:var(--bg-base);border-bottom:1px solid #ffffff1a;display:none;gap:16px;padding:12px 16px;position:sticky;top:0;z-index:100}.menu-toggle{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.menu-toggle:hover{background:#ffffff1a}.mobile-title{color:#fff;font-size:16px;font-weight:700;text-decoration:none}.layout-body{display:flex;flex:1 1;gap:8px;overflow:hidden;padding:8px 8px 0}.sidebar-wrapper{flex-shrink:0}.main-content{background-color:var(--bg-base);border-radius:8px;flex:1 1;margin-bottom:var(--footer-height);overflow-x:hidden;overflow-y:auto}.sidebar-overlay{display:none}@media (max-width:768px){.mobile-header{display:flex}.layout-body{gap:0;padding:0}.main-content{border-radius:0;margin-bottom:72px}.sidebar-wrapper{background:var(--bg-base);bottom:0;left:0;overflow-y:auto;padding:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar-wrapper.open{transform:translateX(0)}.sidebar-overlay{background:#000000b3;display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:999}.sidebar-overlay.open{opacity:1;pointer-events:auto}}@media (max-width:480px){.sidebar-wrapper{max-width:300px;width:85%}.mobile-title{font-size:14px}.main-content{margin-bottom:64px}}.experience-container{background:linear-gradient(180deg,#5c1b1b 0,var(--bg-base) 300px);min-height:100%;overflow-x:hidden;padding:0 32px 100px}.experience-header{padding:32px 0 24px}.track-list-header{grid-gap:16px;align-items:center;border-bottom:1px solid #ffffff1a;color:var(--text-secondary);display:grid;font-size:12px;gap:16px;grid-template-columns:48px minmax(200px,3fr) minmax(200px,3fr) minmax(100px,1fr);height:36px;letter-spacing:.1em;margin-bottom:8px;padding:8px 16px;text-transform:uppercase}.experience-list{display:flex;flex-direction:column}.role-row{grid-gap:16px;align-items:start;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:default;display:grid;font-size:14px;gap:16px;grid-template-columns:48px minmax(200px,3fr) minmax(200px,3fr) minmax(100px,1fr);min-height:56px;padding:8px 16px}.role-row:hover{background-color:#ffffff1a}.role-row:hover .role-index{display:none}.role-row:hover .role-play-icon{display:flex}.role-index-col{align-items:center;display:flex;justify-content:center}.role-index{color:var(--text-secondary);font-size:16px}.role-play-icon{color:#fff;display:none}.role-logo-col{align-items:center;display:flex;flex-shrink:0;justify-content:center}.role-logo{object-fit:contain}.role-logo,.role-logo-placeholder{border-radius:var(--border-radius-sm);height:40px;width:40px}.role-logo-placeholder{align-items:center;background:#ffffff1a;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center}.role-main-col{display:flex;flex-direction:column;justify-content:center;min-width:0}.role-title{color:#fff;font-size:16px;font-weight:400}.role-company,.role-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-company,.role-description-col{color:var(--text-secondary);font-size:14px}.role-description-col{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;min-width:0;overflow:hidden}.role-date-col{color:var(--text-secondary);font-size:14px;text-align:right;white-space:nowrap}@media (max-width:900px){.role-row,.track-list-header{grid-template-columns:40px 1fr minmax(100px,auto)}.role-description-col{display:none}}@media (max-width:768px){.experience-container{padding:24px 16px 100px}.experience-header{padding:16px 0 24px}.play-all-button{height:48px;width:48px}.track-list-header{display:none}.role-row{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:12px;min-height:0;min-height:auto;padding:16px 8px}.role-index-col{display:none}.role-logo-col{flex-shrink:0}.role-logo{background:#ffffff0d;border-radius:6px;height:44px;object-fit:contain;width:44px}.role-main-col{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.role-title{font-size:15px;font-weight:600;line-height:1.3;white-space:normal}.role-company{font-size:13px;opacity:.8}.role-date-col{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px}.role-description-col{display:none}}@media (max-width:480px){.experience-container{padding:16px 12px 100px}.role-row{gap:10px;padding:12px 4px}.role-logo{height:40px;width:40px}.role-title{font-size:14px}.role-company{font-size:12px}}.projects-container{background:linear-gradient(180deg,#5c1b1b 0,var(--bg-base) 400px);min-height:100%;overflow-x:hidden;padding:72px 32px 100px}.projects-header{margin-bottom:32px}.projects-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:24px}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-width:100%}.project-card{background-color:var(--bg-card);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px;position:relative;transition:background-color .3s}.project-card:hover{background-color:var(--bg-card-hover)}.project-image-container{aspect-ratio:1;background-color:#333;border-radius:4px;box-shadow:0 8px 24px #00000080;overflow:hidden;position:relative;width:100%}.project-image{height:100%;object-fit:cover;width:100%}.play-overlay{align-items:center;background-color:var(--primary-green);border-radius:50%;bottom:8px;box-shadow:0 8px 8px #0000004d;color:#000;display:flex;height:48px;justify-content:center;opacity:0;position:absolute;right:8px;transform:translateY(8px);transition:all .3s ease;width:48px}.project-card:hover .play-overlay{opacity:1;transform:translateY(0)}.project-name{color:#fff;font-size:16px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.6;overflow:hidden}.technologies{color:var(--text-secondary);font-size:12px;margin-top:auto}@media (max-width:768px){.projects-container{box-sizing:border-box;max-width:100vw;padding:24px 16px 100px;width:100%}.projects-title{font-size:clamp(20px,5vw,24px);margin-bottom:16px}.projects-grid{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:100%}.project-card{box-sizing:border-box;min-width:0;padding:10px}.project-image-container{width:100%}.play-overlay{height:36px;opacity:1;transform:translateY(0);width:36px}.project-name{word-wrap:break-word;font-size:13px;white-space:normal}.project-desc{-webkit-line-clamp:2;line-clamp:2;font-size:11px}.technologies{font-size:10px}}@media (max-width:400px){.projects-container{padding:16px 12px 100px}.projects-grid{gap:8px}.project-card{padding:8px}.play-overlay{height:32px;width:32px}.project-name{font-size:12px}}.image-loader-container{background-color:#2a2a2a;height:100%;overflow:hidden;position:relative;width:100%}.image-loader-skeleton{animation:loadingPulse 1.5s infinite;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}@keyframes loadingPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.image-loader-img{display:block;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out;width:100%}.image-loader-img.loaded{opacity:1}@property --hero-color{syntax:"<color>";inherits:false;initial-value:#5c1b1b}.home-container{background:var(--bg-base);min-height:100%;overflow-x:hidden;position:relative}.home-header-gradient{background:linear-gradient(180deg,#5c1b1b 0,var(--bg-base) 100%);background:linear-gradient(180deg,var(--hero-color,#5c1b1b) 0,var(--bg-base) 100%);height:400px;left:0;position:absolute;right:0;top:0;transition:--hero-color .6s ease;z-index:0}.home-content{padding:0 0 100px;position:relative;z-index:1}.hero-section{align-items:flex-end;display:flex;gap:24px;min-height:340px;padding:72px 32px 24px}.hero-image{background-color:#333;border-radius:50%;box-shadow:0 4px 60px #00000080;flex-shrink:0;height:232px;object-fit:cover;width:232px}.hero-content{display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.verified-badge{align-items:center;color:#fff;display:inline-flex;font-size:14px;font-weight:400;gap:8px}.verified-icon{color:var(--verified-blue);font-size:24px}.hero-title{color:#fff;font-size:clamp(48px,10vw,96px);font-weight:900;letter-spacing:-.04em;line-height:.9;margin:0}.hero-subtitle{color:var(--text-primary);font-size:14px;margin:8px 0 0}.action-bar{align-items:center;display:flex;gap:32px;padding:24px 32px}.action-buttons-group{align-items:center;display:flex;gap:24px}.play-button{align-items:center;background-color:var(--primary-green);border:none;border-radius:50%;box-shadow:0 8px 8px #0000004d;color:#000;cursor:pointer;display:flex;height:56px;justify-content:center;transition:transform var(--transition-fast),background-color var(--transition-fast);width:56px}.play-button:hover{background-color:var(--primary-green-hover);transform:scale(1.04)}.play-button:active{background-color:var(--primary-green-press);transform:scale(1)}.action-icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:32px;padding:0;transition:color var(--transition-fast),transform var(--transition-fast)}.action-icon-btn:hover{color:#fff;transform:scale(1.04)}.follow-button{background-color:initial;border:1px solid #ffffff4d;border-radius:var(--border-radius-pill);color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:7px 15px;transition:border-color var(--transition-fast),transform var(--transition-fast)}.follow-button:hover{border-color:#fff;transform:scale(1.04)}.more-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px;padding:8px;transition:color var(--transition-fast)}.more-button:hover{color:#fff}.featured-section{display:flex;gap:16px;padding:0 32px 32px}.featured-card{align-items:center;background-position:50%;background-size:150% 150%;border:2px solid #0000;border-radius:12px;color:#fff;display:flex;flex:1 1;justify-content:flex-start;min-height:100px;overflow:hidden;padding:24px 28px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.featured-projects{background:linear-gradient(135deg,#1db9544d,#1db9541a 50%,#1a1a1a)}.featured-experience{background:linear-gradient(135deg,#5c1b1b80,#5c1b1b33 50%,#1a1a1a)}.featured-education{background:linear-gradient(135deg,#1e3a5f80,#1e3a5f33 50%,#1a1a1a)}.featured-icon{font-size:64px;opacity:.2;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:0}.featured-card-text{position:relative;z-index:1}.featured-card-text h3{color:#fff;font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0}.featured-card-text p{color:var(--text-secondary);font-size:13px;font-weight:500;margin:6px 0 0}.featured-card:hover{border-color:#fff9;box-shadow:0 8px 32px #0006;transform:scale(1.02)}.featured-card:hover .featured-icon{opacity:.4;transform:translateY(-50%) scale(1.1)}.featured-projects:hover{background:linear-gradient(135deg,#1db95480,#1db95433 50%,#1a1a1a)}.featured-experience:hover{background:linear-gradient(135deg,#5c1b1bb3,#5c1b1b4d 50%,#1a1a1a)}.featured-education:hover{background:linear-gradient(135deg,#1e3a5fb3,#1e3a5f4d 50%,#1a1a1a)}.featured-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);background-size:200% 100%;border-radius:14px;content:"";inset:-2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease;z-index:-1}.featured-card:hover:before{animation:borderGlow 2s linear infinite;opacity:1}@keyframes borderGlow{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:900px){.featured-section{flex-direction:column}.featured-icon{font-size:48px;right:16px}}.popular-section{padding:0 32px 40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{font-size:24px;margin:0}.contest-ranking-btn{background:#0000;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.contest-ranking-btn:hover{background:#ffffff1a;border-color:#fff;transform:scale(1.02)}.tracks-list{display:flex;flex-direction:column}.track-row{grid-gap:16px;align-items:center;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:grid;font-size:14px;gap:16px;grid-template-columns:40px minmax(200px,4fr) minmax(120px,2fr) 40px;height:56px;padding:8px 16px}.track-row:hover{background-color:#ffffff1a}.track-row:hover .track-index-number{display:none}.track-row:hover .track-index-play{display:flex}.track-index{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;justify-content:center;width:40px}.track-index-number{display:block}.track-index-play{color:#fff;display:none;font-size:14px}.track-title-col{align-items:center;display:flex;gap:16px;min-width:0;overflow:hidden}.track-img{background-color:var(--bg-card);border-radius:var(--border-radius-sm);flex-shrink:0;height:40px;object-fit:cover;width:40px}.track-info-col{display:flex;flex:1 1;flex-direction:column;min-width:0}.track-name-main{color:#fff;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-badge{align-items:center;background-color:#ffffff1a;border-radius:var(--border-radius-sm);display:inline-flex;font-size:11px;gap:4px;margin-top:4px;padding:2px 8px;width:fit-content}.track-badge,.track-plays{color:var(--text-secondary)}.track-plays{font-size:14px;text-align:right;white-space:nowrap}.track-saved{align-items:center;color:var(--primary-green);display:flex;font-size:16px;justify-content:center}.track-duration{color:var(--text-secondary);font-size:14px;text-align:right}.about-section{background-color:var(--bg-card);border-radius:var(--border-radius-lg);margin:0 32px 40px;overflow:hidden;padding:20px;position:relative}.about-section:hover{background-color:var(--bg-card-hover)}.about-text{color:#fff;font-size:16px;line-height:1.6}.about-listeners{color:#fff;font-size:16px;font-weight:700;margin-bottom:8px}@media (max-width:900px){.track-row{grid-template-columns:40px 1fr minmax(80px,auto) 60px}.track-saved{display:none}}@media (max-width:768px){.hero-section{align-items:center;flex-direction:column;min-height:0;min-height:auto;padding:24px 16px;text-align:center}.hero-image{height:160px;width:160px}.hero-title{font-size:32px}.hero-subtitle{font-size:13px}.verified-badge{font-size:12px}.verified-icon{font-size:20px}.action-bar{padding:16px}.action-bar,.action-buttons-group{justify-content:center}.play-button{height:48px;width:48px}.follow-button{font-size:13px;padding:6px 12px}.featured-section{padding:0 16px 24px}.featured-card{min-height:80px;padding:20px 16px}.featured-icon{font-size:40px;right:12px}.featured-card-text h3{font-size:15px}.featured-card-text p{font-size:12px}.popular-section{padding:0 16px 32px}.section-title{font-size:20px;margin-bottom:16px}.track-row{gap:12px;grid-template-columns:24px 1fr;height:auto;padding:10px 8px}.track-index{text-align:center;width:24px}.track-img{height:40px;width:40px}.track-name-main{font-size:14px}.track-artist{font-size:12px}.track-plays,.track-saved{display:none}.about-section{margin:0 16px;padding:24px 16px}.about-listeners{font-size:14px;margin-bottom:12px}.about-text{font-size:14px;line-height:1.5}.spotify-player-container{left:0}}@media (max-width:600px){.section-header{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:480px){.hero-image{height:140px;width:140px}.hero-title{font-size:28px}.featured-icon{font-size:32px}.track-img{height:36px;width:36px}}.track-artist{font-size:14px}.playing-indicator{align-items:flex-end;display:flex;gap:2px;height:16px}.playing-indicator span{animation:equalize .8s ease-in-out infinite;background-color:var(--primary-green);height:100%;width:3px}.playing-indicator span:first-child{animation-delay:0s}.playing-indicator span:nth-child(2){animation-delay:.2s}.playing-indicator span:nth-child(3){animation-delay:.4s}@keyframes equalize{0%,to{height:4px}50%{height:16px}}.spotify-player-container{background-color:#181818;bottom:var(--footer-height);height:0;left:var(--sidebar-width);opacity:0;overflow:hidden;padding:0;pointer-events:none;position:fixed;right:0;z-index:99}.spotify-player-container iframe{display:block}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #00000080;max-width:400px;padding:32px;position:relative;width:90%}.modal-close{background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:8px;position:absolute;right:16px;top:16px;transition:all var(--transition-fast)}.modal-close:hover{background-color:#ffffff1a;color:#fff}.modal-title{color:#fff;font-size:32px;font-weight:900;margin-bottom:8px}.modal-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:32px}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{align-items:center;background-color:#ffffff0d;border:1px solid #0000;border-radius:var(--border-radius-md);color:#fff;display:flex;gap:16px;padding:16px;text-decoration:none;transition:all var(--transition-normal)}.social-link:hover{background-color:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.social-link.linkedin:hover{border-color:#0077b5}.social-link.instagram:hover{border-color:#e4405f}.social-info{flex:1 1}.social-name{font-size:16px;font-weight:600;margin-bottom:4px}.social-handle{color:var(--text-secondary);font-size:14px}.battle-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.battle-modal{animation:slideUp .3s ease;background:linear-gradient(180deg,#282828,#121212);border-radius:16px;box-shadow:0 24px 80px #0009;max-height:90vh;max-width:800px;overflow-y:auto;padding:32px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.battle-overlay.closing{animation:fadeOut .3s ease forwards}.battle-modal.closing{animation:slideOut .3s ease forwards}.battle-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;position:absolute;right:16px;top:16px;transition:color .2s,transform .2s}.battle-close:hover{color:#fff;transform:scale(1.1)}.battle-header{margin-bottom:32px;text-align:center}.battle-header h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.battle-progress{color:var(--text-secondary);font-size:14px;margin-bottom:12px}.battle-reference{color:#fff6;font-size:12px;font-style:italic;margin:0 0 8px}.battle-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.battle-progress-fill{background:var(--primary-green);border-radius:2px;height:100%;transition:width .3s ease}.battle-arena{align-items:center;display:flex;gap:24px;justify-content:center;margin-bottom:24px}.battle-card{background:#ffffff0d;border:2px solid #0000;border-radius:12px;cursor:pointer;flex-shrink:0;padding:24px;text-align:center;transition:all .3s ease;width:280px}.battle-card:hover{background:#ffffff1a;border-color:var(--primary-green);box-shadow:0 0 30px #1db9544d;transform:scale(1.03)}.battle-card:active{transform:scale(.98)}.battle-card-art{align-items:center;background:#333;border-radius:8px;color:var(--text-secondary);display:flex;height:160px;justify-content:center;margin:0 auto 16px;overflow:hidden;width:160px}.battle-card-art img{height:100%;object-fit:cover;width:100%}.battle-card-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}.battle-card-artist,.battle-card-title{margin-left:auto;margin-right:auto;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-card-artist{color:var(--text-secondary);font-size:14px}.battle-vs{color:#ffffff4d;flex-shrink:0;font-size:24px;font-weight:900}.battle-card-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;max-width:280px}.preview-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.preview-btn:hover{background:#fff3;border-color:var(--primary-green)}.preview-btn.playing{background:var(--primary-green);border-color:var(--primary-green);color:#000}.preview-player-container{border-radius:12px;margin-top:16px;overflow:hidden}.battle-hint{color:var(--text-secondary);font-size:14px;margin:0}.battle-hint,.battle-results{text-align:center}.battle-results-header{margin-bottom:32px}.trophy-icon{animation:bounce .5s ease;color:gold;margin-bottom:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.battle-results-header h2{color:#fff;font-size:28px;font-weight:700;margin:0 0 12px}.similarity-score{color:var(--text-secondary);font-size:18px}.similarity-score .score{color:var(--primary-green);font-size:24px;font-weight:700}.rankings-comparison{display:flex;gap:32px;margin-bottom:24px;text-align:left}.ranking-column{flex:1 1}.ranking-column h3{border-bottom:1px solid #ffffff1a;color:#fff;font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.ranking-list{list-style:none;margin:0;padding:0}.ranking-item{color:var(--text-secondary);font-size:14px;gap:12px;padding:8px 0}.rank-num,.ranking-item{align-items:center;display:flex}.rank-num{background:#ffffff1a;border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.rank-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.battle-actions button{flex:1 1;max-width:200px}.apply-ranking-btn{background:var(--primary-green);border:none;border-radius:30px;color:#000;cursor:pointer;font-size:16px;font-weight:700;min-width:180px;padding:14px 32px;text-align:center;transition:transform .2s,background .2s}.apply-ranking-btn:hover{background:var(--primary-green-hover);transform:scale(1.04)}.battle-again-btn{background:#0000;border:1px solid #ffffff4d;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;min-width:180px;padding:14px 32px;text-align:center;transition:transform .2s,border-color .2s,background .2s}.battle-again-btn:hover{background:#ffffff1a;border-color:#fff;transform:scale(1.04)}@media (max-width:600px){.battle-modal{max-height:95vh;padding:16px}.battle-header h2{font-size:20px}.battle-progress{font-size:12px;margin-bottom:16px}.battle-arena{flex-direction:column;gap:12px}.battle-card{max-width:100%;padding:12px;width:200px}.battle-card:hover{background:#ffffff0d;border-color:#0000;box-shadow:none;transform:none}.battle-card:active{background:#1db95433;border-color:var(--primary-green);transform:scale(.98)}.battle-card-art{height:80px;margin-bottom:8px;width:80px}.battle-card-title{font-size:14px}.battle-card-artist{font-size:12px}.battle-vs{font-size:18px;padding:4px 12px;transform:none}.battle-hint{font-size:12px;margin-top:12px}.rankings-comparison{flex-direction:column;gap:24px}.battle-actions{gap:8px}.battle-actions button{font-size:14px;padding:10px 16px}}.blog-container{background:linear-gradient(180deg,#5c1b1b 0,var(--bg-base) 300px);min-height:100%;overflow-x:hidden;padding:72px 32px 100px}.blog-header{align-items:flex-start;display:flex;gap:24px;padding:24px 0 32px}.blog-podcast-icon{color:#fff;flex-shrink:0;font-size:clamp(36px,8vw,64px)}.blog-header-content{flex:1 1;min-width:0}.blog-label{color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.blog-title{word-wrap:break-word;color:#fff;font-size:clamp(28px,10vw,72px);font-weight:900;line-height:1.1;margin:0;overflow-wrap:break-word}.blog-subtitle{color:#fffc;font-size:clamp(14px,3vw,16px);margin:12px 0 0}.posts-list-header{border-bottom:1px solid #282828;height:36px;margin-bottom:16px;padding:0 16px;text-transform:uppercase}.post-row,.posts-list-header{align-items:center;color:var(--text-secondary);display:grid;font-size:14px;grid-template-columns:48px 4fr 2fr 1fr}.post-row{border-radius:4px;cursor:pointer;padding:8px 16px;text-decoration:none}.post-row:hover{background-color:#ffffff1a}.post-row:hover .post-index{display:none}.post-row:hover .post-play-icon{display:block}.post-index-col{display:flex;justify-content:flex-end;text-align:right;width:16px}.post-index{color:var(--text-secondary);font-size:16px}.post-play-icon{color:#fff;display:none}.post-main-col{display:flex;flex-direction:column;justify-content:center;padding-right:16px}.post-title{color:#fff;font-size:16px;font-weight:500;margin-bottom:4px}.post-preview{color:var(--text-secondary);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.blog-container{padding:24px 16px}.blog-header{padding:16px 0}.blog-title{font-size:20px}.posts-list-header{display:none}.post-row{align-items:flex-start;display:flex;flex-direction:column;gap:8px;padding:16px 12px}.post-index-col{display:none}.post-main-col{padding-right:0;width:100%}.post-title{font-size:15px;line-height:1.3;white-space:normal}.post-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;white-space:normal}.post-date-col,.post-duration-col{font-size:12px}}@media (max-width:480px){.blog-container{padding:16px 12px}.post-row{padding:12px 8px}}.blog-post-container{align-items:center;background-color:var(--bg-base);color:var(--text-primary);display:flex;flex-direction:column;min-height:100%;padding:32px}.back-link{align-items:center;align-self:flex-start;color:var(--text-secondary);display:flex;font-weight:700;gap:8px;margin-bottom:32px;text-decoration:none}.back-link:hover{color:#fff;text-decoration:underline}.post-content-wrapper{max-width:700px;width:100%}.post-hero-title{font-size:48px;font-weight:900;line-height:1.2;margin-bottom:16px}.post-meta{border-bottom:1px solid #333;color:var(--text-secondary);font-size:14px;margin-bottom:48px;padding-bottom:24px}.post-body{color:#e0e0e0;font-size:18px;line-height:1.8}.post-body h2{color:#fff;font-size:32px;margin-bottom:24px;margin-top:48px}.post-body h3{color:#fff;font-size:24px;margin-bottom:16px;margin-top:32px}.post-body p,.post-body ul{margin-bottom:24px}.post-body ul{padding-left:24px}.post-body li{margin-bottom:8px}.project-post-container{background:linear-gradient(180deg,#5c1b1b 0,var(--bg-base) 300px);min-height:100%;padding:32px}.project-post-loading{color:var(--text-secondary);padding:100px;text-align:center}.project-post-header{margin-bottom:24px}.back-button{background:#ffffff1a;border-radius:var(--border-radius-pill);font-size:14px;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.back-button:hover{background:#fff3}.project-post-content{margin:0 auto;max-width:900px}.project-post-media{border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #00000080;margin-bottom:32px;overflow:hidden;width:100%}.project-post-media img{display:block;width:100%}.project-post-info{padding:0 16px}.project-post-title{color:#fff;font-size:48px;font-weight:900;line-height:1.1;margin:0 0 24px}.project-post-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.project-link{align-items:center;border-radius:var(--border-radius-pill);display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;text-decoration:none;transition:all var(--transition-fast)}.project-link.github{background:#333;color:#fff}.project-link.github:hover{background:#444;transform:scale(1.02)}.project-link.demo{background:#1db954;color:#000}.project-link.demo:hover{background:#fff;color:#000;transform:scale(1.02)}.project-post-description{color:#e0e0e0;font-size:18px;line-height:1.8;margin:0 0 32px}.project-post-description h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:24px;margin-top:48px}.project-post-description h3{color:#fff;font-size:24px;font-weight:600;margin-bottom:16px;margin-top:32px}.project-post-description p{margin-bottom:24px}.project-post-description ul{margin-bottom:24px;padding-left:0}.project-post-description li{list-style:none;margin-bottom:12px;padding-left:24px;position:relative}.project-post-description li:before{color:#fff;content:"▷";font-size:14px;left:0;line-height:1;position:absolute;top:9px}.project-post-tech h3{color:#fff;font-size:14px;font-weight:700;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#ffffff1a;border-radius:var(--border-radius-pill);color:var(--text-secondary);font-size:12px;font-weight:600;padding:6px 12px}@media (max-width:768px){.project-post-container{padding:16px}.project-post-title{font-size:32px}.project-post-links{flex-direction:column}.project-link{justify-content:center}}.education-container{background:linear-gradient(180deg,#5c1b1b 0,var(--bg-base) 400px);min-height:100%;overflow-x:hidden;padding:0 32px 100px}.education-header{margin-bottom:24px;padding-top:32px}.education-title{color:#fff;font-size:24px;font-weight:700}.education-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:48px}.edu-card{background-color:var(--bg-card);border-radius:var(--border-radius-md);cursor:default;display:flex;gap:16px;padding:16px;transition:background-color var(--transition-normal)}.edu-card:hover{background-color:var(--bg-card-hover)}.edu-logo{background-color:#333;border-radius:var(--border-radius-sm);flex-shrink:0;height:80px;object-fit:cover;width:80px}.edu-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.edu-school{font-size:16px;font-weight:700}.edu-degree,.edu-school{color:#fff;margin-bottom:4px}.edu-degree{font-size:14px}.edu-meta{font-size:13px;margin-bottom:8px}.edu-description,.edu-meta{color:var(--text-secondary)}.edu-description{font-size:14px;line-height:1.4}.coursework-section{margin-top:32px}.playlist-section{margin-bottom:48px}.playlist-header{gap:24px;margin-bottom:24px}.playlist-cover{align-items:center;border-radius:var(--border-radius-sm);box-shadow:0 8px 24px #00000080;display:flex;flex-shrink:0;height:120px;justify-content:center;width:120px}.playlist-icon{font-size:48px}.playlist-info{flex:1 1}.playlist-type{color:#fff;font-size:12px;font-weight:700;text-transform:uppercase}.playlist-name{font-size:32px;font-weight:900;margin:8px 0}.playlist-meta{color:var(--text-secondary);font-size:14px}.playlist-play-btn{align-items:center;background-color:var(--primary-green);border:none;border-radius:50%;box-shadow:0 8px 8px #0000004d;color:#000;cursor:pointer;display:flex;height:48px;justify-content:center;transition:transform var(--transition-fast),background-color var(--transition-fast);width:48px}.playlist-play-btn:hover{background-color:var(--primary-green-hover);transform:scale(1.04)}.course-list-header{border-bottom:1px solid #ffffff1a;color:var(--text-secondary);display:grid;font-size:12px;grid-template-columns:48px 1fr 150px 48px;letter-spacing:.1em;margin-bottom:8px;padding:8px 16px;text-transform:uppercase}.course-list{display:flex;flex-direction:column}.course-row{align-items:center;border-radius:var(--border-radius-sm);cursor:pointer;display:grid;grid-template-columns:48px 1fr 150px 48px;padding:8px 16px;transition:background-color var(--transition-fast)}.course-row:hover{background-color:#ffffff1a}.course-row:hover .course-num{display:none}.course-row:hover .course-play-icon{display:block}.course-index{align-items:center;color:var(--text-secondary);display:flex;font-size:16px;justify-content:center}.course-num{display:block}.course-play-icon{color:#fff;display:none}.course-info{display:flex;flex-direction:column;min-width:0}.course-title{color:#fff;font-size:16px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-code,.course-semester{color:var(--text-secondary);font-size:14px}.course-saved{align-items:center;color:var(--primary-green);display:flex;font-size:16px;justify-content:center}@media (max-width:768px){.education-container{padding:24px 16px 32px}.playlist-header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 0}.playlist-cover{height:100px;width:100px}.playlist-name{font-size:28px}.playlist-meta{font-size:13px}.action-bar{padding:16px 0}.play-all-button{height:48px;width:48px}.course-list-header{display:none}.course-row{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;padding:12px 8px}.course-index-col{flex-shrink:0;width:24px}.course-index{font-size:14px}.course-info{flex:1 1;min-width:0}.course-title{font-size:14px;line-height:1.3;white-space:normal}.course-code{font-size:12px}.course-semester{display:none}}@media (max-width:480px){.education-container{padding:16px 12px 32px}.playlist-cover{height:80px;width:80px}.playlist-name{font-size:24px}}.oh-details{color:#fff}.office-hours-container{background:#000;border-radius:12px;box-shadow:0 2px 12px #2c3e5014;font-family:Segoe UI,Arial,sans-serif;margin:40px auto;max-width:600px;padding:32px 24px}.office-hours-container h1{color:#fff;text-align:center}.oh-list{gap:24px}.oh-card,.oh-list{display:flex;flex-direction:column}.oh-card{align-items:flex-start;background:#000;border-radius:8px;box-shadow:0 1px 6px #2c3e500f;padding:20px 18px}.oh-card h2{color:#fff;margin:0 0 8px}.oh-card p{color:#fff;margin:0 0 12px}.request-btn{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 18px;transition:background .2s}.request-btn:hover{background:#222}.oh-form{background:#000;border-radius:8px;box-shadow:0 1px 6px #2c3e500f;display:flex;flex-direction:column;gap:16px;padding:24px 20px}.oh-form h2,.oh-form label{color:#fff;margin-bottom:8px}.oh-form label{display:flex;flex-direction:column;font-weight:500}.oh-form input,.oh-form textarea{background:#222;border:1px solid #fff;border-radius:4px;color:#fff;font-size:1rem;margin-top:4px;padding:8px}.oh-form textarea{min-height:60px;resize:vertical}.submit-btn{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:12px;padding:10px 20px;transition:background .2s}.submit-btn:hover{background:#222}.back-btn{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;margin-top:8px;padding:8px 16px;transition:background .2s}.back-btn:hover{background:#222}.back-btn,.request-btn,.submit-btn{background:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 18px;transition:background .2s}.back-btn:hover,.request-btn:hover,.submit-btn:hover{background:#ddd}.submit-btn{font-weight:700}.whip-container{background:var(--bg-base);min-height:100%;padding:32px}.whip-header{align-items:center;display:flex;gap:24px;margin-bottom:32px}.whip-icon{color:#e82127;filter:drop-shadow(0 4px 20px rgba(232,33,39,.3));font-size:80px}.whip-title-section{display:flex;flex-direction:column;gap:4px}.whip-label{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.whip-title{color:#fff;font-size:48px;font-weight:900;letter-spacing:-.02em;margin:0}.whip-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.whip-model-container{background:#ffffff08;border-radius:16px;margin-bottom:32px;padding:24px}.sketchfab-embed-wrapper{border-radius:12px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.sketchfab-embed-wrapper iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.whip-hint{color:var(--text-secondary);font-size:13px;margin:16px 0 0;text-align:center}.whip-specs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.spec-card{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:24px;transition:background .2s,transform .2s}.spec-card:hover{background:#ffffff14;transform:translateY(-2px)}.spec-value{color:#fff;font-size:32px;font-weight:800}.spec-label{color:var(--text-secondary);font-size:13px;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.whip-container{padding:24px 16px 120px}.whip-header{flex-direction:column;text-align:center}.whip-icon{font-size:60px}.whip-title{font-size:32px}.whip-specs{grid-template-columns:repeat(2,1fr)}.spec-value{font-size:24px}}.queue-container{background:var(--bg-base);min-height:100%;padding:32px}.queue-header{align-items:center;display:flex;gap:24px;margin-bottom:32px}.queue-icon{color:#1db954;filter:drop-shadow(0 4px 20px rgba(29,185,84,.3));font-size:80px}.queue-title-section{display:flex;flex:1 1;flex-direction:column;gap:4px}.queue-label{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.queue-title{color:#fff;font-size:48px;font-weight:900;letter-spacing:-.02em;margin:0}.queue-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.session-timer{background:#1db9541a;border:1px solid #1db9544d;border-radius:100px;flex:1 1;font-size:13px;font-weight:600;gap:6px;min-width:0;overflow:hidden;padding:10px 14px}.extend-timer-btn,.session-timer{align-items:center;color:var(--primary-green);display:flex}.extend-timer-btn{background:#1db9544d;border-radius:50%;font-size:18px;font-weight:400;height:24px;justify-content:center;line-height:1;margin-left:auto;padding-bottom:2px;transition:background .2s,transform .2s;width:24px}.extend-timer-btn:hover{background:#1db95480;transform:scale(1.1)}.queue-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:50vh}.loading-spinner{animation:pulse 1.5s ease-in-out infinite;color:var(--primary-green);font-size:48px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.queue-error{align-items:center;background:#e914291a;border:1px solid #e914294d;border-radius:8px;color:var(--essential-negative);display:flex;gap:12px;justify-content:space-between;margin-bottom:24px;padding:12px 16px}.error-text{flex:1 1;font-size:14px}.error-dismiss{align-items:center;background:#ffffff1a;border-radius:50%;color:var(--essential-negative);display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .2s;width:28px}.error-dismiss:hover{background:#fff3}.queue-locked{align-items:center;display:flex;justify-content:center;min-height:50vh}.locked-content{color:var(--text-secondary);text-align:center}.locked-icon{font-size:64px;margin-bottom:16px;opacity:.5}.locked-content h2{color:#fff;font-size:24px;margin-bottom:8px}.locked-content p{margin-bottom:24px}.locked-hint{color:var(--text-subdued);font-size:12px;margin-bottom:8px}.join-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;max-width:280px;width:100%}.join-btn{align-items:center;border-radius:100px;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .2s}.join-btn:not(.secondary){background:var(--primary-green);color:#000}.join-btn:not(.secondary):hover{background:var(--primary-green-hover);transform:scale(1.02)}.join-btn.secondary{background:#ffffff1a;color:#fff}.join-btn.secondary:hover{background:#ffffff26}.scanner-modal{background:var(--bg-elevated-base);border-radius:16px;left:50%;max-width:350px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.scanner-header{align-items:center;color:#fff;display:flex;font-weight:600;justify-content:space-between;margin-bottom:16px}.scanner-header button{color:var(--text-secondary);padding:8px}#qr-reader{overflow:hidden}#qr-reader,#qr-reader video{border-radius:12px}.manual-input-modal{background:var(--bg-elevated-base);border-radius:16px;left:50%;max-width:350px;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.manual-input-header{align-items:center;color:#fff;display:flex;font-weight:600;justify-content:space-between;margin-bottom:16px}.manual-input-header button{color:var(--text-secondary);padding:8px}.manual-link-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;margin-bottom:16px;padding:14px 16px;width:100%}.manual-link-input::placeholder{color:var(--text-subdued)}.manual-link-input:focus{border-color:var(--primary-green);outline:none}.submit-link-btn{background:var(--primary-green);border-radius:100px;color:#000;font-size:14px;font-weight:700;padding:14px;transition:all .2s;width:100%}.submit-link-btn:hover{background:var(--primary-green-hover)}.share-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.share-modal{background:var(--bg-elevated-base);border-radius:16px;max-width:360px;padding:32px;text-align:center;width:100%}.share-modal h2{color:#fff;font-size:24px;margin-bottom:8px}.share-modal>p{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.qr-container{background:#121212;border-radius:12px;display:inline-block;margin-bottom:16px;padding:24px}.share-hint{color:var(--text-subdued);font-size:12px;margin-bottom:20px}.copy-link-btn{align-items:center;background:#ffffff1a;border-radius:100px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px;padding:14px;transition:background .2s;width:100%}.copy-link-btn:hover{background:#ffffff26}.close-modal-btn{background:var(--primary-green);border-radius:100px;color:#000;font-size:14px;font-weight:700;padding:14px;transition:transform .1s,background .2s;width:100%}.close-modal-btn:hover{background:var(--primary-green-hover);transform:scale(1.02)}.header-actions{gap:8px;max-width:100%}.header-actions,.share-btn{align-items:center;display:flex}.share-btn{background:#ffffff1a;border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;height:44px;justify-content:center;min-width:44px;transition:background .2s,transform .2s;width:44px}.share-btn:hover{background:#ffffff26;transform:scale(1.05)}.car-badge{align-items:center;background:#e821271a;border:1px solid #e821274d;border-radius:100px;color:#e82127;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;min-width:0;padding:10px 14px;white-space:nowrap}.car-badge,.car-badge span{overflow:hidden;text-overflow:ellipsis}.car-badge svg{flex-shrink:0;font-size:14px}.tesla-connect-btn{align-items:center;background:#e8212726;border-radius:50%;color:#e82127;display:flex;font-size:18px;height:44px;justify-content:center;transition:background .2s,transform .2s;width:44px}.tesla-connect-btn:hover{background:#e8212740;transform:scale(1.05)}.tesla-connect-btn:disabled{cursor:default;opacity:.5;transform:none}.admin-login-trigger{color:var(--text-subdued);cursor:pointer;display:inline-block;padding:8px;transition:color .2s;-webkit-user-select:none;user-select:none}.admin-login-trigger:hover{color:var(--primary-green)}.queue-content{max-width:800px}.search-section{margin-bottom:32px}.search-bar{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.search-bar:focus-within{background:#ffffff26}.search-icon{color:var(--text-secondary);flex-shrink:0;font-size:18px}.search-input{background:none;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:16px;outline:none}.search-input::placeholder{color:var(--text-subdued)}.clear-search-btn{color:var(--text-secondary);flex-shrink:0;padding:8px;transition:color .2s}.clear-search-btn:hover{color:#fff}.search-results{background:#ffffff08;border-radius:12px;margin-top:16px;overflow:hidden}.search-loading{color:var(--text-secondary);padding:24px;text-align:center}.track-item{align-items:center;display:flex;gap:12px;padding:12px 16px;transition:background .2s}.track-item:hover{background:#ffffff0d}.track-image{border-radius:4px;height:48px;object-fit:cover;width:48px}.track-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.track-name{color:#fff;font-weight:500}.track-artist,.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:var(--text-secondary);font-size:13px}.add-button{align-items:center;background:var(--primary-green);border-radius:50%;color:#000;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:transform .2s,background .2s;width:36px}.add-button:hover:not(:disabled){background:var(--primary-green-hover);transform:scale(1.1)}.add-button:disabled{cursor:default}.add-button.added{background:#1db95433;color:var(--primary-green)}.add-button .adding{animation:pulse .5s ease-in-out infinite}.added-section{margin-bottom:32px}.section-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:16px}.section-title svg{color:var(--primary-green)}.added-list{background:#ffffff08;border-radius:12px;overflow:hidden}.added-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;padding:12px 16px}.added-item:last-child{border-bottom:none}.added-image{border-radius:4px;height:40px;object-fit:cover;width:40px}.added-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.added-name{color:#fff;font-size:14px;font-weight:500}.added-artist,.added-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.added-artist{color:var(--text-secondary);font-size:12px}.added-check{color:var(--primary-green);font-size:14px}.info-section{background:#ffffff08;border-radius:8px;color:var(--text-secondary);font-size:13px;margin-bottom:16px;padding:16px 20px}.info-section strong{color:var(--text-primary)}.now-playing-section{margin-bottom:32px}.now-playing-card{align-items:center;background:linear-gradient(135deg,#1db95426,#1db9540d);border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.now-playing-image{border-radius:8px;box-shadow:0 4px 12px #0006;height:80px;object-fit:cover;width:80px}.now-playing-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.now-playing-name{color:#fff;font-size:18px;font-weight:700}.now-playing-artist,.now-playing-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-artist{color:var(--text-secondary);font-size:14px}.upcoming-queue{margin-bottom:16px}.upcoming-title{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.upcoming-list{background:#ffffff08;border-radius:12px;overflow:hidden}.upcoming-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;padding:10px 16px}.upcoming-item:last-child{border-bottom:none}.upcoming-number{color:var(--text-subdued);font-size:14px;text-align:center;width:20px}.upcoming-image{border-radius:4px;height:40px;object-fit:cover;width:40px}.upcoming-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.upcoming-name{color:#fff;font-size:14px;font-weight:500}.upcoming-artist,.upcoming-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-artist{color:var(--text-subdued);font-size:12px}.refresh-queue-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;margin-top:16px;padding:10px;transition:background .2s,color .2s;width:100%}.refresh-queue-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.refresh-queue-btn:disabled{cursor:default;opacity:.5}.ideas-section{margin-bottom:32px}.ideas-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.suggestions-list{background:#ffffff08;border-radius:12px;margin-bottom:16px;overflow:hidden}.playlist-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.playlist-card{background:#ffffff0d;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s,transform .2s}.playlist-card:hover{background:#ffffff1a;transform:translateY(-2px)}.playlist-image{border-radius:6px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.playlist-info{display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0}.playlist-name{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-tracks{color:var(--text-secondary);font-size:12px}.shuffle-ideas-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;padding:12px;transition:background .2s,color .2s;width:100%}.shuffle-ideas-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.shuffle-ideas-btn:disabled{cursor:default;opacity:.5}.playlist-view{margin-bottom:32px}.back-button{align-items:center;background:#ffffff0d;border-radius:100px;color:var(--text-secondary);display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 16px;transition:background .2s,color .2s}.back-button:hover{background:#ffffff1a;color:#fff}.playlist-header{align-items:center;background:#ffffff08;border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.playlist-header-image{border-radius:8px;height:80px;object-fit:cover;width:80px}.playlist-header-info h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px}.playlist-header-info span{color:var(--text-secondary);font-size:13px}.playlist-tracks-list{background:#ffffff08;border-radius:12px;max-height:400px;overflow:hidden;overflow-y:auto}.now-playing-footer{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1db95433,#121212fa 30%);border-top:1px solid #1db95433;bottom:0;display:flex;gap:12px;left:0;padding:12px 16px;position:fixed;right:0;z-index:100}.footer-album-art{border-radius:6px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.footer-track-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.footer-track-name{color:#fff;font-size:14px;font-weight:600}.footer-track-artist,.footer-track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-track-artist{color:var(--text-secondary);font-size:12px}.footer-spotify-icon{color:var(--primary-green);flex-shrink:0;font-size:24px}.upcoming-section{margin-bottom:32px}@media (max-width:768px){.queue-container{padding:24px 16px 100px}.queue-header{flex-wrap:wrap;gap:16px}.queue-icon{font-size:48px}.queue-title-section{flex:1 1;min-width:0}.queue-title{font-size:28px}.header-actions{justify-content:space-between;width:100%}.session-timer{flex:1 1}.share-btn{font-size:16px;height:40px;width:40px}.added-name,.track-name{font-size:14px}.playlist-grid{grid-template-columns:1fr}.playlist-header-image{height:60px;width:60px}.playlist-header-info h3{font-size:16px}.now-playing-footer{padding:10px 12px}.footer-album-art{height:40px;width:40px}}.end-session-section{display:flex;justify-content:center;padding:40px 20px}.end-session-btn{background:#0000;border:1px solid #ff64644d;border-radius:100px;color:#ff646499;font-size:13px;font-weight:500;padding:12px 32px;transition:all .2s}.end-session-btn:hover{background:#ff64641a;border-color:#ff646480;color:#ff6464e6}.redirect-container{align-items:center;background:var(--bg-base);display:flex;justify-content:center;min-height:100vh;padding:24px}.redirect-content{max-width:400px;text-align:center}.redirect-message{color:#fff;font-size:24px;line-height:1.4;margin-bottom:16px}.redirect-message .highlight{color:var(--primary-green);font-size:32px;font-weight:700}.redirect-timer{color:var(--text-subdued);font-size:14px}
/*# sourceMappingURL=main.3c25b1de.css.map*/