@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZg.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZg.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPQ.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/jetbrainsmono/v24/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8L6tjPQ.ttf) format("truetype")}@font-face{font-family:Orbitron;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/orbitron/v35/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyGy6xpg.ttf) format("truetype")}@font-face{font-family:Orbitron;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/orbitron/v35/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nyKS6xpg.ttf) format("truetype")}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/orbitron/v35/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1ny_Cmxpg.ttf) format("truetype")}@font-face{font-family:Orbitron;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/orbitron/v35/yMJMMIlzdpvBhQQL_SC3X9yhF25-T1nysimxpg.ttf) format("truetype")}:root{--primary: #0ea5e9;--primary-glow: #38bdf8;--secondary: #6366f1;--accent: #f43f5e;--bg-dark: #020617;--bg-card: rgba(15, 23, 42, .7);--bg-card-hover: rgba(30, 41, 59, .7);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-highlight: #e2e8f0;--surface-layer: rgba(2, 6, 23, .5);--surface-solid: rgba(2, 6, 23, .85);--surface-nav: rgba(2, 6, 23, .9);--surface-menu: rgba(2, 6, 23, .95);--grid-line: rgba(14, 165, 233, .03);--border-color: rgba(255, 255, 255, .05);--border-hover: rgba(14, 165, 233, .3);--code-bg: #1e293b;--code-text: #e2e8f0;--pill-bg: rgba(255, 255, 255, .03);--pill-border: rgba(255, 255, 255, .08);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-card-hover: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 10px 10px -5px rgba(0, 0, 0, .1);--bg-terminal: #0f172a;--bg-terminal-header: #1e293b;--settings-panel-bg: linear-gradient(180deg, rgba(2, 6, 23, .98) 0%, rgba(2, 6, 23, .94) 100%);--settings-panel-shadow: inset 1px 0 0 rgba(255, 255, 255, .05), -12px 0 50px rgba(0, 0, 0, .5);--settings-panel-topline-opacity: .4;--settings-panel-segment-bg: rgba(2, 6, 23, .4);--settings-panel-segment-hover: rgba(255, 255, 255, .05);--settings-panel-visual-bg: #0f172a;--settings-panel-visual-border: rgba(148, 163, 184, .2);--settings-panel-visual-color: #94a3b8;--settings-panel-row-hover-shadow: 0 4px 12px rgba(0, 0, 0, .1);--settings-backdrop: rgba(0, 0, 0, .7);--settings-icon-scene: #818cf8;--player-bg-panel: rgba(15, 23, 42, .85);--player-bg-mini: rgba(15, 23, 42, .95);--player-border: rgba(255, 255, 255, .08);--player-text-main: #f1f5f9;--player-text-sub: #94a3b8;--player-accent: #0ea5e9;--player-accent-hover: #38bdf8;--player-accent-glow: rgba(14, 165, 233, .4);--player-track-bg: rgba(255, 255, 255, .1);--player-mini-art-bg: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--player-mini-art-border: rgba(255, 255, 255, .08);--player-mini-art-shadow: 0 0 15px var(--player-accent-glow);--player-mini-art-shadow-nano: 0 4px 12px rgba(0, 0, 0, .2), 0 0 12px var(--player-accent-glow);--player-lyric-active-color: #f1f5f9;--player-lyric-active-shadow: 0 0 20px var(--player-accent-glow);--lyrics-wrapper-shadow: 0 2px 10px rgba(0, 0, 0, .5);--lyrics-current-bg: linear-gradient(120deg, #e0f2fe 0%, #38bdf8 50%, #0ea5e9 100%);--lyrics-current-fill: transparent;--lyrics-current-color: #ffffff;--lyrics-current-shadow: 0 2px 10px rgba(0, 0, 0, .5);--lyrics-current-filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .3));--lyrics-current-weight: 800;--lyrics-next-color: rgba(255, 255, 255, .4);--lyrics-next-weight: 500}.syntax-keyword{color:#38bdf8}.syntax-string{color:#4ade80}.syntax-func{color:#fde047}.syntax-comment{color:#64748b}.syntax-pkg{color:#818cf8}.theme-light{--bg-dark: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #ffffff;--icon-soft-bg: #e2e8f0;--text-main: #0f172a;--text-muted: #475569;--text-highlight: #1e293b;--surface-layer: rgba(255, 255, 255, .6);--surface-solid: rgba(255, 255, 255, .9);--surface-nav: rgba(255, 255, 255, .85);--surface-menu: rgba(255, 255, 255, .95);--grid-line: rgba(14, 165, 233, .05);--border-color: #e2e8f0;--border-hover: #0ea5e9;--code-bg: #f1f5f9;--code-text: #334155;--pill-bg: #f1f5f9;--pill-border: #e2e8f0;--shadow-card: 0 4px 6px -1px rgba(148, 163, 184, .1), 0 2px 4px -1px rgba(148, 163, 184, .06);--shadow-card-hover: 0 20px 25px -5px rgba(148, 163, 184, .15), 0 10px 10px -5px rgba(148, 163, 184, .1);--bg-terminal: #ffffff;--bg-terminal-header: #f1f5f9;--settings-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 250, 252, .96) 100%);--settings-panel-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5), -10px 0 40px rgba(148, 163, 184, .15);--settings-panel-topline-opacity: .2;--settings-panel-segment-bg: #f1f5f9;--settings-panel-segment-hover: rgba(0, 0, 0, .05);--settings-panel-visual-bg: #cbd5e1;--settings-panel-visual-border: #94a3b8;--settings-panel-visual-color: #475569;--settings-panel-row-hover-shadow: 0 4px 12px rgba(148, 163, 184, .15);--settings-backdrop: rgba(226, 232, 240, .6);--settings-icon-scene: #4f46e5;--player-bg-panel: rgba(255, 255, 255, .85);--player-bg-mini: rgba(255, 255, 255, .95);--player-border: rgba(0, 0, 0, .06);--player-text-main: #0f172a;--player-text-sub: #64748b;--player-accent: #0284c7;--player-accent-hover: #0369a1;--player-accent-glow: rgba(2, 132, 199, .25);--player-track-bg: rgba(0, 0, 0, .08);--player-mini-art-bg: #ffffff;--player-mini-art-border: rgba(0, 0, 0, .05);--player-mini-art-shadow: 0 4px 15px rgba(0, 0, 0, .08), 0 0 15px var(--player-accent-glow);--player-mini-art-shadow-nano: 0 4px 12px rgba(0, 0, 0, .1), 0 0 10px var(--player-accent-glow);--player-lyric-active-color: #0f172a;--player-lyric-active-shadow: none;--lyrics-wrapper-shadow: 0 2px 12px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);--lyrics-current-bg: none;--lyrics-current-fill: #1a1a1a;--lyrics-current-color: #1a1a1a;--lyrics-current-shadow: 0 2px 4px #ffffff, 0 0 4px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);--lyrics-current-filter: none;--lyrics-current-weight: 900;--lyrics-next-color: rgba(15, 23, 42, .4);--lyrics-next-weight: 600}.theme-light .syntax-keyword{color:#00f}.theme-light .syntax-string{color:#09885a}.theme-light .syntax-func{color:#a05a00}.theme-light .syntax-comment{color:#6e7781}.theme-light .syntax-pkg{color:#af00db}.theme-light .text-slate-100{color:#0f172a}.theme-light .text-slate-200{color:#1e293b}.theme-light .text-slate-400{color:#475569}.theme-light .text-slate-500,.theme-light .text-slate-600{color:#64748b}.theme-light .text-slate-700{color:#475569}.theme-light .text-slate-800{color:#334155}.theme-light .text-white,.theme-light .hover\:text-white:hover,.theme-light .group:hover .group-hover\:text-white{color:#0f172a!important}.theme-light .bg-slate-800{background-color:var(--icon-soft-bg)}.theme-light .text-slate-300.bg-slate-800{color:#334155}.theme-light .text-sky-300,.theme-light .text-sky-400{color:#0284c7!important}.theme-light .text-blue-300,.theme-light .text-blue-400{color:#2563eb!important}.theme-light .text-teal-400{color:#0d9488!important}.theme-light .text-emerald-400{color:#059669!important}.theme-light .text-green-400{color:#16a34a!important}.theme-light .text-indigo-400{color:#4f46e5!important}.theme-light .text-purple-400{color:#9333ea!important}.theme-light .text-violet-400{color:#7c3aed!important}.theme-light .text-yellow-300,.theme-light .text-yellow-400{color:#d97706!important}.theme-light .text-orange-400{color:#ea580c!important}.theme-light .text-red-400,.theme-light .text-rose-400{color:#dc2626!important}.theme-light .text-pink-400{color:#db2777!important}.theme-light .text-indigo-200{color:#312e81!important}.theme-light .text-emerald-200{color:#064e3b!important}.theme-light .text-blue-200{color:#1e3a8a!important}.theme-light .text-slate-300{color:#334155}.theme-light #contact,.theme-light .skill-icon{background-color:var(--icon-soft-bg);border-color:var(--icon-soft-bg)}.theme-light .project-badge{color:#1e293b}.theme-light #navbar.border-slate-800,.theme-light .border-slate-800,.theme-light .border-slate-900{border-color:#94a3b833}.theme-light .terminal-content{color:#24292f}.theme-light .terminal-content .text-slate-300{color:#24292f!important}.theme-light .terminal-content .text-slate-400{color:#57606a!important}.theme-light .terminal-content .text-slate-500{color:#6e7781!important}.theme-light .terminal-content .code-cursor{background-color:#24292f}.theme-light #rocket-top{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 15px #94a3b84d}.theme-light #rocket-top .stroke-slate-700{stroke:#e2e8f0}.theme-light .btn-secondary-cta{border-color:#e2e8f0;color:#475569}.theme-light .btn-secondary-cta:hover{background-color:#0f172a!important;color:#fff!important;border-color:#0f172a!important}.theme-light .glitch-wrapper:before,.theme-light .glitch-wrapper:after{background:var(--bg-dark);text-shadow:none!important}.theme-light .hero-badge-text{color:#0284c7!important}.theme-light .terminal-glow{box-shadow:0 15px 40px -10px #0ea5e940,0 0 10px -2px #0ea5e91a;border-color:#0ea5e94d!important}.terminal-glow{box-shadow:0 0 40px -5px #0ea5e933,0 0 15px -3px #0ea5e91a;border-color:#0ea5e933!important}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;width:100%;margin:0;transition:background-color .3s ease,color .3s ease}#app,.app-shell{min-height:100vh}.app-shell{opacity:0;transform:translateY(8px);transition:opacity .8s ease,transform .8s ease}.app-shell.page-ready{opacity:1;transform:none}h1,h2,h3,.brand-font{font-family:Orbitron,sans-serif;letter-spacing:.05em}.code-font{font-family:JetBrains Mono,monospace}pre,code{font-family:JetBrains Mono,monospace;background-color:var(--code-bg);color:var(--code-text);border-radius:6px;transition:all .3s ease}pre{padding:1rem;overflow-x:auto;border:1px solid var(--border-color)}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-dark);z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .5s ease-out,visibility .5s ease-out,background-color .3s ease}#preloader.preloader-hidden{opacity:0;visibility:hidden}#preloader .loader-text{font-family:Orbitron,sans-serif;color:var(--primary);margin-top:20px;letter-spacing:2px;font-size:.8rem;animation:pulse 2s infinite}#preloader .loader-bar{width:150px;height:2px;background:#94a3b833;position:relative;overflow:hidden;border-radius:2px}#preloader .loader-bar__fill{height:100%;background:var(--primary);border-radius:2px;width:0;transition:width .2s ease-out}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}.animate-spin-slow{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#canvas-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(circle at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%)}@keyframes float-soft{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.float-soft{animation:float-soft 6s ease-in-out infinite}.neon-text{text-shadow:0 0 10px rgba(14,165,233,.3)}.glitch-wrapper{position:relative;display:inline-block}.glitch-wrapper:before,.glitch-wrapper:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-dark)}.glitch-wrapper:before{left:1px;text-shadow:-1px 0 var(--accent);clip-path:inset(0 0 0 0);animation:glitch-anim-1 4s infinite linear alternate-reverse}.glitch-wrapper:after{left:-1px;text-shadow:-1px 0 var(--primary);clip-path:inset(0 0 0 0);animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(80% 0 10% 0)}to{clip-path:inset(10% 0 80% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 80% 0)}to{clip-path:inset(80% 0 10% 0)}}.tech-card{position:relative;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--border-color);box-shadow:var(--shadow-card);display:flex;flex-direction:column}.tech-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:.5}.tech-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:var(--shadow-card-hover);background:var(--bg-card-hover)}.tech-card:hover .card-title-line{width:48px}.card-title-line{height:2px;width:24px;background:var(--primary);margin-top:10px;border-radius:2px;transition:width .3s}.skill-pill{display:inline-flex;align-items:center;padding:5px 12px;border-radius:9999px;font-size:.75rem;font-family:JetBrains Mono,monospace;font-weight:500;background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--text-muted);transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s;cursor:default;margin-bottom:.5rem}@media(min-width:768px){.skill-pill{padding:6px 14px;font-size:.8rem}}.skill-pill:hover{border-color:var(--primary);background:#0ea5e91a;color:var(--primary-glow);box-shadow:0 0 0 1px #0ea5e933}.skill-pill i{margin-right:8px}.lang-btn{cursor:pointer;font-family:Inter,sans-serif;font-weight:600;color:var(--text-muted);padding:4px 12px;border-radius:6px;font-size:.8rem;transition:all .3s;background:transparent;display:inline-flex;align-items:center}.lang-btn:hover{color:var(--text-main);background:var(--pill-bg)}.cursor{display:inline-block;width:8px;height:1.2em;background-color:var(--primary);animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{50%{opacity:0}}.code-cursor{display:inline-block;width:8px;height:1.1em;background-color:#cbd5e1;animation:blink-code 1s step-end infinite;vertical-align:sub;margin-left:2px}@keyframes blink-code{0%,to{opacity:1}50%{opacity:0}}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-up.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#rocket-top{position:fixed;bottom:30px;right:30px;z-index:9999;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .4s,visibility .4s,transform .4s;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--primary);border-radius:50%;padding:0;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card);width:50px;height:50px}#rocket-top.show{opacity:1;visibility:visible;transform:translateY(0)}#rocket-top:hover{box-shadow:0 0 15px #0ea5e966;transform:translateY(-3px);border-color:var(--primary)}#rocket-top i{transform:rotate(-45deg);font-size:1.2rem}.progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg);pointer-events:none}.progress-ring__circle{transition:stroke-dashoffset .1s;transform-origin:50% 50%;stroke:var(--primary)}#mobile-menu{transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:translateY(-20px);opacity:0;pointer-events:none}#mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.timeline-item{position:relative;padding-left:2rem;border-left:2px solid rgba(148,163,184,.2);padding-bottom:2.5rem}.timeline-item:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;border-radius:50%;background:var(--bg-dark);border:2px solid var(--primary)}.timeline-item:last-child{border-left:2px solid transparent}.devtools-overlay{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:#020617eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.devtools-overlay__panel{max-width:420px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;text-align:center;box-shadow:var(--shadow-card-hover)}.devtools-overlay__icon{width:56px;height:56px;border-radius:16px;background:#0ea5e91f;color:var(--primary);display:grid;place-items:center;margin:0 auto 16px;font-size:1.5rem}.devtools-overlay__title{font-size:1.25rem;margin:0 0 12px;color:var(--text-main)}.devtools-overlay__message{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.6}.surface-layer{background:var(--surface-layer)}.surface-solid{background:var(--surface-solid)}.nav-surface{background:var(--surface-nav)}.menu-surface{background:var(--surface-menu)}.bg-terminal{background-color:var(--bg-terminal)}.bg-terminal-header{background-color:var(--bg-terminal-header)}.text-always-white{color:#fff!important}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.settings-panel[data-v-af695e82]{background:var(--settings-panel-bg);border-left:1px solid var(--border-color);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--settings-panel-shadow);transition:background .3s ease,border-color .3s ease}.settings-panel[data-v-af695e82]:before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:var(--settings-panel-topline-opacity)}.settings-backdrop[data-v-af695e82]{background-color:var(--settings-backdrop)}.settings-header[data-v-af695e82]{padding:32px 32px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.settings-kicker[data-v-af695e82]{font-size:10px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--primary);margin-bottom:4px}.settings-title[data-v-af695e82]{font-size:24px;font-weight:800;color:var(--text-main);margin:0;letter-spacing:-.02em}.settings-subtitle[data-v-af695e82]{font-size:12px;color:var(--text-muted);margin-top:4px}.close-btn[data-v-af695e82]{width:40px;height:40px;border-radius:12px;border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--text-muted);display:grid;place-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.close-btn[data-v-af695e82]:hover{color:var(--text-main);border-color:var(--border-hover);background:var(--bg-card-hover);transform:rotate(90deg);box-shadow:0 0 20px #0ea5e933}.settings-body[data-v-af695e82]{flex:1;overflow-y:auto;padding:24px 32px;display:flex;flex-direction:column;gap:24px}.settings-section[data-v-af695e82]{display:flex;flex-direction:column;gap:16px}.section-head[data-v-af695e82]{display:flex;flex-direction:column;gap:4px}.section-title[data-v-af695e82]{font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--text-main);display:flex;align-items:center;gap:10px}.section-subtitle[data-v-af695e82]{font-size:11px;color:var(--text-muted);opacity:.7}.settings-stack[data-v-af695e82]{display:flex;flex-direction:column;gap:12px}.setting-row[data-v-af695e82]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:16px;border:1px solid var(--pill-border);background:var(--pill-bg);transition:all .2s ease}.setting-row[data-v-af695e82]:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.setting-info[data-v-af695e82]{display:flex;flex-direction:column;gap:2px;flex:1}.setting-label[data-v-af695e82]{font-size:14px;font-weight:600;color:var(--text-main)}.setting-desc[data-v-af695e82]{font-size:11px;color:var(--text-muted)}.segmented[data-v-af695e82]{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:12px;border:1px solid var(--pill-border);background:var(--settings-panel-segment-bg)}.segmented-btn[data-v-af695e82]{border:none;background:transparent;color:var(--text-muted);padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;cursor:pointer;white-space:nowrap;min-width:76px}.segmented-btn[data-v-af695e82]:hover:not(.active){color:var(--text-main);background:var(--settings-panel-segment-hover)}.segmented-btn.active[data-v-af695e82]{color:#fff;background:var(--primary);box-shadow:0 4px 12px #0ea5e94d}.icon-scene[data-v-af695e82]{color:var(--settings-icon-scene)}.visual-grid[data-v-af695e82]{display:grid;gap:12px}.visual-card[data-v-af695e82]{width:100%;display:flex;align-items:center;gap:16px;padding:12px;border-radius:16px;border:1px solid var(--pill-border);background:var(--pill-bg);transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left;cursor:pointer}.visual-card[data-v-af695e82]:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translate(-4px)}.visual-card.active[data-v-af695e82]{border-color:var(--primary);background:#0ea5e91a}.visual-preview[data-v-af695e82]{width:52px;height:52px;border-radius:12px;background:var(--settings-panel-visual-bg);border:1px solid var(--settings-panel-visual-border);display:grid;place-items:center;flex-shrink:0;color:var(--settings-panel-visual-color)}.preview-svg[data-v-af695e82]{width:28px;height:28px;opacity:.8;transition:all .3s ease}.visual-card:hover .preview-svg[data-v-af695e82]{opacity:1;color:var(--primary)}.visual-card.active .preview-svg[data-v-af695e82]{color:var(--primary);opacity:1}.visual-meta[data-v-af695e82]{display:flex;flex-direction:column;gap:2px;flex:1}.visual-title[data-v-af695e82]{font-size:14px;font-weight:700;color:var(--text-main)}.visual-desc[data-v-af695e82]{font-size:11px;color:var(--text-muted)}.visual-indicator[data-v-af695e82]{width:20px;height:20px;border-radius:50%;border:2px solid var(--pill-border);display:grid;place-items:center;color:transparent;transition:all .2s ease;flex-shrink:0}.visual-card.active .visual-indicator[data-v-af695e82]{border-color:var(--primary);background:var(--primary);color:#fff;font-size:10px}.setting-actions[data-v-af695e82]{display:flex;align-items:center;gap:12px}.status-chip[data-v-af695e82]{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:4px 10px;border-radius:20px;border:1px solid var(--pill-border);background:var(--settings-panel-segment-bg);transition:all .3s ease}.status-chip.active[data-v-af695e82]{color:var(--accent);border-color:#f43f5e4d;background:#f43f5e1a}.switch[data-v-af695e82]{width:44px;height:24px;border-radius:20px;border:1px solid var(--pill-border);background:var(--settings-panel-segment-bg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.switch-thumb[data-v-af695e82]{position:absolute;width:18px;height:18px;border-radius:50%;background:#94a3b8;top:2px;left:2px;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s}.switch[aria-checked=true][data-v-af695e82]{border-color:var(--accent);background:#f43f5e33}.switch[aria-checked=true] .switch-thumb[data-v-af695e82]{transform:translate(20px);background:var(--accent)}.settings-footer[data-v-af695e82]{padding:24px 32px 32px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-size:11px;font-family:JetBrains Mono,monospace;color:var(--text-muted);opacity:.8}@keyframes fall-af695e82{to{transform:translateY(60px)}}.slide-right-enter-active[data-v-af695e82],.slide-right-leave-active[data-v-af695e82]{transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s ease}.slide-right-enter-from[data-v-af695e82],.slide-right-leave-to[data-v-af695e82]{transform:translate(100%);opacity:.8}.slide-right-enter-active .settings-header[data-v-af695e82],.slide-right-enter-active .settings-body[data-v-af695e82],.slide-right-enter-active .settings-footer[data-v-af695e82]{transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1);transition-delay:.1s}.slide-right-enter-from .settings-header[data-v-af695e82],.slide-right-enter-from .settings-body[data-v-af695e82],.slide-right-enter-from .settings-footer[data-v-af695e82]{opacity:0;transform:translate(30px)}.slide-right-enter-active .settings-body[data-v-af695e82]{transition-delay:.15s}.slide-right-enter-active .settings-footer[data-v-af695e82]{transition-delay:.2s}.fade-enter-active[data-v-af695e82],.fade-leave-active[data-v-af695e82]{transition:opacity .5s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-af695e82],.fade-leave-to[data-v-af695e82]{opacity:0}@media(max-width:480px){.settings-header[data-v-af695e82],.settings-body[data-v-af695e82],.settings-footer[data-v-af695e82]{padding-left:20px;padding-right:20px}.setting-row[data-v-af695e82]{flex-direction:column;align-items:flex-start;gap:12px}.setting-actions[data-v-af695e82]{width:100%;justify-content:space-between}.segmented[data-v-af695e82]{width:100%}.segmented-btn[data-v-af695e82]{flex:1;justify-content:center}}.hide-scrollbar[data-v-af695e82]::-webkit-scrollbar{display:none}.hide-scrollbar[data-v-af695e82]{-ms-overflow-style:none;scrollbar-width:none}.visual-card[data-v-af695e82]:active,.segmented-btn[data-v-af695e82]:active,.switch[data-v-af695e82]:active,.close-btn[data-v-af695e82]:active{transform:translateY(1px)}.setting-row[data-v-af695e82]:hover{transform:translateY(-1px);box-shadow:var(--settings-panel-row-hover-shadow)}.visual-card[data-v-af695e82],.segmented-btn[data-v-af695e82],.switch[data-v-af695e82],.close-btn[data-v-af695e82],.setting-row[data-v-af695e82]{transition:all .3s cubic-bezier(.2,.8,.2,1)}.global-player-dock[data-v-d770e828]{--bg-panel: var(--player-bg-panel);--bg-mini: var(--player-bg-mini);--border: var(--player-border);--text-main: var(--player-text-main);--text-sub: var(--player-text-sub);--accent: var(--player-accent);--accent-hover: var(--player-accent-hover);--accent-glow: var(--player-accent-glow);--track-bg: var(--player-track-bg);--mini-art-bg: var(--player-mini-art-bg);--mini-art-border: var(--player-mini-art-border);--mini-art-shadow: var(--player-mini-art-shadow);--mini-art-shadow-nano: var(--player-mini-art-shadow-nano);--lyric-active-color: var(--player-lyric-active-color);--lyric-active-shadow: var(--player-lyric-active-shadow);position:fixed;bottom:30px;left:30px;z-index:9990;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}.mini-player[data-v-d770e828]{--mini-art-size: 48px;--mini-controls-width: 104px;display:grid;grid-template-columns:var(--mini-art-size) minmax(0,1fr) var(--mini-controls-width);align-items:center;column-gap:12px;background:var(--bg-mini);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);padding:8px 12px;border-radius:16px;box-shadow:0 4px 20px #00000026;cursor:pointer;transition:all .6s cubic-bezier(.16,1,.3,1);width:300px;height:60px;overflow:hidden;position:relative}.global-player-dock.is-nano .mini-player[data-v-d770e828]{width:50px;height:50px;padding:0;grid-template-columns:1fr;place-items:center;border-radius:50%!important;background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible}.global-player-dock.is-nano .mini-info[data-v-d770e828],.global-player-dock.is-nano .mini-controls[data-v-d770e828],.global-player-dock.is-nano .mini-progress-line[data-v-d770e828]{opacity:0;transform:translate(-20px);width:0;pointer-events:none;margin:0;display:none}.mini-art[data-v-d770e828]{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--mini-art-bg);border:2px solid var(--mini-art-border);display:grid;place-items:center;color:var(--accent);font-size:18px;box-shadow:var(--mini-art-shadow);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease;position:relative;z-index:2}.global-player-dock.is-nano .mini-art[data-v-d770e828]{width:46px;height:46px;box-shadow:var(--mini-art-shadow-nano)}.is-playing .mini-art[data-v-d770e828]{animation:spin-d770e828 8s linear infinite;border-color:var(--accent);transform:scale(1.1)}.mini-player[data-v-d770e828]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003;border-color:var(--accent)}.mini-info[data-v-d770e828]{min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:2px}.mini-title[data-v-d770e828]{font-size:13px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-artist[data-v-d770e828]{font-size:11px;color:var(--text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-controls[data-v-d770e828]{display:flex;gap:8px;align-items:center;justify-content:flex-end}.btn-mini[data-v-d770e828]{background:transparent;border:none;color:var(--text-sub);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:all .2s;font-size:14px}.btn-mini[data-v-d770e828]:hover{color:var(--text-main);background:var(--track-bg)}.btn-mini.play[data-v-d770e828]{color:var(--text-main);border:1px solid var(--border)}.btn-mini.play[data-v-d770e828]:hover{border-color:var(--accent);color:var(--accent)}.mini-progress-line[data-v-d770e828]{position:absolute;left:0;bottom:0;height:3px;background:var(--accent);border-radius:0 0 16px 16px;pointer-events:none}.player-panel[data-v-d770e828]{position:absolute;bottom:0;left:0;width:380px;height:600px;max-height:80vh;background:var(--bg-panel);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 60px #0006;display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom left}.panel-header[data-v-d770e828]{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border)}.down-btn[data-v-d770e828]{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--text-sub);cursor:pointer;display:grid;place-items:center;transition:all .2s}.down-btn[data-v-d770e828]:hover{background:var(--track-bg);color:var(--text-main)}.header-spacer[data-v-d770e828]{width:32px}.pill-switcher[data-v-d770e828]{position:relative;display:flex;background:var(--track-bg);padding:4px;border-radius:20px;gap:4px}.pill-bg[data-v-d770e828]{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 6px);background:var(--bg-panel);border-radius:16px;box-shadow:0 2px 8px #0000001a;transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:0}.pill-bg.right[data-v-d770e828]{transform:translate(100%) translate(4px)}.pill-btn[data-v-d770e828]{position:relative;z-index:1;background:transparent;border:none;color:var(--text-sub);font-size:12px;font-weight:600;padding:6px 16px;border-radius:16px;cursor:pointer;transition:color .3s;width:80px}.pill-btn.active[data-v-d770e828]{color:var(--text-main)}.track-compact[data-v-d770e828]{padding:20px 24px;display:flex;align-items:center;gap:16px;background:linear-gradient(to bottom,rgba(255,255,255,.02),transparent)}.album-art-small[data-v-d770e828]{width:64px;height:64px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000040;flex-shrink:0;background:#000}.art-img[data-v-d770e828]{width:100%;height:100%;object-fit:cover;transition:transform .5s}.art-img.spinning[data-v-d770e828]{animation:spin-d770e828 12s linear infinite}.art-placeholder[data-v-d770e828]{width:100%;height:100%;background:var(--track-bg);display:grid;place-items:center;color:var(--text-sub)}.track-info-compact[data-v-d770e828]{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:4px}.track-title[data-v-d770e828]{font-size:18px;font-weight:700;color:var(--text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.track-artist[data-v-d770e828]{font-size:13px;color:var(--accent);font-weight:500}.panel-body[data-v-d770e828]{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}.playlist-view[data-v-d770e828]{flex:1;overflow:hidden;display:flex;flex-direction:column}.playlist-groups[data-v-d770e828]{display:flex;gap:8px;padding:12px 16px 4px;overflow-x:auto}.playlist-group-btn[data-v-d770e828]{background:transparent;border:1px solid var(--border-color);color:var(--text-sub);font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .2s;white-space:nowrap}.playlist-group-btn[data-v-d770e828]:hover{color:var(--text-main);border-color:var(--accent)}.playlist-group-btn.active[data-v-d770e828]{background:var(--track-bg);border-color:var(--accent);color:var(--text-main)}.playlist-list[data-v-d770e828]{flex:1;overflow-y:auto;padding:12px 0}.playlist-item[data-v-d770e828]{display:flex;align-items:center;gap:14px;padding:12px 24px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.playlist-item[data-v-d770e828]:hover{background:var(--track-bg)}.playlist-item.current[data-v-d770e828]{background:var(--track-bg);border-left-color:var(--accent)}.p-left[data-v-d770e828]{width:24px;display:grid;place-items:center}.idx-num[data-v-d770e828]{font-size:12px;color:var(--text-sub);font-family:JetBrains Mono,monospace;opacity:.6}.p-info[data-v-d770e828]{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:2px}.p-name[data-v-d770e828]{font-size:14px;color:var(--text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-artist[data-v-d770e828]{font-size:12px;color:var(--text-sub)}.lyrics-view[data-v-d770e828]{flex:1;overflow-y:auto;padding:32px 24px;text-align:center;mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}.lyric-line[data-v-d770e828]{font-size:15px;color:var(--text-sub);margin:20px 0;transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1),filter .5s cubic-bezier(.22,.61,.36,1),color .5s ease;opacity:.4;cursor:pointer;filter:blur(.4px);transform:translateY(6px);will-change:transform,opacity,filter}.lyric-line[data-v-d770e828]:hover{opacity:.8;filter:blur(0)}.lyric-line.near[data-v-d770e828]{opacity:.7;filter:blur(.15px);transform:translateY(2px)}.lyric-line.active[data-v-d770e828]{font-size:20px;font-weight:700;color:var(--lyric-active-color);opacity:1;filter:blur(0);transform:translateY(0) scale(1.035);text-shadow:var(--lyric-active-shadow)}.no-lyrics[data-v-d770e828]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-sub);font-size:13px}.panel-controls[data-v-d770e828]{padding:0 24px 32px;background:transparent}.progress-bar-container[data-v-d770e828]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.time-label[data-v-d770e828]{font-size:11px;color:var(--text-sub);width:40px;font-family:JetBrains Mono,monospace;opacity:.8}.progress-track[data-v-d770e828]{flex:1;height:4px;background:var(--track-bg);border-radius:2px;position:relative;display:flex;align-items:center;cursor:pointer;transition:height .2s}.progress-track[data-v-d770e828]:hover{height:6px}.progress-fill[data-v-d770e828]{height:100%;background:var(--accent);border-radius:2px;position:absolute;left:0;top:0;pointer-events:none}.progress-handle[data-v-d770e828]{width:10px;height:10px;background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0000004d;pointer-events:none;opacity:0;transition:opacity .2s}.progress-track:hover .progress-handle[data-v-d770e828]{opacity:1}.seek-slider[data-v-d770e828]{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-appearance:none;background:transparent;margin:0;cursor:pointer}.seek-slider[data-v-d770e828]::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0}.seek-slider[data-v-d770e828]::-moz-range-thumb{width:0;height:0;border:none}.controls-grid[data-v-d770e828]{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.grid-left[data-v-d770e828]{display:flex;justify-content:flex-start}.mode-btn[data-v-d770e828]{color:var(--text-sub);width:32px;height:32px;border:none;background:transparent;cursor:pointer;display:grid;place-items:center;border-radius:8px;transition:all .2s}.mode-btn[data-v-d770e828]:hover{color:var(--text-main);background:var(--track-bg)}.mode-btn.active[data-v-d770e828]{color:var(--accent)}.grid-center[data-v-d770e828]{display:flex;align-items:center;gap:24px}.btn-control[data-v-d770e828]{background:transparent;border:none;color:var(--text-main);font-size:22px;cursor:pointer;display:grid;place-items:center;transition:all .2s;opacity:.85}.btn-control[data-v-d770e828]:hover{opacity:1;color:var(--accent);text-shadow:0 0 12px var(--accent-glow)}.btn-control.play-pause[data-v-d770e828]{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:20px;box-shadow:0 8px 20px var(--accent-glow);opacity:1}.btn-control.play-pause[data-v-d770e828]:hover{filter:brightness(1.1);box-shadow:0 12px 24px var(--accent-glow)}.panel-slide-enter-active[data-v-d770e828],.panel-slide-leave-active[data-v-d770e828]{transition:all .4s cubic-bezier(.16,1,.3,1)}.panel-slide-enter-from[data-v-d770e828],.panel-slide-leave-to[data-v-d770e828]{opacity:0;transform:translateY(100px) scale(.95)}.mini-fade-enter-active[data-v-d770e828],.mini-fade-leave-active[data-v-d770e828]{transition:all .3s ease}.mini-fade-enter-from[data-v-d770e828],.mini-fade-leave-to[data-v-d770e828]{opacity:0;transform:translateY(10px)}.grid-right[data-v-d770e828]{display:flex;justify-content:flex-end;align-items:center}.volume-container[data-v-d770e828]{display:flex;align-items:center;gap:8px;position:relative}.vol-btn[data-v-d770e828]{width:32px;height:32px;background:transparent;border:none;color:var(--text-sub);cursor:pointer;display:grid;place-items:center;transition:color .2s}.vol-btn[data-v-d770e828]:hover{color:var(--text-main)}.vol-slider-wrapper[data-v-d770e828]{width:80px;height:24px;display:flex;align-items:center}.vol-slider[data-v-d770e828]{width:100%;height:4px;-webkit-appearance:none;background:var(--track-bg);border-radius:2px;outline:none;cursor:pointer;background-image:linear-gradient(var(--accent),var(--accent));background-size:var(--vol-percent) 100%;background-repeat:no-repeat}.vol-slider[data-v-d770e828]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .2s}.vol-slider[data-v-d770e828]:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px #0ea5e933}@keyframes spin-d770e828{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-equalizer[data-v-d770e828]{display:flex;gap:2px;align-items:flex-end;height:12px}.anim-equalizer i[data-v-d770e828]{width:3px;background:var(--accent);animation:equalizer-d770e828 .8s infinite ease-in-out;border-radius:1px}.anim-equalizer i[data-v-d770e828]:nth-child(1){height:6px;animation-delay:0s}.anim-equalizer i[data-v-d770e828]:nth-child(2){height:12px;animation-delay:.2s}.anim-equalizer i[data-v-d770e828]:nth-child(3){height:8px;animation-delay:.4s}@keyframes equalizer-d770e828{0%,to{height:4px}50%{height:12px}}@media(max-width:480px){.global-player-dock[data-v-d770e828]{left:0;right:0;bottom:0;padding:0;border-radius:0}.mini-player[data-v-d770e828]{width:100%;border-radius:0;border:none;border-top:1px solid var(--border)}.player-panel[data-v-d770e828]{width:100%;height:85vh;border-radius:24px 24px 0 0}}.desktop-lyrics-container[data-v-d76911ec]{position:fixed;bottom:100px;left:0;width:100%;pointer-events:none;z-index:9900;display:flex;justify-content:center;text-align:center;padding:0 40px}.lyric-wrapper[data-v-d76911ec]{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:1000px;text-shadow:var(--lyrics-wrapper-shadow);transition:all .3s ease}.current-line[data-v-d76911ec]{font-family:Inter,sans-serif;font-size:36px;font-weight:var(--lyrics-current-weight);color:var(--lyrics-current-color);background:var(--lyrics-current-bg);-webkit-background-clip:text;-webkit-text-fill-color:var(--lyrics-current-fill);background-clip:text;text-shadow:var(--lyrics-current-shadow);filter:var(--lyrics-current-filter);margin:0;letter-spacing:-.02em;line-height:1.1;transition:all .4s cubic-bezier(.16,1,.3,1);transform-origin:center bottom}.next-line[data-v-d76911ec]{font-family:Inter,sans-serif;font-size:18px;font-weight:var(--lyrics-next-weight);color:var(--lyrics-next-color);margin:0;transition:all .4s ease;transform:scale(.95)}.lyric-fade-enter-active[data-v-d76911ec],.lyric-fade-leave-active[data-v-d76911ec]{transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}.lyric-fade-enter-from[data-v-d76911ec],.lyric-fade-leave-to[data-v-d76911ec]{opacity:0;transform:translateY(30px)}