:root{--bg: #0B0D12;--surface: #121722;--surface-2: #0f131c;--elev: #161b28;--line: #242a39;--text: #E9ECF1;--muted: #A3ADBA;--muted-2: #7e8897;--accent-1: #6EF3FF;--accent-2: #8BFF96;--warn: #FFD15F;--danger: #FF7D7D;--g1: radial-gradient(1200px 600px at 20% -10%, rgba(110, 243, 255, .16), transparent 60%), radial-gradient(1200px 600px at 90% 0%, rgba(139, 255, 150, .14), transparent 60%);--font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", "Source Han Sans SC", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-28: 28px;--fs-34: 34px;--fs-42: 42px;--lh-1: 1;--lh-12: 1.2;--lh-14: 1.4;--lh-16: 1.6;--r-6: 6px;--r-8: 8px;--r-10: 10px;--r-12: 12px;--r-16: 16px;--r-20: 20px;--r-full: 999px;--shadow-1: 0 6px 24px rgba(0, 0, 0, .35);--shadow-2: 0 22px 60px rgba(0, 0, 0, .45);--s-2: 2px;--s-4: 4px;--s-6: 6px;--s-8: 8px;--s-10: 10px;--s-12: 12px;--s-14: 14px;--s-16: 16px;--s-20: 20px;--s-24: 24px;--s-28: 28px;--s-32: 32px;--s-40: 40px;--s-48: 48px;--s-56: 56px;--s-72: 72px }@media (max-width:960px){:root{--fs-42: 34px;--fs-34: 28px;--fs-28: 24px;--fs-24: 20px }}:root[data-theme=light]{--bg: #FBFCFE;--surface: #FFFFFF;--surface-2: #F7F9FC;--elev: #FFFFFF;--line: #E6EAF2;--text: #1A2433;--muted: #536079;--muted-2: #6B778D;--accent-1: #00B3FF;--accent-2: #20D466;--warn: #B88000;--danger: #D43F3F;--chip-bg: rgba(0, 0, 0, .04);--chip-border: #E3E8F1;--glass: rgba(255, 255, 255, .7);--shadow-1: 0 6px 24px rgba(20, 32, 55, .1);--shadow-2: 0 22px 60px rgba(20, 32, 55, .12) }*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.1px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--s-20)}.badge{display:inline-flex;gap:8px;align-items:center;padding:6px 12px!important;border-radius:999px;background:linear-gradient(90deg,#6ef3ff33,#8bff9633);color:#c8fff3;border:1px solid rgba(131,231,200,.25);font-size:12px}.header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line);background:#0d1017b3}.header .row{display:flex;align-items:center;gap:12px;height:64px}.header .logo{display:flex;align-items:center;gap:10px}.header nav{margin-left:20px;display:flex;gap:12px}.header nav a{padding:8px 10px;border-radius:8px;color:var(--muted)}.header nav a[aria-current=page],.header nav a:hover{background:var(--surface);color:var(--text)}.header .grow{flex:1}.header .actions{display:flex;gap:10px;align-items:center}.header .btn{padding:10px 14px;background:linear-gradient(90deg,#6ef3ff,#8bff96);color:#00110f;border:none;border-radius:10px;font-weight:600}.header .ghost{padding:10px 12px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:10px}.announce{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:linear-gradient(90deg,#6ef3ff14,#8bff9614);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);font-weight:400}.hero{position:relative;overflow:hidden;background:var(--g1);border-bottom:1px solid var(--line)}.hero .wrap{display:grid;grid-template-columns:3fr 2fr;gap:40px;padding:56px 0}.hero h1{font-size:var(--fs-42);line-height:var(--lh-12);margin:0 0 10px}.hero .sub{color:var(--muted);font-size:var(--fs-18);margin-bottom:24px;max-width:560px}.hero .panel{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow-1)}.hero .panel .row{display:flex;gap:10px;flex-wrap:wrap}.hero .chip{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffff05;cursor:pointer}.hero .chip[data-active=true]{background:linear-gradient(90deg,#6ef3ff26,#8bff9626);border-color:#83e7c859}.hero .searchbar{display:flex;gap:10px;align-items:center;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:10px 0 6px}.hero .searchbar input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:16px}.hero kbd{font-family:var(--mono);font-size:12px;padding:3px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;color:var(--muted)}.section{padding:40px 0}.section h2{font-size:var(--fs-24);margin:0 0 16px}.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:960px){.hero .wrap{grid-template-columns:1fr}.grid.cols-4,.grid.cols-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.grid.cols-4,.grid.cols-3{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-1)}.card .label{font-size:12px;color:var(--muted);margin-bottom:8px}.card .title{font-size:18px;margin:4px 0 8px}.card .desc{font-size:14px;color:var(--muted)}.tracks{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;overflow:hidden}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{font-size:13px;color:#b9c2cf}.table td{font-size:14px}.tag{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:#cfd7e5;margin-right:6px}.tag svg{width:14px;height:14px}.inline-controls{display:flex;gap:8px;align-items:center}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#ffffff05;cursor:pointer}.icon-btn[aria-pressed=true],.icon-btn:hover{background:linear-gradient(180deg,#6ef3ff2e,#8bff962e);border-color:#83e7c859}.player{position:sticky;bottom:0;z-index:50;background:#10141dd9;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border-top:1px solid var(--line)}.player .row{display:flex;align-items:center;gap:10px;height:68px}.player .title{font-weight:600}.player .meta{color:var(--muted);font-size:13px}.player progress{width:260px;height:6px;accent-color:#7fffd4}.player .right{margin-left:auto;display:flex;gap:10px;align-items:center}.license{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width:960px){.license{grid-template-columns:1fr}}.license .control{display:flex;gap:10px;flex-wrap:wrap}.select{display:flex;align-items:center;gap:8px;min-width:200px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:#d7dfec}footer{padding:40px 0 60px;color:var(--muted);border-top:1px solid var(--line)}footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}@media (max-width:960px){footer .cols{grid-template-columns:1fr 1fr}}@media (max-width:640px){footer .cols{grid-template-columns:1fr}}footer h4{margin:0 0 10px;color:var(--text)}footer a{display:block;padding:6px 0;color:var(--text)}footer a:hover{color:var(--text)}.visually-hidden{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap}.prose{line-height:1.75;font-size:16px;color:var(--text)}.prose p{margin:0 0 var(--s-16)}.prose h2,.prose h3{margin-top:var(--s-24);margin-bottom:var(--s-10)}.prose ul{padding-left:1.2em;margin:.5em 0 1em;color:var(--muted)}.header .actions .icon-btn.theme{margin-right:4px}.player .seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:min(42vw,520px);height:6px;background:var(--line);border-radius:99px;outline:none}.player .seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:linear-gradient(90deg,var(--accent-1),var(--accent-2));margin-top:-4px}.player .seek::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:linear-gradient(90deg,var(--accent-1),var(--accent-2))}.player .meter{width:120px;height:10px;border-radius:4px;background:var(--line);display:inline-block}.player .right .pill{padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted);background:var(--chip-bg);cursor:pointer}.player .right .pill[aria-pressed=true]{color:#00110f;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border-color:transparent}.skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.skip-link:focus{position:fixed;left:16px;top:12px;width:auto;height:auto;clip:auto;padding:8px 12px;border-radius:6px;z-index:9999;background:#000000bf;color:#fff;text-decoration:none;box-shadow:0 2px 10px #00000059}.input{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.input input{background:transparent;border:none;outline:none;color:var(--text);font-size:15px;flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer}.btn.primary{background:linear-gradient(90deg,#6ef3ff,#8bff96);color:#00110f;border:none;font-weight:700}.btn.ghost{background:transparent}.kbd{font-family:var(--mono);font-size:12px;padding:3px 6px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}.badge.minor{background:color-mix(in oklab,var(--text) 6%,transparent);color:#d4dde8;border-color:var(--line)}hr{border:none;height:1px;background:var(--line);margin:16px 0}.cmdk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:none;align-items:flex-start;justify-content:center;padding:10vh 20px;background:#03050899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cmdk[aria-hidden=false]{display:flex}.cmdk .box{width:min(920px,100%);background:var(--surface-2);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2);overflow:hidden}.cmdk .box .head{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.cmdk .box .head input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:16px}.cmdk .list{max-height:56vh;overflow:auto}.cmdk .item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer}.cmdk .item:hover{background:#ffffff08}.cmdk .item .pill{padding:2px 8px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted)}.playlists .card{padding:0;overflow:hidden}.playlist-card{display:block;border-radius:16px;overflow:hidden;cursor:pointer}.playlist-cover{position:relative;aspect-ratio:16/9;display:flex;align-items:flex-end;justify-content:flex-start;padding:14px;background:linear-gradient(135deg,#6ef3ff47,#8bff9624);border-bottom:1px solid var(--line)}.playlist-cover .emoji{font-size:36px;line-height:1;position:absolute;left:12px;top:10px;opacity:.9}.playlist-title{font-size:16px;font-weight:800}.playlist-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.playlist-action{font-size:12px;color:var(--muted)}@media (max-width:980px){.cols-4{grid-template-columns:repeat(2,1fr)}}.playlist-cover{background:linear-gradient(135deg,color-mix(in oklab,var(--pc, #6EF3FF) 22%,transparent),color-mix(in oklab,var(--pc, #6EF3FF) 6%,transparent))}.playlist-cover[data-color]{background:linear-gradient(135deg,color-mix(in oklab,var(--surface),var(--text) 8%),color-mix(in oklab,var(--surface),var(--text) 2%));position:relative}.playlist-hero{background:var(--surface);border-bottom:1px solid var(--line)}.playlist-hero .right .emoji{font-size:62px;line-height:1;padding:16px;border-radius:16px}@media (max-width:980px){.playlist-hero .box{grid-template-columns:1fr}.playlist-hero .right{justify-content:flex-start}}#waveform,#wave{--ws-bg: linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .01));background:var(--ws-bg);border:1px solid var(--line);border-radius:12px;height:84px;display:block;overflow:hidden}#wave-timeline{margin-top:6px;opacity:.9}.grid.cols-4.playlists{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.playlists .card{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;grid-template-rows:auto auto auto;gap:6px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--shadow-1)}.playlists .card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent-1),#000 70%);box-shadow:var(--shadow-2)}.playlists .card .title{font-weight:800;font-size:16px;letter-spacing:.2px}.playlists .card .desc{color:var(--muted);font-size:13px}.playlists .card .meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.playlists .card .keys{display:flex;gap:6px;flex-wrap:wrap}.playlists .card .keys .chip{padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;font-size:12px;color:var(--muted)}#auth-modal .box{border:1px solid color-mix(in oklab,var(--line),transparent 30%);box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff0a;border-radius:18px}#auth-modal .pill{border-radius:999px;border:1px solid var(--line);background:#ffffff0a;padding:8px 14px;font-weight:700;color:var(--muted)}#auth-modal .pill[aria-pressed=true]{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:#00110f;border:none}#auth-modal form .input{border-radius:12px;padding:12px 14px;border-color:color-mix(in oklab,var(--line),transparent 20%);background:#ffffff08}#auth-modal form .input:focus-within{border-color:color-mix(in oklab,var(--accent-1),#000 60%);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent-1),transparent 86%)}#auth-modal .btn.primary{width:100%;padding:12px 16px}#auth-modal .helper{color:var(--muted);font-size:12px;margin-top:6px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none}.modal.show{display:block}.modal .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal .box{position:relative;z-index:1;margin:min(8vh,60px) auto;width:min(980px,calc(100% - 24px));background:color-mix(in oklab,var(--surface-2, #10131c) 86%,#000 10%);border:1px solid color-mix(in oklab,var(--line),transparent 30%);box-shadow:0 22px 60px #00000061,inset 0 1px #ffffff0a;border-radius:18px;display:grid;grid-template-rows:auto 1fr auto}.modal .close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#ffffff0a;cursor:pointer}.modal .close:hover{background:#ffffff14}#license-modal .header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}#license-modal .title{font-size:18px;font-weight:800;letter-spacing:.2px}#license-modal .crumbs{color:var(--muted);font-size:13px;margin-top:4px}#license-modal .right-link{color:var(--accent-1);font-size:13px;text-decoration:underline}#license-modal .body{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:16px 18px 18px}#license-modal .tabs{display:flex;flex-direction:column;gap:8px}#license-modal .tabs .tab{text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;font-weight:700;color:var(--muted);cursor:pointer}#license-modal .tabs .tab[aria-selected=true]{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:#00110f;border:none}#license-modal .tabs .hint{margin-top:8px;font-size:12px;color:var(--muted)}#license-modal .content h4{margin:4px 0 10px}#license-modal ul.scope{list-style:none;padding:0;margin:0;display:grid;gap:10px}#license-modal ul.scope li{display:flex;gap:10px;align-items:flex-start;font-size:14px}#license-modal ul.scope li .dot{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line)}#license-modal ul.scope li.ok .dot{background:#76ffbc26}#license-modal ul.scope li.no .dot{background:#ff78781a}#license-modal ul.scope li .desc{color:var(--muted)}#license-modal .footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 18px;border-top:1px solid color-mix(in oklab,var(--line),transparent 25%)}#license-modal .assure{display:flex;align-items:center;gap:10px;color:var(--muted)}#license-modal .assure .price{font-size:26px;font-weight:900;color:var(--text);margin-left:6px}#license-modal .actions{display:flex;gap:10px}#pay-modal .box{width:min(520px,calc(100% - 24px))}#pay-modal .body{padding:20px}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.pay-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;font-weight:700;cursor:pointer}.pay-btn:hover{background:#ffffff0f}#pay-modal .box{background:var(--surface-2);border:1px solid var(--line);color:var(--text);box-shadow:0 10px 40px #00000059}#pay-modal .header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 0}#pay-modal .title{font-size:18px;font-weight:800;letter-spacing:.2px}#pay-modal .body{padding:16px 18px 20px}#pay-modal .pay-grid{gap:14px}#pay-modal .pay-btn{color:var(--text);background:#ffffff14;border:1px solid color-mix(in oklab,var(--text) 14%,transparent)}#pay-modal .pay-btn:hover{background:#ffffff24}#pay-modal .close{color:var(--muted);background:#ffffff0f;border:1px solid var(--line);border-radius:8px}.social-login-sep{display:flex;align-items:center;gap:.8rem;margin:.8rem 0 .4rem;color:var(--muted);font-size:12px}.social-login-sep:before,.social-login-sep:after{content:"";flex:1;height:1px;background:var(--line)}.btn--social{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:44px;border-radius:var(--radius-m);border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:600;text-decoration:none;transition:transform var(--duration-1) var(--ease),box-shadow var(--duration-1) var(--ease),border-color var(--duration-1) var(--ease),background var(--duration-2) var(--ease)}.btn--social:hover{transform:translateY(-1px);box-shadow:var(--shadow-1);border-color:color-mix(in oklab,var(--line) 40%,transparent)}.btn--social:active{transform:translateY(0);box-shadow:none}.btn--social:before{content:"";width:18px;height:18px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;margin-right:.1rem}.btn--google:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285F4' d='M24 9.5c3.54 0 6.72 1.22 9.22 3.6l6.9-6.9C35.9 1.7 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l8.5 6.59C13.12 13.14 18.02 9.5 24 9.5z'/%3E%3Cpath fill='%2334A853' d='M46.08 24.49c0-1.59-.15-3.11-.44-4.58H24v9.02h12.44c-.54 2.9-2.18 5.36-4.64 7.01l7.08 5.49c4.12-3.8 7.2-9.39 7.2-16.94z'/%3E%3Cpath fill='%23FBBC05' d='M11.06 28.03a14.5 14.5 0 010-8.06l-8.5-6.6A24 24 0 000 24c0 3.87.9 7.53 2.56 10.78l8.5-6.75z'/%3E%3Cpath fill='%23EA4335' d='M24 48c6.48 0 11.95-2.13 15.93-5.78l-7.08-5.49c-1.97 1.33-4.49 2.13-8.85 2.13-5.98 0-10.88-3.64-12.94-8.58l-8.5 6.75C6.51 42.62 14.62 48 24 48z'/%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/svg%3E")}.btn--wechat:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%2309b83e' d='M12 29c-5 0-9-3.6-9-8s4-8 9-8c4.9 0 9 3.6 9 8 0 1.7-.6 3.3-1.6 4.6l1.1 3.3-3.5-1.3C15.7 28.7 13.9 29 12 29zM28 31c-4.4 0-8-3.1-8-7s3.6-7 8-7 8 3.1 8 7c0 2-.9 3.8-2.5 5.1l.8 2.8-3-1.1c-1 .2-1.9.2-3.3.2zM9.5 18.5a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm5 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm10.5 6a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm6 0a1.5 1.5 0 110-3 1.5 1.5 0 010 3z'/%3E%3C/svg%3E")}.btn--social+.btn--social{margin-top:.6rem}.btn--social+button[type=submit],.btn--social+.btn.primary{margin-top:.9rem!important}.social-login-sep{margin:1rem 0 .6rem}#form-login .social-login-wrap,#form-register .social-login-wrap{gap:12px!important}#form-login .social-login-sep,#form-register .social-login-sep{margin:14px 0!important}#form-login .btn.primary[type=submit],#form-register .btn.primary[type=submit]{margin-top:14px!important}#form-login .input+.input,#form-register .input+.input{margin-top:10px}#form-login .input,#form-register .input{min-height:44px!important;padding:6px 12px!important;border-radius:14px}#form-login input[type=email],#form-register input[type=email],#form-login input[type=password],#form-register input[type=password]{font-size:14px!important;line-height:1.2;padding:6px 0!important}#form-login .input svg,#form-register .input svg{width:16px!important;height:16px!important}#form-login .social-login-sep,#form-register .social-login-sep{margin:12px 0!important}#form-login .btn.primary[type=submit],#form-register .btn.primary[type=submit]{margin-top:10px!important}@media (max-height:760px){#form-login .input,#form-register .input{min-height:42px!important}#form-login .btn.primary[type=submit],#form-register .btn.primary[type=submit]{margin-top:8px!important}#form-login .social-login-sep,#form-register .social-login-sep{margin:10px 0!important}}:root{--_shadow-soft: 0 10px 30px rgba(0, 0, 0, .25);--_hairline: 1px solid rgba(255, 255, 255, .08);--_hairline-strong: 1px solid rgba(255, 255, 255, .12);--_hairline-dark: 1px solid rgba(0, 0, 0, .25) }html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.container,.wrap,.page,.layout,.site-width,.content{max-width:1280px}.card,.panel,.tile,.box,.module,.sheet{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 60%),var(--surface, transparent);border:var(--_hairline);border-radius:20px;box-shadow:var(--_shadow-soft),inset 0 1px #ffffff0d;overflow:hidden}.card:hover,.panel:hover,.tile:hover,.box:hover,.module:hover,.sheet:hover{transform:translateY(-1px);transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 14px 36px #0000004d,inset 0 1px #ffffff0d}.header,header.site,.topbar,nav.navbar,.appbar{background:linear-gradient(180deg,#090d14bf,#090d148c);border-bottom:1px solid rgba(255,255,255,.1)}@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.header,header.site,.topbar,nav.navbar,.appbar{-webkit-backdrop-filter:saturate(1.25) blur(12px);backdrop-filter:saturate(1.25) blur(12px)}}.header.is-sticky,header.site.is-sticky,.topbar.is-sticky,nav.navbar.is-sticky,.appbar.is-sticky{border-bottom:var(--_hairline-strong)}button,.btn,.button,[role=button]{border-radius:14px;border:1px solid rgba(255,255,255,.14);transition:transform .15s ease,box-shadow .15s ease,border-color .2s ease;will-change:transform}button:hover,.btn:hover,.button:hover,[role=button]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000059}button:active,.btn:active,.button:active,[role=button]:active{transform:translateY(0);box-shadow:none}.btn.primary,.button.primary,button.primary{background:linear-gradient(90deg,var(--accent-1, #00d2c7),var(--accent-2, #2df3a3));box-shadow:0 10px 24px #00ffc838;border-color:#fff0}input[type=text],input[type=search],input[type=email],input[type=password],select,textarea,.input,.textfield{border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus,.input:focus,.textfield:focus{outline:none;border-color:#ffffff47;box-shadow:0 0 0 3px #ffffff14}.chip,.tag,.badge{border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;padding:.375rem .75rem;line-height:1}.chip.is-active,.tag.is-active,.badge.is-active,.chip.active,.tag.active,.badge.active,.chip[aria-pressed=true],.tag[aria-pressed=true],.badge[aria-pressed=true]{background:linear-gradient(90deg,#ffffff0f,#ffffff05)}table{border-collapse:separate;border-spacing:0;width:100%}thead th{border-bottom:var(--_hairline-strong)}tbody tr{border-bottom:var(--_hairline)}tbody tr:hover{background:#ffffff08}.list,.tracks,.items{border:var(--_hairline);border-radius:16px;overflow:hidden}.list .row,.tracks .row,.items .row{border-bottom:var(--_hairline)}.list .row:last-child,.tracks .row:last-child,.items .row:last-child{border-bottom:none}.player,.audio-player,.media-controls,.playbar{border-top:var(--_hairline-strong);box-shadow:0 -12px 30px #00000040}.hero,.jumbotron,.masthead{position:relative;overflow:hidden}.hero:before,.jumbotron:before,.masthead:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1200px 600px at 20% -10%,rgba(255,255,255,.06),transparent 60%);opacity:.8}h1{letter-spacing:-.02em}h2,h3{letter-spacing:-.01em}p{text-rendering:optimizeLegibility}html[data-theme=light] .card,html[data-theme=light] .panel,html[data-theme=light] .tile,html[data-theme=light] .box{box-shadow:0 10px 30px #0000001a,inset 0 1px #ffffff40}html.premium .card,html.premium .panel,html.premium .tile,html.premium .box{border-radius:24px}.cb.wrap{display:grid;grid-template-columns:2fr 1fr;gap:24px}.cb-left,.cb-right{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-1)}.cb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-bottom:12px}.cb-grid .swatch{aspect-ratio:1 / 1;border-radius:5px!important;border:1px solid var(--line);background:var(--sw);cursor:pointer;transition:transform .05s ease-in-out}.cb-grid .swatch:focus{outline:2px solid var(--accent-1);outline-offset:2px}.cb-grid .swatch:hover{transform:scale(1.04)}.cb-controls{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.cb-selected{display:flex;align-items:center;gap:10px}.cb-selected .swatch{width:28px;height:28px;border-radius:6px;border:1px solid var(--line);background:var(--sw)}.cb-selected .label{color:var(--muted);font-size:13px}.cb-selected .value{font-family:var(--mono)}.cb-slider label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.cb-slider input[type=range]{width:100%}.cb-actions{display:flex;gap:10px;margin-top:12px}.cb-actions .btn{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text)}.cb-actions .btn.primary{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));color:#00110f;border:none;font-weight:700}.cb-recent{margin-top:12px}.cb-recent span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.cb-recent .row{display:flex;gap:8px;flex-wrap:wrap}.cb-recent .swatch{width:22px;height:22px;border-radius:6px;border:1px solid var(--line);background:var(--sw)}.legend h4{margin:0 0 8px}.legend .moods{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.legend .moods li{white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.legend .dot{width:14px;height:14px;border-radius:50%;background:var(--sw);border:1px solid var(--line)}.legend .tip{font-size:13px;color:var(--muted);margin-top:12px}.legend .moods li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-grid .swatch,.cb-selected .swatch,.cb-recent .swatch{position:relative;transition:transform .06s ease,box-shadow .06s ease}.cb-grid .swatch:active,.cb-selected .swatch:active,.cb-recent .swatch:active{transform:scale(.96);box-shadow:inset 0 0 0 3px color-mix(in oklab,var(--line) 60%,transparent)}.cb-grid .swatch:focus-visible{outline:2px solid var(--accent-1);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cb-grid .swatch,.cb-selected .swatch,.cb-recent .swatch{transition:none}}.cb-grid .swatch,.cb-selected .swatch,.cb-recent .swatch,.cb .cb-recent .swatch{transition:transform .06s ease,filter .06s ease,box-shadow .08s ease}.cb-grid .swatch:active,.cb-selected .swatch:active,.cb-recent .swatch:active,.cb .cb-recent .swatch:active{transform:scale(.96)!important;filter:brightness(1.08)!important;box-shadow:0 0 0 2px color-mix(in oklab,var(--line) 60%,transparent) inset!important}:root{--radius-xs: 6px;--radius-s: 10px;--radius-m: 14px;--radius-l: 18px;--radius-xl: 22px;--ease: cubic-bezier(.2, .8, .2, 1);--duration-1: .12s;--duration-2: .2s;--duration-3: .32s;--line: color-mix(in oklab, var(--text) 12%, transparent);--glass: color-mix(in oklab, var(--surface) 70%, transparent);--shadow-1: 0 1px 2px rgba(2, 10, 22, .1), 0 8px 24px rgba(2, 10, 22, .12);--shadow-2: 0 2px 6px rgba(2, 10, 22, .12), 0 18px 40px rgba(2, 10, 22, .16) }:root[data-theme=dark]{--bg: #0b1018;--surface: #101623;--surface-2: #0d1320;--elev: #151c2b;--accent-1: #66e0ff;--accent-2: #78ffb2 }:root[data-theme=light]{--bg: #f7f9fc;--surface: #ffffff;--surface-2: #f1f5fb;--elev: #ffffff;--text: #0f1729;--muted: #536079;--muted-2: #6b778d;--accent-1: #0db4ff;--accent-2: #26d37f;--line: color-mix(in oklab, #142037 16%, transparent);--glass: rgba(255, 255, 255, .65) }body{font-feature-settings:"liga" 1,"calt" 1}h1,h2,h3{letter-spacing:-.02em}:where(a,button,input,select,textarea,[role=button],.btn):focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px color-mix(in oklab,var(--accent-1) 60%,var(--accent-2) 40%);transition:box-shadow var(--duration-1) var(--ease);border-radius:var(--radius-m)}.btn{border-radius:var(--radius-m)!important;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 86%,transparent),color-mix(in oklab,var(--surface-2) 86%,transparent));transition:transform var(--duration-1) var(--ease),box-shadow var(--duration-1) var(--ease),border-color var(--duration-1) var(--ease),background var(--duration-2) var(--ease)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-1);border-color:color-mix(in oklab,var(--line) 40%,transparent)}.btn:active{transform:translateY(0);box-shadow:none}.btn.primary{border:none;color:color-mix(in oklab,#00110f 80%,#000 20%)!important;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));box-shadow:0 10px 30px color-mix(in oklab,var(--accent-1) 20%,transparent)}.btn.primary:hover{filter:brightness(1.05) saturate(1.05);box-shadow:var(--shadow-2)}.btn.icon,.icon-btn{border-radius:999px;width:36px;height:36px;display:inline-grid;place-items:center;background:color-mix(in oklab,var(--surface) 80%,transparent);border:1px solid var(--line)}.chip,.badge{border-radius:999px!important;border:1px solid var(--line);background:color-mix(in oklab,var(--text) 5%,transparent)}.tag{background:#0009!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}:root[data-theme=light] .tag,html[data-theme=light] .tag{background:#0000000a!important;border:1px solid rgba(0,0,0,.12)!important;color:#000c!important}.badge.minor{background:color-mix(in oklab,var(--text) 7%,transparent)!important;color:color-mix(in oklab,var(--text) 70%,transparent)}.card,.playlist-card,.track-card,.pricing-card,.modal,.panel{border-radius:var(--radius-l);background:linear-gradient(180deg,var(--surface),color-mix(in oklab,var(--surface-2) 88%,transparent));border:1px solid var(--line);box-shadow:0 0 0 1px #0000 inset;transition:box-shadow var(--duration-2) var(--ease),transform var(--duration-2) var(--ease),border-color var(--duration-2) var(--ease),background var(--duration-3) var(--ease)}.card:hover,.playlist-card:hover,.track-card:hover,.pricing-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-1)}input[type=text],input[type=email],input[type=search],input[type=password],select,textarea,.input{background:color-mix(in oklab,var(--surface) 90%,transparent);border:1px solid var(--line);border-radius:var(--radius-m);padding:10px 12px;transition:border-color var(--duration-1) var(--ease),box-shadow var(--duration-1) var(--ease),background var(--duration-1) var(--ease)}input:focus,select:focus,textarea:focus{border-color:color-mix(in oklab,var(--accent-1) 70%,var(--accent-2) 30%);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent-1) 14%,transparent)}.search-bar,.search{border-radius:var(--radius-xl)!important;background:color-mix(in oklab,var(--surface) 80%,transparent);border:1px solid var(--line)}.header,header,.site-nav{-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:color-mix(in oklab,var(--bg) 75%,transparent);border-bottom:1px solid var(--line)}table{border-collapse:collapse;width:100%;border:1px solid var(--line);background:var(--surface)}th,td{padding:12px 14px;border-bottom:1px solid var(--line)}tbody tr:hover{background:color-mix(in oklab,var(--text) 4%,transparent)}a:hover{text-decoration:none;filter:brightness(1.08)}[aria-pressed=true]{outline:none}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--text) 18%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.hero,.promo,.callout{background:linear-gradient(180deg,color-mix(in oklab,var(--accent-1) 4%,transparent),transparent 30%);border:none}.waveform,.player,.audio-player,.waveform-container{border-radius:var(--radius-m);background:color-mix(in oklab,var(--surface) 80%,transparent);border:1px solid var(--line)}.play-button,.play{box-shadow:var(--shadow-1)}.pricing-card.featured{border-color:color-mix(in oklab,var(--accent-1) 30%,transparent);box-shadow:0 10px 50px color-mix(in oklab,var(--accent-1) 18%,transparent)}.disclaimer,.small{color:var(--muted)}.modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}footer{border-top:1px solid var(--line)}.alert,.warn,.error{border-radius:var(--radius-m);border:1px solid var(--line);padding:12px 14px}.alert.warn{background:color-mix(in oklab,var(--warn) 18%,transparent)}.alert.error{background:color-mix(in oklab,var(--danger) 12%,transparent)}.header nav a{position:relative;transition:color var(--duration-1) var(--ease),background var(--duration-1) var(--ease);border-radius:var(--radius-s);padding:8px 12px}.header nav a:hover{background:color-mix(in oklab,var(--surface) 70%,transparent)}.header nav a[aria-current=page]{color:var(--text);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 86%,transparent),color-mix(in oklab,var(--surface-2) 86%,transparent));border:1px solid var(--line)}.input{border-radius:var(--radius-m);padding:12px 14px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 90%,transparent),color-mix(in oklab,var(--surface-2) 90%,transparent));transition:border-color var(--duration-1) var(--ease),box-shadow var(--duration-1) var(--ease)}.input:focus-within{border-color:color-mix(in oklab,var(--accent-1) 56%,var(--line));box-shadow:0 0 0 3px color-mix(in oklab,var(--accent-1) 18%,transparent)}.input input::placeholder{color:var(--muted-2)}.btn{border-radius:var(--radius-m)!important;box-shadow:0 6px 16px #00000038;transform:translateY(0);transition:box-shadow var(--duration-1) var(--ease),transform var(--duration-1) var(--ease)}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #00000047}.btn.ghost{border-radius:var(--radius-m)!important;background:transparent;border:1px solid var(--line)}.btn.ghost:hover{background:color-mix(in oklab,var(--surface) 60%,transparent)}.chip{border-radius:999px!important;background:color-mix(in oklab,var(--chip-bg) 60%,transparent);border:1px solid var(--chip-border);padding:8px 12px;transition:background var(--duration-1) var(--ease),border-color var(--duration-1) var(--ease),transform var(--duration-1) var(--ease)}.chip:hover{background:color-mix(in oklab,var(--chip-bg) 80%,transparent);border-color:color-mix(in oklab,var(--accent-1) 36%,var(--chip-border));transform:translateY(-1px)}.card,.playlist-card,.pricing-card{border-radius:var(--radius-l)!important;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 94%,transparent),color-mix(in oklab,var(--surface-2) 94%,transparent));box-shadow:0 6px 24px #0000003d;transition:box-shadow var(--duration-1) var(--ease),transform var(--duration-1) var(--ease),border-color var(--duration-1) var(--ease)}.card:hover,.playlist-card:hover,.pricing-card:hover{transform:translateY(-2px);box-shadow:0 10px 32px #0000004d;border-color:color-mix(in oklab,var(--accent-2) 28%,var(--line))}.panel{border-radius:var(--radius-l);border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 92%,transparent),color-mix(in oklab,var(--surface-2) 92%,transparent))}.footer{border-top:1px solid var(--line)}.footer .cols{gap:24px}.card.link{display:flex;gap:10px;align-items:center;border-radius:var(--radius-l)}.card.link svg{opacity:.9}.card.link:hover{border-color:color-mix(in oklab,var(--accent-1) 30%,var(--line))}.hc-card{min-height:280px}.hc-card .thumb{filter:saturate(1.1)}.hc-more:hover{color:var(--text)}@media (max-width:640px){.header .row{height:60px}}.header .avatar-btn{display:inline-grid;place-items:center;width:36px;height:36px;margin-left:8px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 90%,transparent),color-mix(in oklab,var(--surface-2) 90%,transparent));box-shadow:var(--shadow-1)}.header .avatar-btn:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--accent-1) 40%,var(--line))}.header .avatar-btn svg{width:20px;height:20px;opacity:.9}.tracks .inline-controls .icon-btn{width:44px;height:44px;padding:0;border:1px solid color-mix(in oklab,var(--accent-1),var(--line) 60%);background:color-mix(in oklab,var(--surface),#fff 6%);color:color-mix(in oklab,var(--text) 96%,#000 4%);box-shadow:inset 0 -1px #00000040,0 1px #ffffff0a;transition:box-shadow .16s ease,transform .06s ease,filter .12s ease,background .16s ease}.tracks .inline-controls .icon-btn svg{width:18px;height:18px}.tracks .inline-controls .icon-btn:hover,.tracks .inline-controls .icon-btn:focus-visible{box-shadow:var(--shadow-1, 0 6px 24px rgba(0, 0, 0, .35)),0 0 0 4px color-mix(in oklab,var(--accent-1),transparent 82%);outline:none}.tracks .inline-controls .icon-btn:active{transform:translateY(1px);filter:saturate(1.05)}.tracks td:first-child .icon-btn.play{width:44px;height:44px;border-radius:var(--r-10, 10px);border:none;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#00110f;box-shadow:0 10px 26px color-mix(in oklab,var(--accent-1) 28%,transparent),0 0 0 2px color-mix(in oklab,var(--accent-1),transparent 80%);transition:box-shadow .16s ease,transform .06s ease,filter .12s ease,background .16s ease;position:relative;isolation:isolate}.tracks td:first-child .icon-btn.play svg{width:20px;height:20px}.tracks td:first-child .icon-btn.play:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;background:radial-gradient(40% 40% at 50% 50%,color-mix(in oklab,var(--accent-1),transparent 80%) 0%,transparent 70%);filter:blur(10px);opacity:.9;z-index:-1;pointer-events:none}.tracks td:first-child .icon-btn.play:hover,.tracks td:first-child .icon-btn.play:focus-visible{filter:brightness(1.06) saturate(1.08);box-shadow:0 14px 34px color-mix(in oklab,var(--accent-1) 34%,transparent),0 0 0 4px color-mix(in oklab,var(--accent-1),transparent 78%);outline:none}.tracks td:first-child .icon-btn.play:active{transform:translateY(1px)}.tracks .icon-btn:focus-visible{outline:0;box-shadow:var(--shadow-1, 0 6px 24px rgba(0, 0, 0, .35)),0 0 0 4px color-mix(in oklab,var(--accent-1),transparent 82%)}@media (prefers-reduced-motion:reduce){.tracks .icon-btn,.tracks td:first-child .icon-btn.play{transition:none}}.tracks .title.track-link{cursor:pointer}:root{--btn-primary-bg: linear-gradient(90deg, var(--accent-1, #6EF3FF), var(--accent-2, #8BFF96));--btn-primary-text: #00110f;--btn-neutral-bg: color-mix(in oklab, var(--surface, #121722), white 6%);--btn-neutral-text: color-mix(in oklab, var(--text, #E9ECF1) 92%, black 8%);--btn-border: color-mix(in oklab, var(--line, #242a39), var(--accent-1, #6EF3FF) 16%);--btn-focus-ring: color-mix(in oklab, var(--accent-1, #6EF3FF), transparent 78%) }.btn.primary,.btn.cta,button.btn[type=submit],a.btn.primary{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border:none!important;font-weight:700;box-shadow:0 10px 28px #00000038;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease}.btn.primary:hover,.btn.cta:hover,button.btn[type=submit]:hover,a.btn.primary:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.primary:active,.btn.cta:active,button.btn[type=submit]:active,a.btn.primary:active{filter:brightness(.96);transform:translateY(0)}.btn.primary:focus-visible,.btn.cta:focus-visible,button.btn[type=submit]:focus-visible,a.btn.primary:focus-visible{outline:0;box-shadow:0 0 0 3px var(--btn-focus-ring),0 8px 24px #00000047}.btn:not(.primary):not(.cta),a.btn:not(.primary):not(.cta){background:var(--btn-neutral-bg);color:var(--btn-neutral-text);border:1px solid var(--btn-border);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.btn:not(.primary):not(.cta):hover,a.btn:not(.primary):not(.cta):hover{transform:translateY(-1px);box-shadow:0 8px 22px #00000038;border-color:color-mix(in oklab,var(--btn-border),var(--accent-1, #6EF3FF) 14%)}.btn:not(.primary):not(.cta):focus-visible,a.btn:not(.primary):not(.cta):focus-visible{outline:0;box-shadow:0 0 0 3px var(--btn-focus-ring),0 8px 22px #0000003d}.icon-btn{background:var(--btn-neutral-bg);color:var(--btn-neutral-text);border:1px solid var(--btn-border);transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease,box-shadow .12s ease}.icon-btn:hover{background:color-mix(in oklab,var(--btn-neutral-bg),var(--accent-1, #6EF3FF) 8%);border-color:color-mix(in oklab,var(--btn-border),var(--accent-1, #6EF3FF) 18%);color:var(--text, #E9ECF1);transform:translateY(-1px);box-shadow:0 8px 20px #00000038}.icon-btn:focus-visible{outline:0;box-shadow:0 0 0 3px var(--btn-focus-ring),0 8px 18px #00000038}.btn.ghost,a.btn.ghost{background:transparent!important;color:var(--text, #E9ECF1)!important;border:1px solid var(--btn-border)!important}.btn.ghost:hover,a.btn.ghost:hover{background:color-mix(in oklab,var(--accent-1, #6EF3FF) 10%,transparent);border-color:color-mix(in oklab,var(--btn-border),var(--accent-1, #6EF3FF) 24%)}:root{color-scheme:light dark;--bg: #ffffff;--surface: #ffffff;--surface-2: #f7f8fa;--elev: #ffffff;--text: #0b1220;--text-muted: #4b5563;--border: rgba(0, 0, 0, .08);--link: #0ea5e9;--accent: #0ea5e9;--accent-contrast: #ffffff;--ring: rgba(14, 165, 233, .35) }[data-theme=dark]{--bg: #0b1018;--surface: #101623;--surface-2: #0d1320;--elev: #151c2b;--text: #e5ecff;--text-muted: #9aa5b1;--border: rgba(255, 255, 255, .12);--link: #66e0ff;--accent: #66e0ff;--accent-contrast: #0b1018;--ring: rgba(102, 224, 255, .35) }html,body{background:var(--bg);color:var(--text)}a{color:var(--link)}hr{border-color:var(--border)}.card,.panel,.box,.section{background:var(--surface);border:1px solid var(--border);border-radius:12px}.btn,.button,button.primary,.btn-primary{background:var(--accent);color:var(--accent-contrast);border:none}.btn-outline,.button.outline,button.outline,.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}:where(a,button,input,select,textarea):focus{outline:2px solid var(--ring);outline-offset:2px}.rt-theme-toggle{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 12px);height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);box-shadow:0 6px 20px #00000014;cursor:pointer;z-index:2147483647;transition:transform .08s ease,background-color .2s ease}.rt-theme-toggle:active{transform:translateY(1px)}.rt-theme-toggle .sun,.rt-theme-toggle .moon{display:inline-flex;line-height:0}[data-theme=dark] .rt-theme-toggle .sun{display:none}[data-theme=dark] .rt-theme-toggle .moon,[data-theme=light] .rt-theme-toggle .sun{display:inline-flex}[data-theme=light] .rt-theme-toggle .moon{display:none}.rt-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.collections{padding-bottom:60px}.searchbar{padding-top:18px}.search-row{display:flex;align-items:center;gap:12px}.search-input{flex:1;min-height:48px;font-size:16px}.search-input .kbd{margin-left:8px}.quick{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-card{display:flex;gap:12px;align-items:center;background:var(--surface-2);border:1px solid var(--line);padding:14px 16px;border-radius:12px;transition:transform .15s ease,border-color .15s ease}.quick-card:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--text) 10%,var(--line))}.quick-card .icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--elev);color:var(--text)}.quick-card .title{font-weight:700}.quick-card .sub{color:var(--muted);font-size:13px}.block{margin-top:28px}.block-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.block-head h2{font-size:18px;margin:0}.view-all{font-size:13px;color:var(--muted)}.tile-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.tile{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s ease,transform .15s ease}.tile:hover{border-color:color-mix(in oklab,var(--text) 10%,var(--line));transform:translateY(-1px)}.tile .emoji{width:28px;height:28px;display:grid;place-items:center;background:var(--surface-2);border-radius:8px}.tile .name{font-weight:600}@media (max-width:1200px){.tile-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:960px){.tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.search-row{flex-wrap:wrap}.quick{grid-template-columns:1fr}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sfx-quick{margin-top:14px}.sfx-home-card{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center;background:linear-gradient(180deg,color-mix(in oklab,var(--accent-3) 7%,transparent),transparent 55%),var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}[data-theme=light] .sfx-home-card{background:linear-gradient(180deg,color-mix(in oklab,var(--accent-2) 8%,transparent),transparent 60%),var(--surface)}.sfx-left{display:flex;gap:12px;align-items:flex-start}.sfx-left .icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--surface-2);color:var(--text)}.sfx-left .title{font-weight:800;font-size:18px;line-height:1.2}.sfx-left .sub{color:var(--muted);font-size:13px;margin-top:2px}.sfx-home-card .chips{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.sfx-home-card .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);font-size:12px;text-decoration:none}.sfx-home-card .chip:hover{color:var(--text);border-color:color-mix(in oklab,var(--text) 10%,var(--border))}.sfx-home-card .actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}.sfx-right{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-player{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-template-areas:"btn bars" "name bars";align-items:center;gap:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px}.mini-player .play{grid-area:btn;width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;line-height:1;display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,background-color .2s ease,border-color .2s ease}.mini-player .play:active{transform:translateY(1px)}.mini-player .name{grid-area:name;font-size:12px;color:var(--muted);margin-top:4px}.mini-player .bars{grid-area:bars;height:40px;display:flex;align-items:flex-end;gap:3px}.mini-player .bars i{width:6px;height:6px;border-radius:2px;background:color-mix(in oklab,var(--accent-2) 65%,var(--surface));opacity:.65;transform-origin:bottom center;transform:scaleY(.4);animation:sfxBar 1.2s ease-in-out infinite;animation-play-state:paused}.mini-player.playing .bars i{animation-play-state:running;opacity:.95}.mini-player .bars i:nth-child(1){animation-duration:1.06s}.mini-player .bars i:nth-child(2){animation-duration:1.2s}.mini-player .bars i:nth-child(3){animation-duration:.95s}.mini-player .bars i:nth-child(4){animation-duration:1.3s}.mini-player .bars i:nth-child(5){animation-duration:1.1s}@keyframes sfxBar{0%{transform:scaleY(.35)}50%{transform:scaleY(1)}to{transform:scaleY(.45)}}@media (max-width:1024px){.sfx-home-card{grid-template-columns:1fr}}@media (max-width:680px){.sfx-right{grid-template-columns:repeat(3,minmax(0,1fr))}}.hero--minimal{position:relative;overflow:hidden;background:var(--g1);border-bottom:1px solid var(--line)}.hero--minimal .hero-min{display:flex;justify-content:center;align-items:center;padding:clamp(56px,10vw,120px) 0 clamp(56px,10vw,120px);text-align:center}.hero--minimal .badge{display:none;display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 10px;border:1px solid color-mix(in oklab,var(--text),transparent 75%);border-radius:999px;margin-bottom:16px;background:color-mix(in oklab,var(--bg) 85%,transparent)}.hero--minimal h1{margin:0 0 12px;font-size:clamp(28px,5vw,48px);line-height:1.16;letter-spacing:.01em;text-wrap:balance;max-width:18ch;margin-inline:auto}.hero--minimal .sub{margin:0 auto 22px;color:var(--muted);font-size:clamp(14px,2.2vw,18px);max-width:680px}.hero--minimal .actions{display:inline-flex;gap:12px;margin-bottom:14px}.hero--minimal .btn{padding:10px 16px}.hero--minimal .hero-min__meta{display:flex;gap:16px;justify-content:center;color:var(--muted);font-size:12px;margin:10px 0 0;padding:0;list-style:none}.hero--minimal:before{content:"";position:absolute;top:-30%;right:-30%;bottom:30%;left:-30%;background:radial-gradient(60% 60% at 50% 30%,color-mix(in oklab,var(--hero),transparent 50%),transparent 60%);filter:blur(40px);opacity:.5;pointer-events:none}@media (prefers-reduced-motion:reduce){.hero--minimal:before{display:none}}.hero--minimal .wrap,.hero--minimal .panel,.hero--minimal .searchbar{display:none!important}.hero--minimal h1{font-size:clamp(32px,6vw,60px);line-height:1.16;font-weight:800;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;margin:0 0 12px;text-wrap:balance;max-width:18ch;margin-inline:auto}.hero--minimal .sub{font-size:clamp(14px,2.1vw,18px);line-height:1.6;opacity:.9;margin-bottom:16px}.hero-search{display:grid;gap:12px;margin:14px auto 18px;max-width:min(720px,90vw)}.hero-search__wrap{display:flex;align-items:center;padding:10px 12px;border:1px solid color-mix(in oklab,var(--text),transparent 75%);border-radius:12px;box-shadow:0 1px color-mix(in oklab,var(--text),transparent 90%)}.hero-search input[type=search]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;outline:none;font-size:16px;line-height:22px;padding:6px 10px;color:var(--text)}.hero-search button[type=submit]{border:0;background:var(--primary);color:var(--on-primary, #fff);font-weight:600;padding:8px 12px;border-radius:10px;cursor:pointer}.hero-search__hint{font-size:12px;color:var(--muted)}.sfx-link-bar{padding:24px 0 36px;border-top:1px dashed var(--line)}.sfx-link-bar__inner{display:flex;gap:12px;align-items:center;justify-content:center}.sfx-link-bar .btn.link{display:inline-block;padding:8px 14px;border:1px solid var(--primary);border-radius:999px;color:var(--primary)}.hero--minimal .actions{margin-top:12px}.hero--minimal .hero-min__content .btn+.btn{margin-left:10px}.rt-row{position:relative}.rt-actions{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:inline-flex;gap:10px}.rt-btn{height:32px;padding:0 12px;border-radius:var(--r-10, 10px);border:1px solid var(--line);background:var(--surface);color:var(--text);font:500 14px/32px var(--font, ui-sans-serif);cursor:pointer;transition:all .16s ease;text-decoration:none;display:inline-flex;align-items:center}.rt-btn:hover{border-color:var(--accent-2);transform:translateY(-1px)}.rt-btn--solid{background:linear-gradient(180deg,var(--accent-2),var(--accent-1));border:none;color:#0b1220}.rt-btn--ghost{background:transparent}.rt-btn--fav.is-active{background:#ffdd001f;border-color:#fd0;color:#fd0}@media (max-width:720px){.rt-actions{position:static;transform:none;display:flex;padding-top:8px}}:root{--swatch-outline-color: #000;--swatch-outline-width: 2px;--swatch-radius: 10px }.cb .cb-grid .swatch,#color-board .cb-grid .swatch,#color-search .cb-grid .swatch,#tp-colorboard .cb-grid .swatch,.cb .cb-recent .color-chip .swatch,.color-chip .swatch,.swatches .swatch{border:var(--swatch-outline-width) solid var(--swatch-outline-color)!important;box-shadow:none!important;background-clip:padding-box!important;overflow:hidden}.cb .cb-grid .swatch:hover,#color-board .cb-grid .swatch:hover,#color-search .cb-grid .swatch:hover,#tp-colorboard .cb-grid .swatch:hover{transform:scale(1.02);border-color:var(--swatch-outline-color)!important}.cb .cb-grid .swatch:focus-visible,#color-board .cb-grid .swatch:focus-visible,#color-search .cb-grid .swatch:focus-visible,#tp-colorboard .cb-grid .swatch:focus-visible{outline:var(--swatch-outline-width) solid var(--swatch-outline-color)!important;outline-offset:2px}.cb .cb-grid .swatch:before,.cb .cb-grid .swatch:after,#color-board .cb-grid .swatch:before,#color-board .cb-grid .swatch:after,#color-search .cb-grid .swatch:before,#color-search .cb-grid .swatch:after,#tp-colorboard .cb-grid .swatch:before,#tp-colorboard .cb-grid .swatch:after{border-radius:calc(var(--swatch-radius) - 1px)!important;box-shadow:none!important}.cb .cb-recent .color-chip .swatch,.cb .cb-recent .swatch{border:var(--swatch-outline-width) solid var(--swatch-outline-color)!important;border-radius:var(--swatch-radius)!important;box-shadow:none!important}.rt-color-badge .mini{border:var(--swatch-outline-width) solid var(--swatch-outline-color)!important;border-radius:calc(var(--swatch-radius) - 4px)!important;box-shadow:none!important}#color-board .cb-recent .color-chip,#color-board .cb-recent .color-chip .sw,#color-board .cb-recent .color-chip .hex{cursor:pointer}#color-board .cb-recent .color-chip{display:inline-flex;align-items:center;gap:6px;border:none;padding:6px 8px;border-radius:8px;background:var(--surface, transparent)}#color-board .cb-recent .color-chip .sw{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background:var(--sw);display:inline-block}#color-board .cb-recent .swatch{position:relative;cursor:pointer;border-radius:8px;transition:transform .12s ease,box-shadow .12s ease}#color-board .cb-recent .swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff0;transition:background .12s ease;pointer-events:none}#color-board .cb-recent .swatch:hover:after,#color-board .cb-recent .swatch:focus-visible:after{background:#ffffff24}#color-board .cb-recent .swatch:hover,#color-board .cb-recent .swatch:focus-visible{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}#color-board .cb-recent .swatch:active{transform:translateY(0);box-shadow:0 1px 3px #0003}@media (prefers-reduced-motion:reduce){#color-board .cb-recent .swatch{transition:none}#color-board .cb-recent .swatch:after{transition:none}}html[data-theme=light]{--rt-link-deeper: #1A5AE8;--rt-link-deeper-hover: #174FCB }html[data-theme=light] a,html[data-theme=light] .link,html[data-theme=light] [role=link]{color:var(--rt-link-deeper)!important;text-decoration-color:var(--rt-link-deeper);text-decoration-color:color-mix(in oklab,var(--rt-link-deeper),black 20%)}html[data-theme=light] a:hover,html[data-theme=light] .link:hover,html[data-theme=light] [role=link]:hover{color:var(--rt-link-deeper-hover)!important;text-decoration-color:var(--rt-link-deeper-hover);text-decoration-color:color-mix(in oklab,var(--rt-link-deeper-hover),black 15%)}html[data-theme=light] .text-brand-1{color:#0f5cc0!important}html[data-theme=light] footer a,html[data-theme=light] footer a:visited{color:var(--text)!important;text-decoration-color:var(--text)}html[data-theme=light] footer a:active,html[data-theme=light] footer a:focus{color:var(--text)!important}:root,html,body{--text-color-override: var(--text, #222222);--link-color-override: var(--link, #0B57D0) }html.light,body.light,[data-theme=light],.theme-light,:root:not(.dark):not([data-theme=dark]){color:var(--text-color-override)!important}html.light body,body.light,[data-theme=light] body,.theme-light body,:root:not(.dark):not([data-theme=dark]) body,html.light p,body.light p,[data-theme=light] p,.theme-light p,:root:not(.dark):not([data-theme=dark]) p,html.light li,body.light li,[data-theme=light] li,.theme-light li,:root:not(.dark):not([data-theme=dark]) li,html.light span,body.light span,[data-theme=light] span,.theme-light span,:root:not(.dark):not([data-theme=dark]) span,html.light h1,body.light h1,[data-theme=light] h1,.theme-light h1,:root:not(.dark):not([data-theme=dark]) h1,html.light h2,body.light h2,[data-theme=light] h2,.theme-light h2,:root:not(.dark):not([data-theme=dark]) h2,html.light h3,body.light h3,[data-theme=light] h3,.theme-light h3,:root:not(.dark):not([data-theme=dark]) h3,html.light h4,body.light h4,[data-theme=light] h4,.theme-light h4,:root:not(.dark):not([data-theme=dark]) h4,html.light h5,body.light h5,[data-theme=light] h5,.theme-light h5,:root:not(.dark):not([data-theme=dark]) h5,html.light h6,body.light h6,[data-theme=light] h6,.theme-light h6,:root:not(.dark):not([data-theme=dark]) h6{color:var(--text-color-override)!important}html.light a,body.light a,[data-theme=light] a,.theme-light a,:root:not(.dark):not([data-theme=dark]) a{color:var(--link-color-override)!important}html.light a:visited,body.light a:visited,[data-theme=light] a:visited,.theme-light a:visited,:root:not(.dark):not([data-theme=dark]) a:visited{color:var(--link-color-override)!important}html[data-theme=light]{--sw-sep-color: color-mix(in oklab, var(--hc-border, #E5E7EB) 92%, transparent);--sw-sep-w: 1px }html[data-theme=light] #color-search .cb-grid .swatch,html[data-theme=light] #color-board .cb-grid .swatch,html[data-theme=light] #tp-colorboard .cb-grid .swatch{background-image:linear-gradient(to right,var(--sw-sep-color),var(--sw-sep-color)),linear-gradient(to bottom,var(--sw-sep-color),var(--sw-sep-color));background-size:var(--sw-sep-w) 100%,100% var(--sw-sep-w);background-position:left center,top center;background-repeat:no-repeat}html[data-theme=light] #color-search .cb-grid .swatch html[data-theme=light] #color-search .cb-grid .swatch,html[data-theme=light] #color-search .cb-grid .swatch html[data-theme=light] #color-board .cb-grid .swatch,html[data-theme=light] #color-search .cb-grid .swatch html[data-theme=light] #tp-colorboard .cb-grid .swatch,html[data-theme=light] #color-board .cb-grid .swatch html[data-theme=light] #color-search .cb-grid .swatch,html[data-theme=light] #color-board .cb-grid .swatch html[data-theme=light] #color-board .cb-grid .swatch,html[data-theme=light] #color-board .cb-grid .swatch html[data-theme=light] #tp-colorboard .cb-grid .swatch,html[data-theme=light] #tp-colorboard .cb-grid .swatch html[data-theme=light] #color-search .cb-grid .swatch,html[data-theme=light] #tp-colorboard .cb-grid .swatch html[data-theme=light] #color-board .cb-grid .swatch,html[data-theme=light] #tp-colorboard .cb-grid .swatch html[data-theme=light] #tp-colorboard .cb-grid .swatch{background-image:linear-gradient(to right,#00000014,#00000014),linear-gradient(to bottom,#0000000f,#0000000f);background-size:var(--sw-sep-w) 100%,100% var(--sw-sep-w);background-position:left center,top center;background-repeat:no-repeat}html[data-theme=dark]{--hc-bg: #000000;--hc-fg: #FFFFFF;--hc-muted: #CFCFCF;--hc-accent: var(--brand-1, #00E6FF);--hc-accent-hover: #66FFFF;--hc-border: #2A2A2A;--hc-border-strong: #555555;--hc-focus: #FFD60A;--btn-bg: #1A1A1A;--btn-fg: #FFFFFF;--btn-border: transparent;--btn-bg-hover: var(--hc-accent);--btn-fg-hover: #000000;--btn-border-hover: transparent;--btn-primary-bg: var(--hc-accent);--btn-primary-fg: #000000;--btn-primary-border: transparent }html[data-theme=dark],html[data-theme=dark] body{background-color:var(--hc-bg);color:var(--hc-fg)!important}html[data-theme=dark] body,html[data-theme=dark] p,html[data-theme=dark] li,html[data-theme=dark] dd,html[data-theme=dark] dt,html[data-theme=dark] label,html[data-theme=dark] small,html[data-theme=dark] span{color:var(--hc-fg)}html[data-theme=dark] .text-muted,html[data-theme=dark] .text-secondary,html[data-theme=dark] .text-body-secondary{color:var(--hc-muted)!important}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] h6{color:var(--hc-fg);text-shadow:none!important}html[data-theme=dark] a,html[data-theme=dark] a:visited{color:var(--hc-accent)!important;text-decoration-thickness:2px!important}html[data-theme=dark] a.tag,html[data-theme=dark] a.tag:visited{color:#fff!important;background:#0009!important;border:1px solid rgba(255,255,255,.2)!important;text-decoration:none!important}html[data-theme=dark] a:hover,html[data-theme=dark] a:focus{color:var(--hc-accent-hover)!important;text-decoration:underline!important}html[data-theme=dark] header,html[data-theme=dark] main,html[data-theme=dark] footer,html[data-theme=dark] section,html[data-theme=dark] article,html[data-theme=dark] aside,html[data-theme=dark] nav,html[data-theme=dark] .navbar,html[data-theme=dark] .footer,html[data-theme=dark] .container,html[data-theme=dark] .content,html[data-theme=dark] .wrapper,html[data-theme=dark] .panel,html[data-theme=dark] .card,html[data-theme=dark] .box,html[data-theme=dark] .well,html[data-theme=dark] .modal-content,html[data-theme=dark] .dropdown-menu,html[data-theme=dark] .popover,html[data-theme=dark] .tooltip,html[data-theme=dark] .list-group-item,html[data-theme=dark] .jumbotron,html[data-theme=dark] .hero,html[data-theme=dark] .banner,html[data-theme=dark] .sidebar,html[data-theme=dark] .menu{background-color:var(--hc-bg);color:var(--hc-fg)!important;border-color:var(--hc-border)!important}html[data-theme=dark] .bg-white,html[data-theme=dark] .bg-light,html[data-theme=dark] .bg-body,html[data-theme=dark] .bg-secondary-subtle,html[data-theme=dark] .bg-gray-100,html[data-theme=dark] .bg-gray-200,html[data-theme=dark] .bg-body-tertiary,html[data-theme=dark] .bg-body-secondary,html[data-theme=dark] .bg-surface,html[data-theme=dark] .bg-surface-variant,html[data-theme=dark] .bg-paper{background-color:var(--hc-bg);color:var(--hc-fg)!important}html[data-theme=dark] .border,html[data-theme=dark] .border-top,html[data-theme=dark] .border-bottom,html[data-theme=dark] .border-start,html[data-theme=dark] .border-end,html[data-theme=dark] hr,html[data-theme=dark] .divider,html[data-theme=dark] .rule{border-color:var(--hc-border)!important;color:var(--hc-border)!important}html[data-theme=dark] hr{opacity:1!important}html[data-theme=dark] table,html[data-theme=dark] thead,html[data-theme=dark] tbody,html[data-theme=dark] tfoot,html[data-theme=dark] tr,html[data-theme=dark] th,html[data-theme=dark] td{background-color:var(--hc-bg);color:var(--hc-fg)!important;border-color:var(--hc-border)}html[data-theme=dark] table thead th{border-bottom:2px solid var(--hc-border-strong)!important}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] option,html[data-theme=dark] optgroup{background-color:#111!important;color:var(--hc-fg)!important;border:1px solid var(--hc-border-strong)!important;box-shadow:none!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#9e9e9e!important}html[data-theme=dark] input:focus,html[data-theme=dark] textarea:focus,html[data-theme=dark] select:focus{outline:2px solid var(--hc-focus)!important;outline-offset:2px!important;border-color:var(--hc-focus)!important}html[data-theme=dark] button,html[data-theme=dark] .btn,html[data-theme=dark] [role=button],html[data-theme=dark] input[type=button],html[data-theme=dark] input[type=submit],html[data-theme=dark] input[type=reset]{background-color:var(--btn-bg)!important;color:var(--btn-fg)!important;border:1px solid var(--btn-border)!important;box-shadow:none!important}html[data-theme=dark] button:hover,html[data-theme=dark] .btn:hover,html[data-theme=dark] [role=button]:hover,html[data-theme=dark] input[type=button]:hover,html[data-theme=dark] input[type=submit]:hover,html[data-theme=dark] input[type=reset]:hover{background-color:var(--btn-bg-hover)!important;color:var(--btn-fg-hover)!important;border-color:var(--btn-border-hover)!important}html[data-theme=dark] .btn-primary,html[data-theme=dark] .btn-success,html[data-theme=dark] .btn-info,html[data-theme=dark] .btn-warning,html[data-theme=dark] .btn-danger{background-color:var(--btn-primary-bg)!important;color:var(--btn-primary-fg)!important;border-color:var(--btn-primary-border)!important}html[data-theme="dark"] .btn-outline,html[data-theme="dark"] .btn-outline-*,html[data-theme="dark"] .btn-outline-primary,html[data-theme="dark"] .btn-outline-secondary,html[data-theme="dark"] .btn-outline-success,html[data-theme="dark"] .btn-outline-info,html[data-theme="dark"] .btn-outline-warning,html[data-theme="dark"] .btn-outline-danger{color:var(--hc-accent)!important;border-color:var(--hc-accent)!important;background-color:transparent!important}html[data-theme="dark"] .btn-outline:hover,html[data-theme="dark"] .btn-outline-*:hover{background-color:var(--hc-accent)!important;color:#000!important}html[data-theme=dark] .dropdown-menu,html[data-theme=dark] .menu,html[data-theme=dark] .context-menu,html[data-theme=dark] .tooltip-inner,html[data-theme=dark] .popover-body,html[data-theme=dark] .popover-header,html[data-theme=dark] pre,html[data-theme=dark] code,html[data-theme=dark] kbd,html[data-theme=dark] samp{background-color:#0a0a0a!important;color:#e6e6e6!important;border-color:var(--hc-border)!important}html[data-theme=dark] a:focus-visible,html[data-theme=dark] button:focus-visible,html[data-theme=dark] .btn:focus-visible,html[data-theme=dark] input:focus-visible,html[data-theme=dark] select:focus-visible,html[data-theme=dark] textarea:focus-visible{outline:3px solid var(--hc-focus)!important;outline-offset:2px!important}html[data-theme=dark] svg:not([data-keep-color]){color:var(--hc-fg)!important}html[data-theme=dark] *::-webkit-scrollbar{width:12px;height:12px}html[data-theme=dark] *::-webkit-scrollbar-track{background:#0a0a0a}html[data-theme=dark] *::-webkit-scrollbar-thumb{background-color:#3a3a3a;border-radius:6px;border:3px solid #0a0a0a}html[data-theme=light]{--hc-bg: #FFFFFF;--hc-fg: #0B0F19;--hc-muted: #344054;--hc-accent: var(--brand-1, #0041CC);--hc-accent-hover: #005BFF;--hc-border: #E5E7EB;--hc-border-strong: #D0D5DD;--hc-focus: #FF9900;--btn-bg: #FFFFFF;--btn-fg: #0B0F19;--btn-border: #D0D5DD;--btn-bg-hover: #F2F4F7;--btn-fg-hover: #0B0F19;--btn-border-hover: #98A2B3;--btn-primary-bg: var(--hc-accent);--btn-primary-fg: #FFFFFF;--btn-primary-border: var(--hc-accent) }html[data-theme=light],html[data-theme=light] body{background-color:var(--hc-bg);color:var(--hc-fg)!important}html[data-theme=light] body,html[data-theme=light] p,html[data-theme=light] li,html[data-theme=light] dd,html[data-theme=light] dt,html[data-theme=light] label,html[data-theme=light] small,html[data-theme=light] span{color:var(--hc-fg)!important}html[data-theme=light] .text-muted,html[data-theme=light] .text-secondary,html[data-theme=light] .text-body-secondary{color:var(--hc-muted)!important}html[data-theme=light] h1,html[data-theme=light] h2,html[data-theme=light] h3,html[data-theme=light] h4,html[data-theme=light] h5,html[data-theme=light] h6{color:var(--hc-fg)!important;text-shadow:none!important}html[data-theme=light] a,html[data-theme=light] a:visited{color:var(--hc-accent)!important;text-decoration-thickness:2px!important}html[data-theme=light] a:hover,html[data-theme=light] a:focus{color:var(--hc-accent-hover)!important;text-decoration:underline!important}html[data-theme=light] header,html[data-theme=light] main,html[data-theme=light] footer,html[data-theme=light] section,html[data-theme=light] article,html[data-theme=light] aside,html[data-theme=light] nav,html[data-theme=light] .navbar,html[data-theme=light] .footer,html[data-theme=light] .container,html[data-theme=light] .content,html[data-theme=light] .wrapper,html[data-theme=light] .panel,html[data-theme=light] .card,html[data-theme=light] .box,html[data-theme=light] .well,html[data-theme=light] .modal-content,html[data-theme=light] .dropdown-menu,html[data-theme=light] .popover,html[data-theme=light] .tooltip,html[data-theme=light] .list-group-item,html[data-theme=light] .jumbotron,html[data-theme=light] .hero,html[data-theme=light] .banner,html[data-theme=light] .sidebar,html[data-theme=light] .menu{background-color:var(--hc-bg);color:var(--hc-fg)!important;border-color:var(--hc-border)!important}html[data-theme=light] .bg-dark,html[data-theme=light] .bg-black,html[data-theme=light] .bg-gray-900{background-color:var(--hc-bg);color:var(--hc-fg)!important}html[data-theme=light] .border,html[data-theme=light] .border-top,html[data-theme=light] .border-bottom,html[data-theme=light] .border-start,html[data-theme=light] .border-end,html[data-theme=light] hr,html[data-theme=light] .divider,html[data-theme=light] .rule{border-color:var(--hc-border);color:var(--hc-border)!important}html[data-theme=light] hr{opacity:1!important}html[data-theme=light] table,html[data-theme=light] thead,html[data-theme=light] tbody,html[data-theme=light] tfoot,html[data-theme=light] tr,html[data-theme=light] th,html[data-theme=light] td{background-color:var(--hc-bg);color:var(--hc-fg)!important;border-color:var(--hc-border)!important}html[data-theme=light] table thead th{border-bottom:2px solid var(--hc-border-strong)!important}html[data-theme=light] input,html[data-theme=light] textarea,html[data-theme=light] select,html[data-theme=light] option,html[data-theme=light] optgroup{background-color:#fff!important;color:var(--hc-fg)!important;border:1px solid var(--hc-border-strong)!important;box-shadow:none!important}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#667085!important}html[data-theme=light] input:focus,html[data-theme=light] textarea:focus,html[data-theme=light] select:focus{outline:2px solid var(--hc-focus)!important;outline-offset:2px!important;border-color:var(--hc-focus)!important}html[data-theme=light] button,html[data-theme=light] .btn,html[data-theme=light] [role='"button"'],html[data-theme='"light"'] input[type='"button"'],html[data-theme='"light"'] input[type='"submit"'],html[data-theme='"light"'] input[type='"reset"']{background-color:var(--btn-bg)!important;color:var(--btn-fg)!important;border:1px solid var(--btn-border)!important;box-shadow:none!important}html[data-theme='"light"'] button:hover,html[data-theme='"light"'] .btn:hover,html[data-theme='"light"'] [role='"button"']:hover,html[data-theme='"light"'] input[type='"button"']:hover,html[data-theme='"light"'] input[type='"submit"']:hover,html[data-theme='"light"'] input[type='"reset"']:hover{background-color:var(--btn-bg-hover)!important;color:var(--btn-fg-hover)!important;border-color:var(--btn-border-hover)!important}html[data-theme='"light"'] .btn-primary,html[data-theme='"light"'] .btn-success,html[data-theme='"light"'] .btn-info,html[data-theme='"light"'] .btn-warning,html[data-theme='"light"'] .btn-danger{background-color:var(--btn-primary-bg)!important;color:var(--btn-primary-fg)!important;border-color:var(--btn-primary-border)!important}html[data-theme=\"light\"] .btn-outline,html[data-theme=\"light\"] .btn-outline-*,html[data-theme=\"light\"] .btn-outline-primary,html[data-theme=\"light\"] .btn-outline-secondary,html[data-theme=\"light\"] .btn-outline-success,html[data-theme=\"light\"] .btn-outline-info,html[data-theme=\"light\"] .btn-outline-warning,html[data-theme=\"light\"] .btn-outline-danger{color:var(--hc-accent)!important;border-color:var(--hc-accent)!important;background-color:transparent!important}html[data-theme=\"light\"] .btn-outline:hover,html[data-theme=\"light\"] .btn-outline-*:hover{background-color:var(--hc-accent)!important;color:#fff!important}html[data-theme='"light"'] .dropdown-menu,html[data-theme='"light"'] .menu,html[data-theme='"light"'] .context-menu,html[data-theme='"light"'] .tooltip-inner,html[data-theme='"light"'] .popover-body,html[data-theme='"light"'] .popover-header,html[data-theme='"light"'] pre,html[data-theme='"light"'] code,html[data-theme='"light"'] kbd,html[data-theme='"light"'] samp{background-color:#f7f7f7!important;color:#111!important;border-color:var(--hc-border)!important}html[data-theme='"light"'] a:focus-visible,html[data-theme='"light"'] button:focus-visible,html[data-theme='"light"'] .btn:focus-visible,html[data-theme='"light"'] input:focus-visible,html[data-theme='"light"'] select:focus-visible,html[data-theme='"light"'] textarea:focus-visible{outline:3px solid var(--hc-focus)!important;outline-offset:2px!important}html[data-theme='"light"'] svg:not([data-keep-color]){color:var(--hc-fg)!important}html[data-theme='"light"'] *::-webkit-scrollbar{width:12px;height:12px}html[data-theme='"light"'] *::-webkit-scrollbar-track{background:#ededed}html[data-theme='"light"'] *::-webkit-scrollbar-thumb{background-color:#9a9a9a;border-radius:6px;border:3px solid #EDEDED}:root[data-theme=light]{--text: var(--hc-fg);--muted: var(--hc-muted) }html[data-theme=light] a:visited,html[data-theme=light] a:active{color:currentColor!important}html[data-theme=light] footer a:visited,html[data-theme=light] footer a:active,html[data-theme=light] footer a:focus{color:var(--hc-fg)!important}html[data-theme=light] a:visited,html[data-theme=light] a:active,html[data-theme=light] .link:visited,html[data-theme=light] .link:active,html[data-theme=light] [role=link]:visited,html[data-theme=light] [role=link]:active{color:currentColor!important}:root{--brand-1: #6EF3FF;--brand-1-on: #000000;--brand-2: #0B1220;--brand-2-on: #FFFFFF;--brand-3: #6B7280;--brand-3-on: #FFFFFF;--brand-4: #CFE8FF;--brand-4-on: #000000;--brand-5: #8BFF96;--brand-5-on: #000000;--brand-6: #0041CC;--brand-6-on: #FFFFFF }.bg-brand-1{background-color:var(--brand-1)!important;color:var(--brand-1-on)!important}.text-brand-1{color:var(--brand-1)!important}.border-brand-1{border-color:var(--brand-1)!important}.btn-brand-1{background-color:var(--brand-1)!important;color:var(--brand-1-on)!important;border:1px solid var(--brand-1)!important}.btn-brand-1:hover{filter:brightness(1.08)}.badge-brand-1{background-color:var(--brand-1)!important;color:var(--brand-1-on)!important}.bg-brand-2{background-color:var(--brand-2)!important;color:var(--brand-2-on)!important}.text-brand-2{color:var(--brand-2)!important}.border-brand-2{border-color:var(--brand-2)!important}.btn-brand-2{background-color:var(--brand-2)!important;color:var(--brand-2-on)!important;border:1px solid var(--brand-2)!important}.btn-brand-2:hover{filter:brightness(1.08)}.badge-brand-2{background-color:var(--brand-2)!important;color:var(--brand-2-on)!important}.bg-brand-3{background-color:var(--brand-3)!important;color:var(--brand-3-on)!important}.text-brand-3{color:var(--brand-3)!important}.border-brand-3{border-color:var(--brand-3)!important}.btn-brand-3{background-color:var(--brand-3)!important;color:var(--brand-3-on)!important;border:1px solid var(--brand-3)!important}.btn-brand-3:hover{filter:brightness(1.08)}.badge-brand-3{background-color:var(--brand-3)!important;color:var(--brand-3-on)!important}.bg-brand-4{background-color:var(--brand-4)!important;color:var(--brand-4-on)!important}.text-brand-4{color:var(--brand-4)!important}.border-brand-4{border-color:var(--brand-4)!important}.btn-brand-4{background-color:var(--brand-4)!important;color:var(--brand-4-on)!important;border:1px solid var(--brand-4)!important}.btn-brand-4:hover{filter:brightness(1.08)}.badge-brand-4{background-color:var(--brand-4)!important;color:var(--brand-4-on)!important}.bg-brand-5{background-color:var(--brand-5)!important;color:var(--brand-5-on)!important}.text-brand-5{color:var(--brand-5)!important}.border-brand-5{border-color:var(--brand-5)!important}.btn-brand-5{background-color:var(--brand-5)!important;color:var(--brand-5-on)!important;border:1px solid var(--brand-5)!important}.btn-brand-5:hover{filter:brightness(1.08)}.badge-brand-5{background-color:var(--brand-5)!important;color:var(--brand-5-on)!important}.bg-brand-6{background-color:var(--brand-6)!important;color:var(--brand-6-on)!important}.text-brand-6{color:var(--brand-6)!important}.border-brand-6{border-color:var(--brand-6)!important}.btn-brand-6{background-color:var(--brand-6)!important;color:var(--brand-6-on)!important;border:1px solid var(--brand-6)!important}.btn-brand-6:hover{filter:brightness(1.08)}.badge-brand-6{background-color:var(--brand-6)!important;color:var(--brand-6-on)!important}html[data-theme=light]{--hc-accent: var(--brand-1, #0041CC);--hc-accent-hover: color-mix(in oklab, var(--hc-accent), white 15%) }html[data-theme=dark]{--hc-accent: var(--brand-1, #00E6FF);--hc-accent-hover: color-mix(in oklab, var(--hc-accent), white 20%) }:root{--bg: #ffffff;--fg: #0a0a0a;--accent: var(--brand, var(--brand-color, var(--primary, var(--color-primary, #0ea5e9))));--accent-contrast: var(--on-brand, var(--on-primary, #ffffff));--text-1: var(--fg);--text-2: color-mix(in srgb, var(--fg) 85%, var(--bg) 15%);--text-3: color-mix(in srgb, var(--fg) 65%, var(--bg) 35%);--text-4: color-mix(in srgb, var(--fg) 50%, var(--bg) 50%);--surface: #ffffff;--surface-2: #11111111;--line: #e5e7eb;--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--focus-ring: var(--accent);--focus-ring-offset: 2px;--cb-cols: 16;--cb-gap: 5px;color-scheme:light dark}[data-theme=dark],.theme-dark,html.dark,body.dark{--bg: #000000;--fg: #f5f5f5;--surface: #0a0a0a;--surface-2: #111111;--line: #262626;--accent-contrast: #ffffff }html,body{background:var(--bg)!important;color:var(--text-2);min-height:100%}.hero,.hero-section,section.hero,.Hero,#hero,[data-hero],.landing-hero{background-image:none!important;box-shadow:none!important}header,footer{background:var(--bg)}:root{--t-strong: var(--text-1);--t: var(--text-2);--t-muted: var(--text-3);--t-meta: var(--text-4) }h1,h2,h3,h4,h5,h6,strong,b{color:var(--t-strong)}p,li,dd,dt,label,input,textarea,select,table,td,th{color:var(--t)}small,.muted,.text-muted,.hint,figcaption,.caption{color:var(--t-muted)}::placeholder{color:var(--t-muted);opacity:1}:root{--link: color-mix(in srgb, var(--accent) 85%, var(--bg) 15%);--link-hover: var(--accent);--link-active: color-mix(in srgb, var(--accent) 92%, black 8%) }a:not(.btn):not(.button):not([role=button]){color:var(--link);text-decoration:none!important;font-weight:600;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease;border-radius:999px}a:hover:not(.btn):not(.button):not([role=button]){color:var(--link-hover);background-color:color-mix(in srgb,var(--accent) 8%,var(--bg) 92%)}a:active:not(.btn):not(.button):not([role=button]){color:var(--link-active);background-color:color-mix(in srgb,var(--accent) 12%,var(--bg) 88%)}a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 2px color-mix(in srgb,var(--bg) 85%,var(--accent) 15%)}@media (prefers-contrast:more){a:not(.btn):not(.button):not([role=button]){text-decoration:underline!important;background-color:transparent!important}}button,.button,.btn,[role=button]{color:var(--t-strong);background:var(--surface);border:1px solid var(--line);border-radius:9999px;padding:.75em 1.25em;line-height:1;min-height:40px;min-width:44px;transition:transform .12s ease,background .12s ease,border-color .12s ease,color .12s ease;font-weight:600}button:hover,.button:hover,.btn:hover,[role=button]:hover{transform:translateY(-1px);background:var(--surface-2)}.btn--primary,.btn-primary,button.primary,.primary.btn{background:var(--accent)!important;color:var(--accent-contrast)!important;border-color:var(--accent)!important}.btn--ghost,.btn-ghost,button.ghost,.ghost.btn{background:transparent!important;color:var(--t-strong)!important;border-color:transparent!important}:where(#color-search,#color-board,#tp-colorboard) .cb-grid{display:grid;gap:var(--cb-gap)!important;grid-template-columns:repeat(var(--cb-cols),minmax(0,1fr))!important}@media (max-width:1200px){:root{--cb-cols: 14 }}@media (max-width:920px){:root{--cb-cols: 12 }}@media (max-width:720px){:root{--cb-cols: 10 }}@media (max-width:520px){:root{--cb-cols: 8 }}:where(#color-search,#color-board,#tp-colorboard) .cb-grid .swatch{aspect-ratio:1/1;border-radius:10px!important;border:0!important;background:var(--sw)!important;background-clip:padding-box;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #0000008c;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}:where(#color-search,#color-board,#tp-colorboard) .cb-grid .swatch:hover{transform:translateY(-1px);filter:saturate(1.02);box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 1px #000000a6,0 6px 14px #0003}:where(#color-search,#color-board,#tp-colorboard) .cb-grid .swatch:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:where(#color-search,#color-board,#tp-colorboard) .cb-selected .swatch{width:26px;height:26px;border-radius:8px!important;border:0!important;background:var(--sw)!important;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #0000008c}:where(#color-search,#color-board,#tp-colorboard) .legend .dot{width:13px;height:13px;min-width:13px;min-height:13px;border-radius:9999px;background:var(--sw)!important;border:0!important;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px #0000008c}:where(#color-search,#color-board,#tp-colorboard) .cb-left,:where(#color-search,#color-board,#tp-colorboard) .cb-right{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px #00000026}:where(#color-search,#color-board,#tp-colorboard) .cb-recent{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}:where(#color-search,#color-board,#tp-colorboard) .cb-recent .label{color:var(--t-muted);font-size:13px;margin-right:4px}:where(#color-search,#color-board,#tp-colorboard) .cb-recent .chip{width:16px;height:16px;border-radius:6px;background:var(--sw)!important;border:0!important;box-shadow:inset 0 0 0 1px #ffffff14,0 0 0 1px #0000008c;cursor:pointer}:where(#color-search,#color-board,#tp-colorboard) .cb-recent .chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:where(#color-search,#color-board,#tp-colorboard) [data-hex],:where(#color-search,#color-board,#tp-colorboard) [data-color],:where(#color-search,#color-board,#tp-colorboard) [data-swatch],:where(#color-search,#color-board,#tp-colorboard) [style*=background]{background-image:none!important}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:where(#color-search,#color-board,#tp-colorboard) .cb-grid .swatch:hover,:where(#color-search,#color-board,#tp-colorboard) .cb-grid .swatch:active,:where(#color-search,#color-board,#tp-colorboard) .cb-grid .swatch[aria-pressed=true]{filter:none!important;box-shadow:none!important;transform:none!important}:where(#color-search,#color-board,#tp-colorboard) .cb-grid .swatch:focus-visible{outline:2px solid var(--line)!important;outline-offset:2px!important}:where([data-theme=dark],.theme-dark,html.dark,body.dark):where(#color-search,#color-board,#tp-colorboard){--cb-cols: 20;--cb-gap: 4px }@media (max-width:480px){:where([data-theme=dark],.theme-dark,html.dark,body.dark):where(#color-search,#color-board,#tp-colorboard){--cb-cols: 22;--cb-gap: 3px }}.header .logo img,.header .logo svg,.header .logo .icon,.header .logo [class*=icon],.header .logo .avatar,.header .logo .dot,.header .logo .badge,.header .logo .circle{display:none!important}.header .logo,.header .logo a{background:none!important;-webkit-mask-image:none!important;mask-image:none!important}#rt-overlay-color-search{display:none;opacity:0;min-width:0!important;min-height:0!important;width:0!important;height:0!important;border:none!important;box-shadow:none!important;outline:none!important;background:transparent!important;color:transparent!important}#rt-overlay-color-search[style*="width:" i][style*="height:" i]{display:block;opacity:0;pointer-events:auto}:root{--rtacc-bg: var(--surface);--rtacc-border: var(--line);--rtacc-brand: var(--accent-1);--rtacc-brand600: color-mix(in oklab, var(--accent-1), #000 20%);--rtacc-danger: var(--danger, #ff7d7d);--rtacc-muted: var(--muted);--rtacc-panel: var(--surface-2);--rtacc-radius: var(--r-16, 16px);--rtacc-shadow: var(--shadow-1);--rtacc-shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--rtacc-success: var(--accent-2, #8bff96);--rtacc-text: var(--text);--rtacc-warning: var(--warn, #ffd15f);--rt-bg: var(--bg);--rt-border: var(--line);--rt-elev: var(--elev);--rt-focus: var(--accent-1);--rt-font: var(--font);--rt-gap: var(--s-12, 12px);--rt-mono: var(--mono);--rt-muted: var(--muted);--rt-primary: var(--accent-1);--rt-primary-2: var(--accent-2);--rt-radius: var(--r-12, 12px);--rt-radius-sm: var(--r-8, 8px);--rt-shadow: var(--shadow-1);--rt-success: var(--accent-2);--rt-surface: var(--surface);--rt-surface-2: var(--surface-2);--rt-text: var(--text);--rt-text-2: var(--muted);--rt-warning: var(--warn);--ep-border: var(--line);--ep-card-radius: var(--r-12, 12px);--ep-gap: var(--s-12, 12px);--ep-muted: var(--muted);--ep-surface: var(--surface);--ep-surface-2: var(--surface-2);--cb-chip-bg: var(--surface-2);--cb-chip-line: var(--line);--cb-radius: var(--r-10, 10px);--cb-swatch: var(--surface);--hairline: 1px solid rgba(255, 255, 255, .08);--border-color: var(--line);--panel: var(--surface-2);--hero-h: 280px;--surface-0: var(--bg);--surface-1: var(--surface);--surface-4: var(--elev)}:root[data-theme=light]{--hairline: 1px solid rgba(0, 0, 0, .08)}.uc .account-hero{padding:26px 24px 12px;border-bottom:1px solid var(--rt-border)}.rtacc-empty{padding:24px;text-align:center;color:var(--muted, #999)}.rtacc-item{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--hairline, #333)}.rtacc-cover{width:48px;height:48px;background:#222;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.rtacc-cover img{width:100%;height:100%;object-fit:cover}.rtacc-meta{flex:1}.rtacc-actions{display:flex;align-items:center;gap:8px}.rtacc-btn{padding:8px 12px;border:1px solid var(--hairline, #333);background:transparent;border-radius:8px;color:inherit;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.rtacc-btn:hover{background:var(--surface-2);border-color:var(--accent-1)}.rtacc-btn.primary{background:var(--rtacc-brand);border-color:var(--rtacc-brand);color:#000}.rtacc-btn.primary:hover{filter:brightness(1.1)}.rtacc-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#333;color:#bbb;font-size:12px;vertical-align:middle}.rtacc-badge.success{background:#204d2b;color:#93e6ab}.rtacc-badge.warning{background:#ffd15f33;color:var(--warn)}.rtacc-badge.danger{background:#ff7d7d33;color:var(--danger)}.rtacc .rtacc-panel{border:1px solid var(--rtacc-border);border-radius:16px;background:var(--rtacc-bg)}.rtacc .rtacc-toolbar{margin:10px 18px 14px}.rtacc .rtacc-filter{display:flex;gap:8px;flex-wrap:wrap}.rtacc .rtacc-filter-btn{padding:8px 12px;border-radius:999px;border:1px solid var(--rtacc-border);background:transparent;color:var(--rtacc-muted);cursor:pointer;font-size:13px;transition:all .2s ease}.rtacc .rtacc-filter-btn:hover,.rtacc .rtacc-filter-btn.active{background:linear-gradient(90deg,#6ef3ff26,#8bff9626);border-color:#83e7c859;color:var(--text)}.rtacc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-top:8px}.rtacc-form .full{grid-column:1 / -1}.rtacc-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--rtacc-text)}.rtacc-input,.rtacc-select,.rtacc-textarea{width:100%;min-height:38px;border:1px solid var(--rtacc-border);border-radius:10px;padding:0 10px;background:var(--rtacc-surface);color:var(--rtacc-text);outline:none;font-size:14px;transition:all .2s ease}.rtacc-input:focus,.rtacc-select:focus,.rtacc-textarea:focus{border-color:var(--rtacc-brand);box-shadow:0 0 0 3px #6ef3ff26}.rtacc-textarea{min-height:80px;padding:10px;resize:vertical}.rtacc-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.rtacc-dgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px}.rtacc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rtacc-modal.show{display:flex;align-items:center;justify-content:center}.rtacc-modal .modal-content{max-width:520px;width:calc(100% - 24px);background:var(--rtacc-panel);border:1px solid var(--rtacc-border);border-radius:var(--rtacc-radius);box-shadow:var(--rtacc-shadow)}.rtinv-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rtinv-form{padding:16px}.track-page{max-width:1280px;margin:0 auto;padding:clamp(16px,2.5vw,28px);line-height:1.65}.tp-hero{display:grid;grid-template-columns:240px 1fr 300px;gap:clamp(12px,2.4vw,20px);align-items:start;margin-bottom:32px}@media (max-width: 1100px){.tp-hero{grid-template-columns:1fr 300px}}@media (max-width: 700px){.tp-hero{grid-template-columns:1fr}}.tp-hero .cover{width:100%;aspect-ratio:1;border-radius:14px;background:radial-gradient(circle at 30% 30%,#6ef3ff59,#00000080 70%);outline:1px solid rgba(255,255,255,.08);overflow:hidden}.tp-hero .cover img{width:100%;height:100%;object-fit:cover}.tp-hero .meta h1{margin:0 0 8px;font-size:clamp(22px,2.4vw,32px);font-weight:900}.tp-hero .meta .sub{display:flex;gap:8px;align-items:center;font-size:13px;opacity:.9;color:var(--muted)}.tp-hero .meta .sub a{color:var(--accent-1);text-decoration:none}.tp-hero .meta .sub a:hover{text-decoration:underline}.tp-hero .wave{height:86px;border-radius:10px;background:#0000001a;margin:12px 0 10px}[data-theme=light] .tp-hero .wave{background:#00000008}.tp-hero .actions{display:flex;gap:8px;flex-wrap:wrap}.tp-hero .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.buy-card{position:sticky;top:80px;background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-1)}@media (max-width: 700px){.buy-card{position:static}}.buy-card h4{margin:0 0 10px;font-size:14px;opacity:.8;font-weight:700}.buy-card .plans{list-style:none;margin:0;padding:0;display:grid;gap:10px}.buy-card .plans li{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;transition:all .2s ease}.buy-card .plans li:hover{background:#ffffff05;border-color:var(--accent-1)}.buy-card .plans li.active{border-color:color-mix(in oklab,var(--accent-1),#000 40%);background:#6ef3ff14}[data-theme=light] .buy-card .plans li.active{background:#00b3ff1a}.buy-card .plans .plan-name{font-weight:600}.buy-card .plans .plan-price{font-weight:700;color:var(--accent-1)}.buy-card .buy-actions{display:flex;gap:8px;margin-top:12px}.buy-card .buy-actions .btn{flex:1}.tp-panels{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:24px}@media (max-width: 980px){.tp-panels{grid-template-columns:1fr}}.tp-content{margin-top:20px}.tp-content h3{font-size:18px;margin:0 0 12px}.tp-content .recs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width: 640px){.tp-content .recs{grid-template-columns:1fr}}.waveform,.player,.audio-player,.waveform-container{border-radius:var(--radius-m, 14px);background:color-mix(in oklab,var(--surface) 80%,transparent);border:1px solid var(--line);padding:12px}.track-meta{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0;font-size:13px}.track-meta .item{display:flex;gap:4px;color:var(--muted)}.track-meta .item .label{opacity:.7}.track-meta .item .value{font-weight:600;color:var(--text)}.track-artist{color:var(--muted);font-size:14px}.track-artist a{color:var(--accent-1);text-decoration:none}.track-artist a:hover{text-decoration:underline}.track-title{font-size:14px;font-weight:800;margin:8px 0}.track-license{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:16px}body.view-ep .ep-switch{display:flex!important;gap:8px;margin-bottom:16px}body.view-ep .ep-switch a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-weight:600;border:1px solid var(--ep-border);text-decoration:none;opacity:.92;transition:all .2s ease}body.view-ep .ep-switch a:hover{opacity:1;background:var(--surface-2)}body.view-ep .ep-switch a.active{background:var(--brand, #3b82f6);color:#fff;border-color:transparent}body.view-ep .ep-row .ep-thumb{width:44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ep-border);background:linear-gradient(135deg,#ffffff0f,#ffffff05);font-size:0;overflow:hidden}body[data-theme=light].view-ep .ep-row .ep-thumb{background:linear-gradient(135deg,#0000000f,#00000005)}body.view-ep .ep-row .ep-play{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ep-border);background:var(--surface);cursor:pointer;transition:all .2s ease}body.view-ep .ep-row .ep-play:hover{background:var(--accent-1);border-color:var(--accent-1);color:#000}body.view-ep .ep-row .ep-play svg{display:block;width:12px;height:12px}body.view-ep .ep-title{font-weight:700;font-size:15px}body.view-ep .ep-meta{font-size:12px;opacity:.78;display:flex;gap:12px;flex-wrap:wrap;color:var(--muted)}body.view-ep .ep-loadmore-wrap{display:flex;justify-content:center;margin:16px 0 0}body.view-ep .ep-loadmore{padding:10px 20px;border:1px solid var(--ep-border);border-radius:999px;background:transparent;cursor:pointer;font-weight:600;transition:all .2s ease}body.view-ep .ep-loadmore:hover{background:var(--surface-2);border-color:var(--accent-1)}body.view-ep .ep-sep{height:1px;background:var(--ep-border);margin:16px 0}.playlist-card{position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;border:1px solid var(--line)}.playlist-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.playlist-cover{background:linear-gradient(135deg,color-mix(in oklab,var(--pc, #6ef3ff) 22%,transparent),color-mix(in oklab,var(--pc, #6ef3ff) 6%,transparent))}[data-theme=light] .playlist-cover{background:linear-gradient(135deg,color-mix(in oklab,var(--pc, #0099cc) 18%,transparent),color-mix(in oklab,var(--pc, #0099cc) 4%,transparent))}.playlist-cover .emoji{font-size:42px}.playlist-cover .badge{position:absolute;right:10px;top:10px}.playlist-title{font-size:17px;font-weight:800}.playlist-meta{color:var(--muted);font-size:12px}.playlist-info{border-top:1px solid var(--line)}.playlist-action{opacity:.9}.playlist-card:hover .playlist-cover{filter:brightness(1.08)}[data-theme=light] .playlist-card:hover .playlist-cover{filter:brightness(.96)}.playlist-hero{background:var(--surface-2);background:linear-gradient(160deg,color-mix(in oklab,var(--hero),transparent 95%),transparent 60%);border-bottom:1px solid var(--line)}.playlist-hero .box{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:40px 0}@media (max-width: 980px){.playlist-hero .box{grid-template-columns:1fr}}.playlist-hero .left h1{font-size:40px;line-height:1.15;margin:8px 0 6px}@media (max-width: 768px){.playlist-hero .left h1{font-size:32px}}.playlist-hero .left p{color:var(--muted);margin:6px 0 12px}.playlist-hero .right{display:flex;align-items:center;justify-content:flex-end}@media (max-width: 980px){.playlist-hero .right{justify-content:flex-start}}.playlist-hero .right .emoji{font-size:62px;line-height:1;padding:16px;border-radius:16px;border:1px solid var(--border)}.playlist-hero .badge{background:color-mix(in oklab,var(--hero),transparent 80%);border-color:color-mix(in oklab,var(--hero),transparent 75%);color:var(--text)}.playlist-hero .hero-meta .muted{color:var(--muted);font-size:14px}.pricing-card .price{font-weight:800;letter-spacing:-.02em}.pricing-card.featured{border-color:color-mix(in oklab,var(--accent-1) 30%,transparent);box-shadow:0 10px 50px color-mix(in oklab,var(--accent-1) 18%,transparent);position:relative}.pricing-card.featured:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));z-index:-1;opacity:.2}.border-brand-1{border-color:var(--brand-1, #6ef3ff)!important}.border-brand-2{border-color:var(--brand-2, #0b1220)!important}.border-brand-3{border-color:var(--brand-3, #6b7280)!important}.border-brand-4{border-color:var(--brand-4, #cfe8ff)!important}.border-brand-5{border-color:var(--brand-5, #8bff96)!important}.border-brand-6{border-color:var(--brand-6, #0041cc)!important}.search-bar,.search{border-radius:var(--radius-xl, 999px)!important;background:color-mix(in oklab,var(--surface) 80%,transparent);border:1px solid var(--line)}.tags,.tag-list,.filters{gap:8px!important}.tags .chip,.tag-list .chip{padding:6px 10px;font-weight:600}.tracks .title.track-link{cursor:pointer;transition:color .2s ease}.tracks .title.track-link:hover{color:var(--accent-1)}html[data-theme=dark] .border,html[data-theme=dark] .border-top,html[data-theme=dark] .border-bottom,html[data-theme=dark] hr{border-color:var(--hc-border, rgba(255, 255, 255, .12))!important}html[data-theme=light] .border,html[data-theme=light] .border-top,html[data-theme=light] .border-bottom,html[data-theme=light] hr{border-color:var(--hc-border, rgba(0, 0, 0, .08))!important}@keyframes sk{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes swBlink{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1100px){.tp-hero{grid-template-columns:1fr 300px}.rtacc-form{grid-template-columns:1fr}}@media (max-width: 980px){.playlist-hero .box,.tp-panels{grid-template-columns:1fr}}@media (max-width: 768px){.rtacc-dgrid{grid-template-columns:1fr}.buy-card .plans{gap:8px}}@media (max-width: 700px){.tp-hero{grid-template-columns:1fr}.buy-card{position:static}.tp-content .recs{grid-template-columns:1fr}}@media (max-width: 640px){.rtacc-item{flex-direction:column;align-items:flex-start}.rtacc-actions{width:100%;justify-content:space-between}}a.tag,a.badge,a.chip{text-decoration:none!important;cursor:pointer;font-weight:400!important}a.tag,a.tag:visited{color:#fff!important;background:#0009!important;border:1px solid rgba(255,255,255,.2)!important}a.badge,a.badge:visited{color:#c8fff3!important}a.chip,a.chip:visited{color:#cfd7e5!important}:root[data-theme=light] a.tag,html[data-theme=light] a.tag,:root[data-theme=light] a.tag:visited,html[data-theme=light] a.tag:visited{color:#334155!important}:root[data-theme=light] a.badge,html[data-theme=light] a.badge,:root[data-theme=light] a.badge:visited,html[data-theme=light] a.badge:visited{color:#334155!important}:root[data-theme=light] a.chip,html[data-theme=light] a.chip,:root[data-theme=light] a.chip:visited,html[data-theme=light] a.chip:visited{color:#334155!important}a.tag:hover,a.badge:hover,a.chip:hover{opacity:.8;transform:translateY(-1px);transition:all .2s ease}@media (max-width: 768px){.announce{font-size:9px!important;padding:8px 4px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important}.announce .badge{font-size:8px!important;padding:2px 3px!important;flex-shrink:0!important}}@media (max-width: 480px){.announce{font-size:8px!important;padding:6px 3px!important}.announce .badge{font-size:7px!important;padding:1px 2px!important}}@media (max-width: 375px){.announce{font-size:7px!important;padding:5px 2px!important}.announce .badge{font-size:6px!important;padding:1px 2px!important}}@media (max-width: 768px){.header .logo,.header nav.desktop-nav,.header .grow{display:none!important;visibility:hidden!important}.header .actions .language-selector-wrapper,.header .actions button.btn,.header .actions button.ghost,.header .actions a.avatar-btn,.header .actions>.btn,.header .actions>.ghost,.header .actions>.avatar-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.header .container.row{display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:0 6px!important}.header{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;top:44px!important}.announce{height:44px!important}.header .mobile-menu-btn{display:flex!important;position:absolute!important;left:6px!important;flex-shrink:0!important;width:44px!important;height:44px!important;margin-right:0!important}.header .actions .search-input{display:flex!important;visibility:visible!important;order:2!important;flex:1!important;max-width:calc(100vw - 120px)!important;margin:0 auto!important}.header .actions .search-input input{text-align:center!important;width:100%!important;font-size:14px!important}.header .actions .icon-btn.theme,.header .actions button.icon-btn.theme{display:flex!important;visibility:visible!important;order:3!important;flex-shrink:0!important;width:44px!important;height:44px!important;position:relative!important;right:auto!important;align-items:center!important;justify-content:center!important;margin-bottom:20px!important}.header .actions .icon-btn.theme svg{margin:0 auto!important}.header .actions{display:flex!important;order:2!important;gap:6px!important;flex:1!important;align-items:center!important;justify-content:space-between!important}}@media (max-width: 768px){.home{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.home section.container,.home .section.container{max-width:100vw!important;width:100%!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box!important;overflow-x:hidden!important;margin-left:0!important;margin-right:0!important}.home .tracks{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;padding:0!important;margin:0!important}.home .tracks table thead{display:none!important}.home .tracks table,.home .tracks table tbody{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;padding:0!important}.home .tracks table tbody tr{display:block!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:12px!important;box-shadow:0 2px 8px #0000000d!important;position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.home .tracks table tbody tr td{display:block!important;border:none!important;padding:0!important;width:100%!important;box-sizing:border-box!important}html[data-theme=dark] .home .tracks table,html[data-theme=dark] .home .tracks table tbody,html[data-theme=dark] .home .tracks table tbody tr,html[data-theme=dark] .home .tracks table tbody tr td{background-color:transparent!important}html[data-theme=dark] .home .tracks table tbody tr{background:var(--surface)!important}.home .tracks table tbody tr td:first-child{display:inline-block!important;width:auto!important;margin-right:12px!important;vertical-align:top!important}.home .tracks table tbody tr td:first-child .icon-btn{width:44px!important;height:44px!important;border-radius:var(--r-10, 10px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.home .tracks table tbody tr td:first-child .icon-btn svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.home .tracks table tbody tr td:nth-child(2){display:inline-block!important;width:calc(100% - 60px)!important;margin-bottom:12px!important;vertical-align:top!important}.home .tracks table tbody tr td:nth-child(2) .title{font-size:16px!important;font-weight:600!important;display:block!important;margin-bottom:4px!important}.home .tracks table tbody tr td:nth-child(2) .meta{font-size:13px!important;color:var(--muted)!important}.home .tracks table tbody tr td:nth-child(3){display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important}.home .tracks table tbody tr td:nth-child(3) .tag{font-size:12px!important;padding:4px 10px!important;background:var(--surface-2)!important;border-radius:6px!important;border:1px solid var(--line)!important}.home .tracks table tbody tr td:nth-child(4),.home .tracks table tbody tr td:nth-child(5),.home .tracks table tbody tr td:nth-child(6){display:inline-block!important;width:auto!important;margin-right:16px!important;font-size:13px!important;color:var(--muted)!important}.home .tracks table tbody tr td:nth-child(4):before{content:"BPM: "!important;font-weight:600!important;color:var(--text)!important}.home .tracks table tbody tr td:nth-child(5):before{content:"时长: "!important;font-weight:600!important;color:var(--text)!important}.home .tracks table tbody tr td:nth-child(6){display:block!important;margin:12px 0!important}.home .tracks table tbody tr td:nth-child(6) .badge{font-size:11px!important;white-space:normal!important;word-wrap:break-word!important;word-break:break-word!important;display:inline-block!important;max-width:100%!important}.home .tracks table tbody tr td:nth-child(7){margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--line)!important}.home .tracks table tbody tr td:nth-child(7) .inline-controls{display:flex!important;justify-content:flex-end!important;gap:12px!important}.home .tracks table tbody tr td:nth-child(7) .icon-btn{width:44px!important;height:44px!important;border-radius:8px!important}}html,body{overflow-x:hidden!important;max-width:100vw!important}body{position:relative!important}@media (max-width: 768px){header nav,.header nav,header .desktop-nav,.header .desktop-nav,nav.desktop-nav,nav[aria-label=主导航],.header nav[aria-label=主导航]{display:none!important;visibility:hidden!important;width:0!important;height:0!important;max-width:0!important;max-height:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}header nav a,.header nav a,.desktop-nav a,nav.desktop-nav a{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.header .mobile-menu-btn,header .mobile-menu-btn,button.mobile-menu-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:relative!important}}@media (max-width: 768px){.playlist-hero .box{grid-template-columns:1fr!important;padding:20px 16px!important}.playlist-hero .left h1{font-size:24px!important;margin:6px 0 4px!important}.playlist-hero .left p{font-size:14px!important;margin:4px 0 10px!important}.playlist-hero .left .breadcrumb{font-size:11px!important}.playlist-hero .left .badge{font-size:11px!important;padding:4px 8px!important}.playlist-hero .hero-meta{margin-bottom:12px!important}.playlist-hero .hero-meta .muted{font-size:13px!important}.playlist-hero .hero-actions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.playlist-hero .hero-actions::-webkit-scrollbar{display:none!important}.playlist-hero .hero-actions .btn{font-size:12px!important;padding:8px 12px!important;white-space:nowrap!important;flex-shrink:0!important}.playlist-hero .hero-actions .icon-btn{width:36px!important;height:36px!important;flex-shrink:0!important}.playlist-hero .right{justify-content:flex-start!important;margin-top:0!important}.playlist-hero .right .emoji{width:64px!important;height:64px!important;font-size:40px!important;padding:12px!important}.tracks .toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:16px!important}.tracks .toolbar .input{padding:10px 12px!important}.tracks .toolbar .input input{font-size:14px!important}.tracks .toolbar .sort{justify-content:space-between!important}.tracks .toolbar .sort span{font-size:13px!important}.tracks .toolbar .sort select{font-size:13px!important;padding:6px 10px!important}.playlist-hero+.tracks .table{display:block!important;border:none!important;background:transparent!important}.playlist-hero+.tracks .table thead{display:none!important}.playlist-hero+.tracks .table tbody{display:block!important}.playlist-hero+.tracks .table tbody tr{display:block!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:12px!important;position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.playlist-hero+.tracks .table tbody tr td{display:block!important;border:none!important;padding:0!important;width:100%!important;box-sizing:border-box!important}.playlist-hero+.tracks .table tbody tr td:nth-child(1){display:inline-block!important;width:auto!important;margin-right:12px!important;vertical-align:top!important}.playlist-hero+.tracks .table tbody tr td:nth-child(1) .icon-btn{width:44px!important;height:44px!important;border-radius:10px!important}.playlist-hero+.tracks .table tbody tr td:nth-child(2){display:inline-block!important;width:calc(100% - 60px)!important;margin-bottom:12px!important;vertical-align:top!important}.playlist-hero+.tracks .table tbody tr td:nth-child(2) .title{font-size:16px!important;font-weight:600!important;display:block!important;margin-bottom:4px!important}.playlist-hero+.tracks .table tbody tr td:nth-child(2) .track-meta{font-size:13px!important;color:var(--muted)!important}.playlist-hero+.tracks .table tbody tr td:nth-child(3){display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important}.playlist-hero+.tracks .table tbody tr td:nth-child(3) .tag{font-size:12px!important;padding:4px 10px!important}.playlist-hero+.tracks .table tbody tr td:nth-child(4){display:inline-block!important;width:auto!important;margin-right:16px!important;font-size:13px!important;color:var(--text)!important}.playlist-hero+.tracks .table tbody tr td:nth-child(4):before{content:"BPM: "!important;font-weight:500!important;color:var(--muted)!important}.playlist-hero+.tracks .table tbody tr td:nth-child(5){display:inline-block!important;width:auto!important;margin-right:16px!important;font-size:13px!important;color:var(--text)!important}.playlist-hero+.tracks .table tbody tr td:nth-child(5):before{content:"时长: "!important;font-weight:500!important;color:var(--muted)!important}.playlist-hero+.tracks .table tbody tr td:nth-child(6){display:block!important;margin:12px 0!important}.playlist-hero+.tracks .table tbody tr td:nth-child(6) .badge{font-size:11px!important;padding:4px 8px!important}.playlist-hero+.tracks .table tbody tr td:nth-child(7){margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--line)!important}.playlist-hero+.tracks .table tbody tr td:nth-child(7) .inline-controls{display:flex!important;justify-content:flex-end!important;gap:12px!important}.playlist-hero+.tracks .table tbody tr td:nth-child(7) .icon-btn{width:44px!important;height:44px!important;border-radius:8px!important}.tracks{padding:20px 0 60px!important}}@media (max-width: 768px){.sfx-collection-main{padding-top:0!important}.sfx-collection-main .sfx-col-hero{padding:16px 0!important}.sfx-collection-main .hero-inner{grid-template-columns:1fr!important;padding:16px!important;gap:16px!important}.sfx-collection-main .hero-text h1{font-size:24px!important;margin:6px 0 8px!important}.sfx-collection-main .hero-text .sub{font-size:14px!important}.sfx-collection-main .hero-art{width:100px!important;height:75px!important;margin:0 auto!important}.sfx-collection-main .hero-art svg{width:60px!important;height:60px!important}.sfx-collection-main .sfx-col-toolbar{position:relative!important;top:0!important;padding:12px!important}.sfx-collection-main .sfx-col-toolbar .bar{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.sfx-collection-main .sfx-col-toolbar .tool{flex-wrap:wrap!important;gap:6px!important}.sfx-collection-main .sfx-col-toolbar .tool.grow{display:none!important}.sfx-collection-main .sfx-col-toolbar .chip{font-size:12px!important;padding:6px 10px!important}.sfx-collection-main .sfx-col-toolbar select{font-size:13px!important;padding:6px 10px!important}.sfx-collection-main .tracks .table{display:block!important;border:none!important;background:transparent!important}.sfx-collection-main .tracks .table thead{display:none!important}.sfx-collection-main .tracks .table tbody{display:block!important}.sfx-collection-main .tracks .table tbody tr{display:block!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:12px!important;position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.sfx-collection-main .tracks .table tbody tr td{display:block!important;border:none!important;padding:0!important;width:100%!important;box-sizing:border-box!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(1){display:inline-block!important;width:auto!important;margin-right:12px!important;vertical-align:top!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(1) .icon-btn{width:44px!important;height:44px!important;border-radius:10px!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(2){display:inline-block!important;width:calc(100% - 60px)!important;margin-bottom:12px!important;vertical-align:top!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(2) .title{font-size:16px!important;font-weight:600!important;display:block!important;margin-bottom:4px!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(2) .meta{font-size:13px!important;color:var(--muted)!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(3){display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(3) .tag{font-size:12px!important;padding:4px 10px!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(4){display:inline-block!important;width:auto!important;margin-right:16px!important;font-size:13px!important;color:var(--text)!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(4):before{content:"时长: "!important;font-weight:500!important;color:var(--muted)!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(5){display:block!important;margin:12px 0!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(5) .badge{font-size:11px!important;padding:4px 8px!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(6){margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--line)!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(6) .inline-controls{display:flex!important;justify-content:flex-end!important;gap:12px!important}.sfx-collection-main .tracks .table tbody tr td:nth-child(6) .icon-btn{width:44px!important;height:44px!important;border-radius:8px!important}.sfx-collection-main .sfx-list-section{padding:20px 12px 60px!important}}@media (max-width: 768px){.collections-main{padding-top:0!important}.collections-main .playlist-hero .box{grid-template-columns:1fr!important;padding:16px!important}.collections-main .playlist-hero .container .box .left h1{font-size:28px!important;margin:12px 0 8px!important;padding-bottom:8px!important}.collections-main .tracks .toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:16px!important;padding:12px!important}.collections-main .tracks .toolbar .input{padding:10px 12px!important}.collections-main .tracks .toolbar .input input{font-size:14px!important}.collections-main .tracks .toolbar .sort{justify-content:space-between!important}.collections-main .tracks .toolbar .sort span{font-size:13px!important}.collections-main .tracks .toolbar .sort select{font-size:13px!important;padding:6px 10px!important}.collections-main .tracks .table{display:block!important;border:none!important;background:transparent!important}.collections-main .tracks .table thead{display:none!important}.collections-main .tracks .table tbody{display:block!important}.collections-main .tracks .table tbody tr{display:block!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:12px!important;position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.collections-main .tracks .table tbody tr td{display:block!important;border:none!important;padding:0!important;width:100%!important;box-sizing:border-box!important}.collections-main .tracks .table tbody tr td:nth-child(1){display:inline-block!important;width:auto!important;margin-right:12px!important;vertical-align:top!important}.collections-main .tracks .table tbody tr td:nth-child(1) .icon-btn{width:44px!important;height:44px!important;border-radius:10px!important}.collections-main .tracks .table tbody tr td:nth-child(2){display:inline-block!important;width:calc(100% - 60px)!important;margin-bottom:12px!important;vertical-align:top!important}.collections-main .tracks .table tbody tr td:nth-child(2) .title{font-size:16px!important;font-weight:600!important;display:block!important;margin-bottom:4px!important}.collections-main .tracks .table tbody tr td:nth-child(2) .meta{font-size:13px!important;color:var(--muted)!important}.collections-main .tracks .table tbody tr td:nth-child(3){display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important}.collections-main .tracks .table tbody tr td:nth-child(3) .tag{font-size:12px!important;padding:4px 10px!important}.collections-main .tracks .table tbody tr td:nth-child(4){display:inline-block!important;width:auto!important;margin-right:16px!important;font-size:13px!important;color:var(--text)!important}.collections-main .tracks .table tbody tr td:nth-child(4):before{content:"BPM: "!important;font-weight:500!important;color:var(--muted)!important}.collections-main .tracks .table tbody tr td:nth-child(5){display:inline-block!important;width:auto!important;margin-right:16px!important;font-size:13px!important;color:var(--text)!important}.collections-main .tracks .table tbody tr td:nth-child(5):before{content:"时长: "!important;font-weight:500!important;color:var(--muted)!important}.collections-main .tracks .table tbody tr td:nth-child(6){display:block!important;margin:12px 0!important}.collections-main .tracks .table tbody tr td:nth-child(6) .badge{font-size:11px!important;padding:4px 8px!important}.collections-main .tracks .table tbody tr td:nth-child(7){margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--line)!important}.collections-main .tracks .table tbody tr td:nth-child(7) .inline-controls{display:flex!important;justify-content:flex-end!important;gap:12px!important}.collections-main .tracks .table tbody tr td:nth-child(7) .icon-btn{width:44px!important;height:44px!important;border-radius:8px!important}.collections-main .tracks{padding:20px 0 60px!important}}@media (max-width: 480px){.container{padding-left:max(12px,env(safe-area-inset-left))!important;padding-right:max(12px,env(safe-area-inset-right))!important}h1{font-size:clamp(24px,8vw,42px)!important}h2{font-size:clamp(20px,6vw,28px)!important}.hero .wrap{grid-template-columns:1fr!important;gap:24px;padding:32px 0}.hero h1{font-size:clamp(28px,8vw,42px)!important}.hero .sub{font-size:16px!important}.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr!important;gap:12px}.btn,.icon-btn,button{min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent}.chip{min-height:36px;padding:8px 14px}input,textarea,select{font-size:16px!important}.card{margin-bottom:12px}.player .row{flex-wrap:wrap;gap:8px;padding:12px 0}.player .seek{width:100%!important;order:-1}.license .card>div{flex-wrap:wrap!important}.license .select{flex:1 1 calc(50% - 5px)!important;min-width:120px!important;max-width:calc(50% - 5px)!important}.modal .box{width:calc(100vw - 16px)!important;margin:8px auto;max-height:calc(100vh - 16px)}#license-modal .body{grid-template-columns:1fr!important}#license-modal .tabs{flex-direction:row;flex-wrap:wrap}footer .cols{grid-template-columns:1fr!important;gap:24px}footer .footer-links-wrapper{display:flex!important;justify-content:space-between!important;gap:8px!important}footer .footer-links-wrapper>div{flex:1!important;min-width:0!important}.searchbar kbd{display:none!important}.hero .panel .row{gap:6px}.player .container{padding:8px 12px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px 8px!important;align-items:center!important}.player .seek{order:2!important;flex:1!important;width:auto!important;min-width:0!important;height:4px!important;margin:0!important}.player .row{order:10!important;width:100%!important;min-height:auto!important;padding:0!important;gap:8px!important;display:contents!important}.player .row>.icon-btn:nth-of-type(1){order:1!important;width:32px!important;height:32px!important;flex-shrink:0!important}.player .row>.icon-btn:nth-of-type(2){order:3!important;width:32px!important;height:32px!important;flex-shrink:0!important}.player .icon-btn svg{width:14px!important;height:14px!important}.player .meter{display:none!important}.player .row>div:has(.track-info){display:contents!important}.player .track-info{order:21!important;flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}.player .track-info .title{font-size:13px!important;line-height:1.4!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.player .track-info .meta{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:.7!important}.player .wf-wrap{order:20!important;width:60px!important;height:50px!important;margin:0!important;flex-shrink:0!important;display:block!important}.player .waveform{display:block!important;width:100%!important;height:100%!important}.player .right{order:30!important;display:flex!important;width:100%!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;flex-shrink:0!important;margin-left:0!important}.player .pill{padding:5px 10px!important;font-size:10px!important;line-height:1.2!important;white-space:nowrap!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important}.player progress{flex:1!important;min-width:60px!important;height:4px!important;display:block!important}.player .btn.ghost,.player .btn.primary{font-size:10px!important;padding:5px 10px!important;line-height:1.2!important;white-space:nowrap!important;flex-shrink:0!important}.player{padding:6px 0!important}}.pricing-page .container,.pricing-page main.container,.pricing-page .hero .container{padding-top:0!important;padding-bottom:0!important}.home{padding-top:70px!important}main#main-content{padding-top:40px!important}@media (max-width: 768px){.account-hero{padding:20px 16px 12px!important}.account-hero .row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.account-hero h2{font-size:20px!important}.account-hero .small{font-size:11px!important}.account-hero>.row>div:last-child{width:100%!important;margin-left:0!important}.account-hero button{width:100%!important;font-size:13px!important}.tabs{padding:8px 16px!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}.tabs::-webkit-scrollbar{display:none!important}.tabs .tab{padding:8px 14px!important;font-size:13px!important;white-space:nowrap!important;flex-shrink:0!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.section{padding:14px 16px!important}.section .row{flex-direction:column!important;gap:12px!important}.section .card{min-width:100%!important;width:100%!important}.card h4{font-size:15px!important}.section .card .row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.section .card .badge.clickable{width:100%!important;text-align:center!important;padding:8px 10px!important}#favorites .card{overflow:visible!important;background:transparent!important;background-color:transparent!important}#favorites .table{display:block!important;border:none!important;width:100%!important;min-width:0!important}#favorites .table thead{display:none!important}#favorites .table tbody{display:block!important;width:100%!important}#favorites .table tbody tr{display:block!important;background:transparent!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:14px!important;position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important}#favorites .table tbody tr td{display:block!important;border:none!important;padding:0!important;margin-bottom:8px!important}#favorites .table tbody tr td:nth-child(1){font-size:16px!important;font-weight:600!important;color:var(--text)!important;margin-bottom:12px!important;padding-bottom:8px!important;border-bottom:1px dashed var(--line)!important}#favorites .table tbody tr td:nth-child(1) a{color:var(--text)!important;text-decoration:none!important}#favorites .table tbody tr td:nth-child(2){display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important}#favorites .table tbody tr td:nth-child(2):before{content:"标签："!important;font-weight:500!important;color:var(--muted)!important;margin-right:6px!important;font-size:13px!important}#favorites .table tbody tr td:nth-child(2) .tag{font-size:11px!important;padding:3px 8px!important}#favorites .table tbody tr td:nth-child(3){display:inline-block!important;margin-right:16px!important;font-size:13px!important;color:var(--text)!important}#favorites .table tbody tr td:nth-child(3):before{content:"时长："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important}#favorites .table tbody tr td:nth-child(4){display:block!important;font-size:13px!important;color:var(--text)!important;margin-bottom:12px!important}#favorites .table tbody tr td:nth-child(4):before{content:"添加时间："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important}#favorites .table tbody tr td:nth-child(5){display:flex!important;gap:12px!important;justify-content:flex-end!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--line)!important;margin-bottom:0!important}#favorites .table tbody tr td:nth-child(5) a{color:var(--accent-1)!important;font-size:13px!important;text-decoration:none!important}#playlists .card{overflow:visible!important;background:transparent!important;background-color:transparent!important}#playlists .table{display:block!important;border:none!important;width:100%!important;min-width:0!important}#playlists .table thead{display:none!important}#playlists .table tbody{display:block!important;width:100%!important}#playlists .table tbody tr{display:block!important;background:transparent!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:14px!important;position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important}#playlists .table tbody tr td{display:block!important;border:none!important;padding:0!important;margin-bottom:8px!important}#playlists .table tbody tr td:nth-child(1){font-size:16px!important;font-weight:600!important;color:var(--text)!important;margin-bottom:12px!important;padding-bottom:8px!important;border-bottom:1px dashed var(--line)!important}#playlists .table tbody tr td:nth-child(1) a{color:var(--text)!important;text-decoration:none!important}#playlists .table tbody tr td:nth-child(2){display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important}#playlists .table tbody tr td:nth-child(2):before{content:"标签："!important;font-weight:500!important;color:var(--muted)!important;margin-right:6px!important;font-size:13px!important}#playlists .table tbody tr td:nth-child(2) .tag{font-size:11px!important;padding:3px 8px!important}#playlists .table tbody tr td:nth-child(3){display:inline-block!important;margin-right:16px!important;font-size:13px!important;color:var(--text)!important}#playlists .table tbody tr td:nth-child(3):before{content:"曲目数："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important}#playlists .table tbody tr td:nth-child(4){display:block!important;font-size:13px!important;color:var(--text)!important;margin-bottom:12px!important}#playlists .table tbody tr td:nth-child(4):before{content:"创建时间："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important}#playlists .table tbody tr td:nth-child(5){display:flex!important;gap:12px!important;justify-content:flex-end!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--line)!important;margin-bottom:0!important}#playlists .table tbody tr td:nth-child(5) a{color:var(--accent-1)!important;font-size:13px!important;text-decoration:none!important}#purchases .card{overflow:visible!important;background:transparent!important;background-color:transparent!important}#purchases .table{display:block!important;border:none!important;width:100%!important;min-width:0!important}#purchases .table thead{display:none!important}#purchases .table tbody{display:block!important;width:100%!important}#purchases .table tbody tr{display:block!important;background:transparent!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:14px!important;position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important}#purchases .table tbody tr td{display:block!important;border:none!important;padding:0!important;margin-bottom:8px!important}#purchases .table tbody tr td:nth-child(1){font-size:16px!important;font-weight:600!important;color:var(--text)!important;margin-bottom:12px!important;padding-bottom:8px!important;border-bottom:1px dashed var(--line)!important}#purchases .table tbody tr td:nth-child(1):before{content:"订单号："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important;font-size:13px!important}#purchases .table tbody tr td:nth-child(2){font-size:14px!important;color:var(--text)!important;margin-bottom:8px!important}#purchases .table tbody tr td:nth-child(2):before{content:"项目："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important;font-size:13px!important}#purchases .table tbody tr td:nth-child(3){display:inline-block!important;margin-right:16px!important;font-size:13px!important;color:var(--text)!important}#purchases .table tbody tr td:nth-child(3):before{content:"授权类型："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important}#purchases .table tbody tr td:nth-child(4){display:inline-block!important;font-size:13px!important;color:var(--text)!important;margin-bottom:12px!important}#purchases .table tbody tr td:nth-child(4):before{content:"金额："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important}#purchases .table tbody tr td:nth-child(5){display:block!important;font-size:13px!important;margin-bottom:12px!important}#purchases .table tbody tr td:nth-child(5):before{content:"状态："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important;font-size:13px!important}#purchases .table tbody tr td:nth-child(6){display:flex!important;justify-content:flex-end!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--line)!important;margin-bottom:0!important}#purchases .table tbody tr td:nth-child(6) a{color:var(--accent-1)!important;font-size:13px!important;text-decoration:none!important}#downloads .card{overflow:visible!important;background:transparent!important;background-color:transparent!important}#downloads .table{display:block!important;border:none!important;width:100%!important;min-width:0!important}#downloads .table thead{display:none!important}#downloads .table tbody{display:block!important;width:100%!important}#downloads .table tbody tr{display:block!important;background:transparent!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:14px!important;position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important}#downloads .table tbody tr td{display:block!important;border:none!important;padding:0!important;margin-bottom:8px!important}#downloads .table tbody tr td:nth-child(1){font-size:16px!important;font-weight:600!important;color:var(--text)!important;margin-bottom:12px!important;padding-bottom:8px!important;border-bottom:1px dashed var(--line)!important}#downloads .table tbody tr td:nth-child(2){display:inline-block!important;margin-right:16px!important;font-size:13px!important;color:var(--text)!important}#downloads .table tbody tr td:nth-child(2):before{content:"时间："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important}#downloads .table tbody tr td:nth-child(3){display:inline-block!important;margin-right:16px!important;font-size:13px!important;color:var(--text)!important}#downloads .table tbody tr td:nth-child(3):before{content:"格式："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important}#downloads .table tbody tr td:nth-child(4){display:block!important;font-size:13px!important;color:var(--text)!important;margin-bottom:12px!important}#downloads .table tbody tr td:nth-child(4):before{content:"授权："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important}#downloads .table tbody tr td:nth-child(5){display:flex!important;justify-content:flex-end!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--line)!important;margin-bottom:0!important}#downloads .table tbody tr td:nth-child(5) a{color:var(--accent-1)!important;font-size:13px!important;text-decoration:none!important}#channels .card{overflow:visible!important;background:transparent!important;background-color:transparent!important}#channels .table{display:block!important;border:none!important;width:100%!important;min-width:0!important}#channels .table thead{display:none!important}#channels .table tbody{display:block!important;width:100%!important}#channels .table tbody tr{display:block!important;background:transparent!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:14px!important;position:relative!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important}#channels .table tbody tr td{display:block!important;border:none!important;padding:0!important;margin-bottom:8px!important}#channels .table tbody tr td:nth-child(1){font-size:16px!important;font-weight:600!important;color:var(--text)!important;margin-bottom:12px!important;padding-bottom:8px!important;border-bottom:1px dashed var(--line)!important}#channels .table tbody tr td:nth-child(1):before{content:"平台："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important;font-size:13px!important}#channels .table tbody tr td:nth-child(2){font-size:14px!important;color:var(--text)!important;margin-bottom:8px!important}#channels .table tbody tr td:nth-child(2):before{content:"账号："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important;font-size:13px!important}#channels .table tbody tr td:nth-child(3){display:inline-block!important;margin-right:16px!important;font-size:13px!important;margin-bottom:8px!important}#channels .table tbody tr td:nth-child(3):before{content:"状态："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important;font-size:13px!important}#channels .table tbody tr td:nth-child(4){display:block!important;font-size:13px!important;color:var(--text)!important;margin-bottom:0!important}#channels .table tbody tr td:nth-child(4):before{content:"添加时间："!important;font-weight:500!important;color:var(--muted)!important;margin-right:4px!important}.card{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.table{font-size:12px!important}.table th{font-size:11px!important;padding:10px 6px!important}.table td{font-size:12px!important;padding:10px 6px!important}.table td .tag{font-size:10px!important;padding:2px 6px!important}.rtacc-panel{border-radius:10px!important}.rtacc-sum{padding:12px 14px!important}.rtacc-stat{padding:6px 10px!important}.rtacc-stat h4{font-size:11px!important}.rtacc-stat .n{font-size:18px!important}.rtacc-toolbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.rtacc-table{display:block!important;border:none!important;width:100%!important}.rtacc-table thead{display:none!important}.rtacc-table tbody{display:block!important;width:100%!important}.rtacc-table tbody tr{display:block!important;background:transparent!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:14px!important;position:relative!important;box-sizing:border-box!important;width:100%!important}.rtacc-table tbody tr td{display:flex!important;align-items:baseline!important;border:none!important;padding:0!important;margin-bottom:8px!important;font-size:14px!important;line-height:1.6!important}.rtacc-table tbody tr td:nth-child(1):before{content:"订单编号"!important;font-weight:500!important;color:var(--muted)!important;display:inline-block!important;min-width:80px!important;flex-shrink:0!important;font-size:14px!important}.rtacc-table tbody tr td:nth-child(2):before{content:"充值金额"!important;font-weight:500!important;color:var(--muted)!important;display:inline-block!important;min-width:80px!important;flex-shrink:0!important;font-size:14px!important}.rtacc-table tbody tr td:nth-child(3):before{content:"支付方式"!important;font-weight:500!important;color:var(--muted)!important;display:inline-block!important;min-width:80px!important;flex-shrink:0!important;font-size:14px!important}.rtacc-table tbody tr td:nth-child(4):before{content:"支付时间"!important;font-weight:500!important;color:var(--muted)!important;display:inline-block!important;min-width:80px!important;flex-shrink:0!important;font-size:14px!important}.rtacc-table tbody tr td:nth-child(5):before{content:"发票状态"!important;font-weight:500!important;color:var(--muted)!important;display:inline-block!important;min-width:80px!important;flex-shrink:0!important;font-size:14px!important}.rtacc-table tbody tr td:nth-child(1){font-size:14px!important;color:var(--text)!important;margin-bottom:12px!important;padding-bottom:8px!important;border-bottom:1px dashed var(--line)!important}.rtacc-table tbody tr td:nth-child(2){font-weight:600!important;color:var(--accent-1)!important;font-size:16px!important}.rtacc-table tbody tr td:nth-child(5){display:flex!important;align-items:center!important;margin-bottom:8px!important}.rtacc-table tbody tr td:nth-child(5) .rtacc-badge{margin-left:0!important}.rtacc-table tbody tr td:nth-child(6){display:block!important;margin-bottom:0!important;margin-top:14px!important;padding-top:14px!important;border-top:1px solid var(--line)!important}.rtacc-table tbody tr td:nth-child(6) button{width:100%!important;padding:8px 16px!important;font-size:13px!important;font-weight:600!important;border:1px solid var(--line)!important;background:transparent!important;color:var(--text)!important;border-radius:999px!important;white-space:nowrap!important;text-align:center!important}.rtacc-filter{gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important}.rtacc-filter::-webkit-scrollbar{display:none!important}.rtacc-filter-btn{padding:7px 10px!important;font-size:12px!important;white-space:nowrap!important}.rtacc-search input{width:100%!important;min-width:auto!important;font-size:13px!important}.rtacc-item{flex-direction:column!important;padding:12px 14px!important;gap:12px!important}.rtacc-cover{width:100%!important;height:60px!important;border-radius:8px!important}.rtacc-title{font-size:14px!important}.rtacc-muted{font-size:11px!important}.rtacc-kv{flex-direction:column!important;gap:6px!important;font-size:11px!important}.rtacc-actions{width:100%!important;flex-direction:column!important;gap:8px!important}.rtacc-actions .rtacc-btn{width:100%!important;min-width:auto!important;padding:10px 14px!important;font-size:13px!important}.license-modal,.invoice-modal,.certificate-modal{max-width:100%!important;max-height:100vh!important;border-radius:0!important;padding:16px!important}.license-modal-header,.invoice-modal-header{padding:16px 0!important;margin-bottom:12px!important}.license-modal-header h3,.invoice-modal-header h3{font-size:16px!important}.license-modal-body,.invoice-modal-body{padding:0 4px 16px!important}.certificate-modal,.certificate-content{padding:16px!important}.form-row-horizontal,.form-row{grid-template-columns:1fr!important;gap:12px!important}.form-section{padding:16px 10px 10px!important}.section-title{font-size:14px!important}.checkbox-group{gap:8px!important}.radio-label,.checkbox-label{font-size:14px!important}.form-label{font-size:12px!important}.form-input,.form-select{font-size:13px!important;padding:9px 10px!important}.certificate-grid{grid-template-columns:1fr!important;gap:10px!important}.cert-item{font-size:14px!important}.cert-label{width:110px!important;font-size:12px!important}.cert-value{font-size:13px!important}.certificate-header h1{font-size:20px!important}.certificate-header h2,.certificate-intro{font-size:14px!important}.license-modal-footer,.invoice-modal-footer,.certificate-modal-footer{flex-wrap:wrap!important;gap:8px!important;padding-top:12px!important}.modal-btn{flex:1!important;min-width:100px!important;padding:10px 14px!important;font-size:13px!important}.invoice-type-tabs{flex-direction:column!important;gap:4px!important}.invoice-type-tabs button{text-align:left!important;border-bottom:none!important;border-left:2px solid transparent!important;padding-left:12px!important}.invoice-type-tabs button.active{border-left-color:#3b82f6!important;border-bottom-color:transparent!important}.badge{font-size:11px!important;padding:4px 8px!important}.rtacc-badge{font-size:11px!important;padding:2px 6px!important}.rtacc-badge.success{background:#6ef3ff1f!important;color:#6ef3ff!important;border:1px solid rgba(110,243,255,.2)!important}.rtacc-badge.warn{background:#ffd15f1f!important;color:#ffd15f!important;border:1px solid rgba(255,209,95,.2)!important}}@media (min-width: 481px) and (max-width: 768px){.container{padding-left:16px!important;padding-right:16px!important}.hero .wrap{grid-template-columns:1fr!important}.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)!important}footer .cols{grid-template-columns:1fr!important;gap:24px}footer .footer-links-wrapper{display:flex!important;justify-content:space-between!important;gap:8px!important}footer .footer-links-wrapper>div{flex:1!important;min-width:0!important}}@media (min-width: 769px) and (max-width: 1024px){.container{padding-left:20px;padding-right:20px}.grid.cols-4{grid-template-columns:repeat(3,1fr)!important}}@supports (padding: max(0px)){body{padding-bottom:env(safe-area-inset-bottom)}.header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.player{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 768px) and (orientation: landscape){.hero{padding:24px 0!important}.hero h1{font-size:32px!important;margin-bottom:8px}.hero .sub{margin-bottom:16px}.modal .box{max-height:calc(100vh - 40px);overflow-y:auto}}@media (max-width: 768px){*{-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px;height:4px}body{overscroll-behavior:none}}@media (max-width: 375px){.container{padding-left:12px;padding-right:12px}.hero h1{font-size:24px!important;line-height:1.2}.hero .sub{font-size:14px!important}.chip{font-size:12px;padding:6px 10px}.btn{font-size:14px;padding:10px 12px}.card{padding:12px}.table th,.table td{font-size:13px;padding:10px 8px}}@media (max-width: 768px){#color-search .color-integrated{padding:12px!important;border-radius:12px!important;margin-bottom:16px!important}#color-search .color-integrated h2{font-size:18px!important;margin-bottom:12px!important}#color-search .cb.wrap{grid-template-columns:1fr!important;gap:12px!important}#color-search .cb-left,#color-search .cb-right{padding:12px!important;border-radius:12px!important}#color-search .cb-picker .row{flex-wrap:wrap!important;gap:8px!important}#color-search .cb-picker input[type=color]{width:44px!important;height:44px!important;flex-shrink:0!important}#color-search .cb-picker .pill{flex:1 1 auto!important;min-width:100px!important;padding:10px 12px!important;font-size:14px!important}#color-search .cb-picker input.hex{flex:1 1 100%!important;font-size:14px!important;padding:10px 12px!important}#color-search .cb-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;max-height:160px!important}#color-search .cb-grid .swatch{width:32px!important;height:32px!important}#color-search .cb-selected{flex-wrap:wrap!important;gap:8px!important}#color-search .cb-selected .label{font-size:14px!important}#color-search .cb-selected .value{font-size:15px!important}#color-search .cb-slider label{font-size:14px!important}#color-search .scene-rec{padding:10px 12px!important}#color-search .scene-title,#color-search .scene-content{font-size:12px!important}#color-search .cb-recent>span{font-size:12px!important}#color-search .cb-recent .swatch{width:28px!important;height:28px!important}#color-search .cb-right .legend h4{font-size:15px!important;margin-bottom:10px!important}#color-search .cb-right .legend .moods{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#color-search .cb-right .legend .moods li{font-size:13px!important}#color-search .cb-right .dot{width:16px!important;height:16px!important}#color-search .cb-right .legend .tip{font-size:11px!important;margin-top:10px!important}#color-search .tracks .container{padding-left:12px!important;padding-right:12px!important}#color-search .tracks .toolbar{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 0!important}#color-search .tracks .toolbar .input{width:100%!important;position:relative!important}#color-search .tracks .toolbar .input input{width:100%!important;font-size:14px!important;padding:10px 40px 10px 12px!important}#color-search .tracks .toolbar .search-btn{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;font-size:16px!important;padding:4px!important}#color-search .tracks .toolbar .sort{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}#color-search .tracks .toolbar .sort span{font-size:13px!important}#color-search .tracks .toolbar .sort select{font-size:13px!important;padding:8px 10px!important;flex:1!important;max-width:200px!important;margin-left:12px!important}#color-search .chips{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:12px 0 16px!important}#color-search .chips .chip{font-size:13px!important;padding:6px 12px!important;margin:0!important}#color-search .tracks table,#color-search .tracks table tbody{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;padding:0!important}#color-search .tracks table thead{display:none!important}#color-search .tracks table tbody tr{display:block!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;margin-bottom:12px!important;box-shadow:0 2px 8px #0000000d!important;position:relative!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}#color-search .tracks table tbody tr td{display:block!important;border:none!important;padding:0!important;width:100%!important;box-sizing:border-box!important}html[data-theme=dark] #color-search .tracks table tbody tr{background:var(--surface)!important}#color-search .tracks table tbody tr td:nth-child(1){display:inline-block!important;width:auto!important;margin-right:12px!important;vertical-align:top!important}#color-search .tracks table tbody tr td:nth-child(1) .icon-btn{width:44px!important;height:44px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}#color-search .tracks table tbody tr td:nth-child(1) .icon-btn svg{width:20px!important;height:20px!important}#color-search .tracks table tbody tr td:nth-child(2){display:inline-block!important;width:calc(100% - 60px)!important;margin-bottom:12px!important;vertical-align:top!important}#color-search .tracks table tbody tr td:nth-child(2) .title{font-size:16px!important;font-weight:600!important;display:block!important;margin-bottom:4px!important}#color-search .tracks table tbody tr td:nth-child(2) .meta{font-size:13px!important;color:var(--muted)!important}#color-search .tracks table tbody tr td:nth-child(3){display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:12px!important}#color-search .tracks table tbody tr td:nth-child(3) .tag{font-size:12px!important;padding:4px 10px!important;background:var(--surface-2)!important;border-radius:6px!important;border:1px solid var(--line)!important}#color-search .tracks table tbody tr td:nth-child(4),#color-search .tracks table tbody tr td:nth-child(5){display:inline-block!important;width:auto!important;margin-right:16px!important;font-size:13px!important;color:var(--muted)!important}#color-search .tracks table tbody tr td:nth-child(4):before{content:"BPM: "!important;font-weight:600!important;color:var(--text)!important}#color-search .tracks table tbody tr td:nth-child(5):before{content:"时长: "!important;font-weight:600!important;color:var(--text)!important}#color-search .tracks table tbody tr td:nth-child(6){display:block!important;margin:12px 0!important}#color-search .tracks table tbody tr td:nth-child(6) .badge{font-size:11px!important;white-space:normal!important;word-wrap:break-word!important;word-break:break-word!important;display:inline-block!important;max-width:100%!important}#color-search .tracks table tbody tr td:nth-child(7){margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--line)!important}#color-search .tracks table tbody tr td:nth-child(7) .inline-controls{display:flex!important;justify-content:flex-end!important;gap:12px!important}#color-search .tracks table tbody tr td:nth-child(7) .icon-btn{width:44px!important;height:44px!important;border-radius:8px!important}}@media (max-width: 768px){button,.btn,.chip,.icon-btn{-webkit-user-select:none;user-select:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{position:sticky!important;top:0!important;z-index:40!important;width:100%!important;max-width:100vw!important;overflow:visible!important}.header .container{width:100%!important;max-width:1280px!important;overflow:visible!important}.header .row{display:flex!important;align-items:center!important;max-width:1280px!important;overflow:visible!important}.header .logo{display:flex!important;align-items:center!important;flex-shrink:0!important}.header .grow{flex:1!important}.header .actions{display:flex!important;align-items:center!important;flex-shrink:0!important;flex-wrap:nowrap!important;overflow:visible!important}@media (max-width: 768px){.header nav,.header nav.desktop-nav,.header .desktop-nav,nav.desktop-nav,nav[aria-label=主导航]{display:none!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important}.header .mobile-menu-btn{display:inline-flex!important;visibility:visible!important;opacity:1!important}}@media (max-width: 480px){.header .row{height:56px!important;gap:8px!important}.header .container{padding-left:12px!important;padding-right:12px!important}.header .logo{gap:0!important}.header .logo strong{display:none!important}.header .logo img{width:24px!important;height:24px!important}.header .mobile-menu-btn{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important}.header .actions{gap:6px!important}.header .actions button.ghost:not(.language-selector-btn){display:none!important}.header .actions .language-selector-wrapper{display:flex!important;visibility:visible!important}.header .actions .language-selector-btn{display:inline-flex!important;visibility:visible!important;width:auto!important;height:36px!important;padding:0 10px!important;font-size:13px!important}.header .actions .icon-btn.theme{width:36px!important;height:36px!important;min-width:36px!important;display:inline-flex!important;visibility:visible!important}.header .actions .btn{height:36px!important;padding:0 12px!important;font-size:13px!important;display:inline-flex!important;visibility:visible!important}.header .avatar-btn{width:36px!important;height:36px!important;display:inline-flex!important;visibility:visible!important}}@media (min-width: 481px) and (max-width: 768px){.header .row{height:60px!important;gap:10px!important}.header .container{padding-left:14px!important;padding-right:14px!important}.header .logo{gap:8px!important}.header .logo strong{display:inline!important;font-size:14px!important}.header .logo img{width:26px!important;height:26px!important}.header .mobile-menu-btn{width:38px!important;height:38px!important;min-width:38px!important}.header .actions{gap:8px!important}.header .actions .input{display:flex!important;visibility:visible!important;max-width:200px!important;min-width:140px!important;padding:0 10px!important}.header .actions .kbd{display:none!important}.header .actions button.ghost:not(.language-selector-btn){display:none!important}.header .actions .language-selector-wrapper{display:flex!important;visibility:visible!important}.header .actions .language-selector-btn{display:inline-flex!important;visibility:visible!important;width:auto!important;height:38px!important;padding:0 10px!important;font-size:13px!important}.header .actions .icon-btn.theme{width:38px!important;height:38px!important;min-width:38px!important;display:inline-flex!important;visibility:visible!important}.header .actions .btn{height:38px!important;padding:0 14px!important;font-size:14px!important;display:inline-flex!important;visibility:visible!important}.header .avatar-btn{width:38px!important;height:38px!important;display:inline-flex!important;visibility:visible!important}}@media (min-width: 769px){.header .mobile-menu-btn{display:none!important}.header nav.desktop-nav,.header .desktop-nav{display:flex!important;visibility:visible!important;position:relative!important;left:auto!important;opacity:1!important;pointer-events:auto!important}}@media (min-width: 769px) and (max-width: 960px){.header .row{height:64px!important;gap:10px!important}.header .container{padding-left:18px!important;padding-right:18px!important}.header .logo{gap:10px!important}.header .logo strong{font-size:15px!important}.header .desktop-nav{margin-left:12px!important;gap:8px!important}.header .desktop-nav a{font-size:14px!important;padding:7px 10px!important}.header .actions{gap:8px!important}.header .actions .input{max-width:220px!important;min-width:160px!important}.header .actions .kbd{font-size:11px!important;padding:2px 5px!important}.header .actions button.ghost{font-size:13px!important;padding:0 10px!important;height:40px!important}.header .actions .icon-btn.theme{width:40px!important;height:40px!important}.header .actions .btn{height:40px!important;padding:0 13px!important;font-size:14px!important}}@media (min-width: 961px){.header .row{gap:12px!important}.header .desktop-nav{margin-left:16px!important;gap:10px!important}.header .desktop-nav a{font-size:16px!important;padding:8px 12px!important}.header .actions{gap:10px!important}.header .actions .input{max-width:300px!important}}@media (min-width: 1025px){.header .desktop-nav{margin-left:20px!important;gap:12px!important}.header .actions .input{max-width:400px!important}.header .actions button.ghost{display:inline-flex!important}}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root,:root[data-theme=dark]{--bg: #0b0d12;--fg: #e9ecf1;--text: #c8d1df;--muted: #8a95a6;--muted-2: #6b7684;--line: rgba(255, 255, 255, .08);--surface: #101623;--surface-2: #0d1320;--accent-1: #6ef3ff;--accent-2: #8bff96;--accent-3: var(--accent-1, #00E6FF);--color-background: var(--bg);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--line);--color-border-hover: rgba(255, 255, 255, .12);--color-heading: var(--fg);--color-text: var(--text);--section-gap: 160px}:root[data-theme=light]{--bg: #ffffff;--fg: #0b0d12;--text: #3c3c3c;--muted: #666666;--muted-2: #999999;--line: rgba(0, 0, 0, .08);--surface: #ffffff;--surface-2: #f1f5fb;--accent-1: #0099cc;--accent-2: #00cc66;--accent-3: var(--link,#0B57D0);--color-background: var(--bg);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--line);--color-border-hover: rgba(0, 0, 0, .12);--color-heading: var(--fg);--color-text: var(--text);--section-gap: 160px}@media (prefers-color-scheme: light){:root:not([data-theme]){--bg: #ffffff;--fg: #0b0d12;--text: #3c3c3c;--muted: #666666;--muted-2: #999999;--line: rgba(0, 0, 0, .08);--surface: #ffffff;--surface-2: #f1f5fb;--accent-1: #0099cc;--accent-2: #00cc66;--color-background: var(--bg);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--line);--color-border-hover: rgba(0, 0, 0, .12);--color-heading: var(--fg);--color-text: var(--text)}}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--text);background:var(--bg);transition:color .5s,background-color .5s;line-height:1.6;font-family:var(--font);font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden;white-space:nowrap}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;z-index:10000;padding:10px 14px;background:#000;color:#fff;border-radius:6px}:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:hover{border-color:var(--accent-1);background:var(--surface-2)}.btn.primary{background:var(--accent-1);color:#000;border-color:transparent}.btn.primary:hover{filter:brightness(1.1)}.btn.ghost{background:transparent;border-color:var(--line)}.btn.ghost:hover{border-color:var(--accent-1);background:var(--surface)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;transition:all .2s ease}.card:hover{border-color:var(--accent-1);background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line)}.badge.success{background:#8bff961f;color:#8bff96;border-color:#8bff9633}.badge.warn{background:#ffd15f1f;color:#ffd15f;border-color:#ffd15f33}.badge.error{background:#ff5f5f1f;color:#ff5f5f;border-color:#ff5f5f33}.badge.info{background:#6ef3ff1f;color:var(--accent-1);border-color:#6ef3ff33}.small{font-size:13px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}.table th,.table td{text-align:left!important}.tag{border:1px solid var(--line)!important;background:var(--surface)!important}.announce[data-v-e6873357]{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:50!important;background:linear-gradient(90deg,#6ef3ff14,#8bff9614),var(--bg)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.header[data-v-7c139931]{position:fixed!important;top:44px!important;left:0!important;right:0!important;width:100%!important;z-index:40!important;-webkit-backdrop-filter:saturate(1.2) blur(10px)!important;backdrop-filter:saturate(1.2) blur(10px)!important}.mobile-menu-btn[data-v-7c139931]{display:none;margin-right:8px;flex-shrink:0;border-radius:6px!important}nav.desktop-nav[data-v-7c139931]{margin-left:20px;display:flex!important;gap:12px;flex-direction:row!important;flex-shrink:0}.search-input[data-v-7c139931]{border-radius:var(--radius-m)!important;padding:10px 12px!important;border:1px solid var(--line)!important;transition:border-color var(--duration-1) var(--ease),box-shadow var(--duration-1) var(--ease)!important;font-weight:600}:root[data-theme=dark] .search-input[data-v-7c139931]{background:color-mix(in oklab,var(--bg) 100%,#fff 12%)!important}.kbd[data-v-7c139931]{font-weight:600;margin-left:0!important;display:flex;align-items:center}:root[data-theme=dark] .kbd[data-v-7c139931]{background:color-mix(in oklab,var(--bg) 100%,#fff 10%)!important;color:var(--muted)!important;border:1px solid var(--line)!important}.header nav.desktop-nav a[data-v-7c139931]{border-radius:6px!important}:root[data-theme=dark] .header nav.desktop-nav a[data-v-7c139931]:hover,:root[data-theme=dark] .header nav.desktop-nav a[aria-current=page][data-v-7c139931]{background:color-mix(in oklab,var(--bg) 100%,#fff 8%)!important}:root[data-theme=dark] .avatar-btn[data-v-7c139931]{background:color-mix(in oklab,var(--bg) 100%,#fff 4%)!important}:root[data-theme=dark] .avatar-btn[data-v-7c139931]:hover{background:color-mix(in oklab,var(--bg) 100%,#fff 8%)!important}@media (max-width: 768px){nav.desktop-nav[data-v-7c139931],.desktop-nav[data-v-7c139931]{display:none!important;visibility:hidden!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;left:-9999px!important}}.actions[data-v-7c139931]{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important;flex-wrap:nowrap!important;overflow:hidden!important}.actions[data-v-7c139931]>*{flex-shrink:0!important}.actions .input[data-v-7c139931]{flex-shrink:1!important;min-width:120px!important;max-width:400px!important;overflow:hidden!important}.actions .icon-btn[data-v-7c139931],.actions .btn[data-v-7c139931],.actions .ghost[data-v-7c139931]{height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:1!important;border-radius:6px!important}.actions .input[data-v-7c139931]{height:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:1!important}.actions .icon-btn.theme[data-v-7c139931]{position:absolute!important;z-index:1!important;overflow:visible!important;right:calc(env(safe-area-inset-right,0px) + 12px)}.actions .avatar-btn[data-v-7c139931]{flex-shrink:0!important;width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:1!important;border-radius:6px!important}.language-selector-wrapper[data-v-7c139931]{position:relative;flex-shrink:0!important;overflow:visible!important}.language-selector-btn[data-v-7c139931]{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;padding:0 12px!important;transition:all .2s ease!important;font-size:14px!important}.language-selector-btn[data-v-7c139931]:hover{background:var(--muted)!important;transform:translateY(-1px)!important}.language-selector-btn svg[data-v-7c139931]{transition:transform .2s ease}.language-selector-btn[aria-expanded=true] svg[data-v-7c139931]:last-child{transform:rotate(180deg)}.language-menu-dropdown{position:fixed;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 20px #0003,0 0 0 1px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000!important;overflow:hidden;animation:slideDown .15s cubic-bezier(.16,1,.3,1);padding:4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.language-menu-dropdown .language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text);font-size:14px;cursor:pointer;transition:all .15s ease;text-align:left;border-radius:6px;position:relative}.language-menu-dropdown .language-option:hover{background:var(--surface);transform:translate(2px)}.language-menu-dropdown .language-option.active{background:linear-gradient(90deg,#6ef3ff1f,#8bff961f);font-weight:600}.language-menu-dropdown .language-option.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#6ef3ff,#8bff96);border-radius:0 2px 2px 0}.language-menu-dropdown .language-option .lang-name{flex:1;font-weight:500;letter-spacing:.2px}.language-menu-dropdown .language-option .lang-code{font-size:12px;color:var(--muted);opacity:.7;transition:opacity .15s ease}.language-menu-dropdown .language-option:hover .lang-code{opacity:1}.language-menu-dropdown .language-option .check-icon{color:var(--accent-1);flex-shrink:0;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.16,1,.3,1)}.language-menu-dropdown .language-option.active .check-icon{opacity:1;transform:scale(1)}.mobile-nav{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999!important;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease;overflow:hidden}.mobile-nav.active{opacity:1;pointer-events:all}.mobile-nav-content{position:fixed;top:0;right:0;bottom:0;width:min(280px,80vw);max-width:280px;background:var(--surface-2);border-left:1px solid var(--line);box-shadow:-10px 0 40px #00000080;transform:translate(100%);transition:transform .3s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:10000!important}.mobile-nav.active .mobile-nav-content{transform:translate(0)}.mobile-nav-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}.mobile-nav-header strong{font-size:17px;letter-spacing:.2px}.mobile-nav-links{padding:12px;padding-bottom:max(60px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:4px}.mobile-nav-links a{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:10px;font-size:15px;font-weight:500;color:var(--text);transition:background .2s ease}.mobile-nav-links .nav-emoji{font-size:20px;line-height:1;flex-shrink:0;width:24px;text-align:center}.mobile-nav-links .nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-links a:hover,.mobile-nav-links a[aria-current=page]{background:var(--surface)}.mobile-nav-links a[aria-current=page]{font-weight:700;background:linear-gradient(90deg,#6ef3ff1f,#8bff961f)}.mobile-nav-links hr{margin:10px 0;border:none;height:1px;background:var(--line)}.mobile-menu-section{padding:16px}.mobile-menu-section .section-title{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.mobile-menu-section .language-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-menu-section .language-buttons button{padding:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.mobile-menu-section .language-buttons button.active{background:linear-gradient(90deg,#6ef3ff1f,#8bff961f);border-color:var(--accent-1);font-weight:600}.mobile-menu-action{display:flex;align-items:center;gap:10px;width:calc(100% - 32px);margin:8px 16px;padding:12px 16px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;font-size:15px;cursor:pointer;transition:all .2s}.mobile-menu-action.primary{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;border:none;font-weight:600}.mobile-menu-action .nav-emoji{font-size:18px}@media (max-width: 768px){.mobile-menu-btn{display:inline-flex!important}nav.desktop-nav{display:none!important}}@media (min-width: 481px) and (max-width: 768px){.mobile-menu-btn{display:inline-flex!important}nav.desktop-nav{display:none!important}}@media (min-width: 769px){.mobile-nav,.mobile-menu-btn{display:none!important}nav.desktop-nav{display:flex!important}}@media (max-width: 480px){.header .row[data-v-7c139931]{gap:8px}}@media (min-width: 769px){.footer-links-wrapper[data-v-4e5e5e09]{display:contents}}footer.has-player[data-v-4e5e5e09]{padding-bottom:120px!important}footer[data-v-4e5e5e09]:not(.has-player){padding-bottom:30px!important}.player[data-v-22f93226]{position:fixed;bottom:0;left:0;right:0;z-index:100;border-radius:var(--radius-m);background:#0b0d12f2;-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border:1px solid var(--line)}:root[data-theme=light] .player[data-v-22f93226],html[data-theme=light] .player[data-v-22f93226]{background:color-mix(in oklab,var(--surface) 80%,transparent)}.player .container[data-v-22f93226]{position:relative;max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:14px}.seek[data-v-22f93226]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:min(42vw,350px);height:6px;background:var(--line);border-radius:99px;outline:none}.seek[data-v-22f93226]::-webkit-slider-track{background:#ffffff14;height:4px}.seek[data-v-22f93226]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border:2px solid rgba(255,255,255,.9);cursor:pointer;box-shadow:0 2px 8px #0000004d}.seek[data-v-22f93226]::-moz-range-track{background:#ffffff14;height:4px}.seek[data-v-22f93226]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border:2px solid rgba(255,255,255,.9);cursor:pointer}.row[data-v-22f93226]{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 0}.meter[data-v-22f93226]{display:inline-block;opacity:.8}.icon-btn[data-v-22f93226]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);cursor:pointer;transition:all .15s ease;flex-shrink:0;padding:0}.icon-btn[data-v-22f93226]:hover{background:#ffffff14;transform:translateY(-1px)}.icon-btn.play-btn[data-v-22f93226]{width:44px;height:44px;border:none;color:#000;box-shadow:0 6px 20px #6ef3ff4d}.icon-btn.play-btn[data-v-22f93226]:hover{filter:brightness(1.1);box-shadow:0 8px 24px #6ef3ff66}.track-info[data-v-22f93226]{display:flex;flex-direction:column;gap:4px;min-width:140px;max-width:200px;flex-shrink:0}.track-info .title[data-v-22f93226]{font-weight:700;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info .meta[data-v-22f93226]{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-wrap[data-v-22f93226]{flex:1;max-width:200px;height:64px;margin:0 16px}.waveform[data-v-22f93226]{width:100%;height:100%}.right[data-v-22f93226]{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.pill[data-v-22f93226]{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:600;color:var(--muted);background:#ffffff0a;cursor:pointer;transition:all .15s ease}.pill[data-v-22f93226]:hover{background:#ffffff14;border-color:var(--accent-1)}.pill[aria-pressed=true][data-v-22f93226]{color:#00110f;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border-color:transparent}progress[data-v-22f93226]{width:210px;height:6px;border-radius:3px;border:none;background:#ffffff14;background-color:#666}progress[data-v-22f93226]::-webkit-progress-bar{background:#ffffff14;border-radius:3px}progress[data-v-22f93226]::-webkit-progress-value{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border-radius:3px}progress[data-v-22f93226]::-moz-progress-bar{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border-radius:3px}@media (max-width: 1200px){.wf-wrap[data-v-22f93226]{max-width:400px}.right .btn[data-v-22f93226]{font-size:13px;padding:8px 12px}}@media (max-width: 960px){.meter[data-v-22f93226]{display:none}.wf-wrap[data-v-22f93226]{margin:0 12px;max-width:300px}.pill[data-v-22f93226]{display:none}.right progress[data-v-22f93226]{width:80px}}@media (max-width: 768px){.row[data-v-22f93226]{gap:10px}.track-info[data-v-22f93226]{min-width:100px;max-width:140px}.track-info .title[data-v-22f93226]{font-size:13px}.track-info .meta[data-v-22f93226]{font-size:11px}.wf-wrap[data-v-22f93226]{margin:0 8px;min-width:100px}.right[data-v-22f93226]{gap:6px}.right .btn.ghost[data-v-22f93226]{display:none}}@media (max-width: 480px){.track-info .meta[data-v-22f93226]{display:none}.right progress[data-v-22f93226]{width:60px}.right .btn.primary[data-v-22f93226]{font-size:12px;padding:6px 10px}}.cmdk[data-v-d5bd3b06]{display:none}.cmdk.cmdk-open[data-v-d5bd3b06],.cmdk[aria-hidden=false][data-v-d5bd3b06]{display:flex}.play-btn[data-v-d5bd3b06]{width:32px;height:32px;min-width:32px;border:none;background:#6ef3ff1f;color:var(--accent-1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-right:12px}.play-btn[data-v-d5bd3b06]:hover{background:var(--accent-1);color:#000;transform:scale(1.1)}.play-btn svg[data-v-d5bd3b06]{margin-left:2px}.fire-icon[data-v-d5bd3b06]{margin-right:4px;font-size:14px;display:inline-block;animation:flicker-d5bd3b06 1.5s infinite alternate}@keyframes flicker-d5bd3b06{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.cmdk[data-v-37818b92]{background:#03050899;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cmdk .box[data-v-37818b92]{border:1px solid color-mix(in oklab,var(--line, #303548),transparent 30%);box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff0a;border-radius:18px}.cmdk .pill[data-v-37818b92]{border-radius:999px;border:1px solid var(--line, #303548);background:#ffffff0a;padding:8px 14px;font-weight:700;color:var(--muted, #8a8fa3);cursor:pointer;transition:all .2s ease}.cmdk .pill[aria-pressed=true][data-v-37818b92]{background:linear-gradient(90deg,var(--accent-1, #6ef3ff),var(--accent-2, #8bff96));color:#00110f;border:none}.cmdk form .input[data-v-37818b92]{border-radius:12px;padding:12px 14px;border:1px solid color-mix(in oklab,var(--line, #303548),transparent 20%);background:#ffffff08;transition:all .2s ease}.cmdk form .input[data-v-37818b92]:focus-within{border-color:color-mix(in oklab,var(--accent-1, #6ef3ff),#000 60%);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent-1, #6ef3ff),transparent 86%)}.cmdk .btn.primary[data-v-37818b92]{width:100%;padding:12px 16px;border-radius:12px;background:linear-gradient(90deg,var(--accent-1, #6ef3ff),var(--accent-2, #8bff96));color:#00110f;border:none;font-weight:700;cursor:pointer;transition:all .2s ease}.cmdk .btn.primary[data-v-37818b92]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0000004d}.cmdk .icon-btn[data-v-37818b92]{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line, #303548);background:#ffffff0a;color:var(--muted, #8a8fa3);cursor:pointer;transition:all .2s ease}.cmdk .icon-btn[data-v-37818b92]:hover{background:#ffffff14}.cmdk .social-login-wrap .btn[data-v-37818b92]{border-radius:12px;padding:12px 14px;border:1px solid var(--border, #3a3f50);background:#ffffff08;color:var(--text, #e9ecf1);font-weight:600;cursor:pointer;transition:all .2s ease}.cmdk .social-login-wrap .btn[data-v-37818b92]:hover{background:#ffffff0f;transform:translateY(-1px)}.cmdk form .input input[data-v-37818b92]{flex:1;background:transparent;border:none;outline:none;color:var(--text, #e9ecf1);font-size:14px}.cmdk form .input input[data-v-37818b92]::placeholder{color:var(--muted-2, #7e8897)}.cmdk form .input svg[data-v-37818b92]{color:var(--muted, #8a8fa3);opacity:.8}#panel-account[data-v-37818b92]{padding:0;margin-top:0}#panel-account>div[data-v-37818b92]{color:#cbd2df;font-size:15px;margin-bottom:0}#panel-account #account-email[data-v-37818b92]{color:var(--accent-1, #6ef3ff)}#panel-account .btn[data-v-37818b92],#btn-logout[data-v-37818b92]{width:100%;padding:12px 16px;border-radius:12px;background:#ffffff0f;border:1px solid var(--line, #303548);color:var(--text, #e9ecf1);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:15px}#panel-account .btn[data-v-37818b92]:hover,#btn-logout[data-v-37818b92]:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 12px #0003}html,body{height:auto;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}main{padding-top:117px}#app:not(:has(.announce)) main{padding-top:70px}#app:not(:has(.announce)) .header{top:0!important}.sfx-link-bar .btn.link{padding:14px!important}.payment-modal-overlay[data-v-d2b292ef]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:10000;padding:120px 0 0}.payment-modal[data-v-d2b292ef]{background:var(--bg);border:1px solid var(--line);border-radius:20px;width:100%;max-width:560px;box-shadow:0 24px 60px #0006;animation:modalSlideIn-d2b292ef .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn-d2b292ef{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-d2b292ef]{display:flex;justify-content:space-between;align-items:center;padding:15px 28px;border-bottom:1px solid var(--line)}.modal-title[data-v-d2b292ef]{font-size:18px;font-weight:700;color:var(--text);margin:0;line-height:1.3}.close-btn[data-v-d2b292ef]{background:none;border:none;cursor:pointer;padding:4px;color:var(--muted);transition:color .2s;display:flex;align-items:center;justify-content:center;border-radius:6px}.close-btn[data-v-d2b292ef]:hover{color:var(--text);background:var(--surface-2)}.payment-methods[data-v-d2b292ef]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:24px 28px 28px}.payment-method-btn[data-v-d2b292ef]{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;text-align:center;position:relative}.payment-method-btn[data-v-d2b292ef]:hover{background:var(--surface-2);border-color:var(--muted-2);transform:translateY(-1px)}.payment-method-btn.active[data-v-d2b292ef]{background:color-mix(in srgb,var(--accent-1) 10%,var(--surface));border-color:var(--accent-1);color:var(--text)}.payment-method-btn.active[data-v-d2b292ef]:after{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--accent-1)}.method-name[data-v-d2b292ef]{display:block}@media (max-width: 640px){.payment-modal[data-v-d2b292ef]{border-radius:16px}.modal-header[data-v-d2b292ef]{padding:20px}.payment-methods[data-v-d2b292ef]{padding:20px 20px 24px;gap:10px}.payment-method-btn[data-v-d2b292ef]{padding:16px;font-size:14px}}@media (max-width: 480px){.payment-methods[data-v-d2b292ef]{grid-template-columns:1fr}.modal-title[data-v-d2b292ef]{font-size:17px}}.license-modal-overlay[data-v-68b033ec]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:9999;padding:120px 0 0}.license-modal[data-v-68b033ec]{background:var(--bg);border:1px solid var(--line);border-radius:20px;width:100%;max-width:980px;max-height:90vh;overflow:auto;box-shadow:0 24px 60px #0006;animation:modalSlideIn-68b033ec .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn-68b033ec{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-68b033ec]{display:flex;justify-content:space-between;align-items:center;padding:16px 32px 10px;border-bottom:1px solid var(--line)}.header-left[data-v-68b033ec]{display:flex;flex-direction:column;gap:6px}.header-right[data-v-68b033ec]{display:flex;align-items:center;gap:12px}.modal-title[data-v-68b033ec]{font-size:20px;font-weight:700;color:var(--text);margin:0;line-height:1.3}.vendor-info[data-v-68b033ec]{padding:0}.vendor-info .small[data-v-68b033ec]{font-size:13px;color:var(--muted);line-height:1.4}.book-link-btn[data-v-68b033ec]{background:none;border:none!important;cursor:pointer;padding:6px 12px;font-size:13px;font-weight:500;color:#0db4ff!important;transition:all .2s;border-radius:6px;white-space:nowrap;outline:none}.book-link-btn[data-v-68b033ec]:focus{outline:none}.book-link-btn[data-v-68b033ec]:hover{background:color-mix(in oklab,#0db4ff 10%,transparent);color:#6ef3ff}.close-btn[data-v-68b033ec]{background:none;border:none!important;cursor:pointer;padding:4px;color:var(--muted);transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:6px}.close-btn[data-v-68b033ec]:hover{background:var(--surface-2);color:var(--text)}.book-link[data-v-68b033ec]{font-size:13px;font-weight:500;text-decoration:none;color:#0db4ff;cursor:pointer}.modal-main[data-v-68b033ec]{display:flex;gap:24px;padding:20px 32px}.license-tabs-wrapper[data-v-68b033ec]{display:flex;flex-direction:column;gap:12px;min-width:220px;flex-shrink:0}.license-tabs[data-v-68b033ec]{display:flex;flex-direction:column;gap:8px}.license-tab[data-v-68b033ec]{padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.license-tab[data-v-68b033ec]:hover{background:var(--surface-2);border-color:var(--muted-2)}.license-tab.active[data-v-68b033ec]{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));border-color:transparent;color:#0b0d12;font-weight:600}.license-details-area[data-v-68b033ec]{flex:1;display:flex;flex-direction:column;gap:16px}.discount-tag[data-v-68b033ec]{padding:8px 0;background:transparent;border:none;font-size:13px;color:var(--text);text-align:left}.license-content[data-v-68b033ec]{flex:1}.content-title[data-v-68b033ec]{font-size:16px;font-weight:600;color:var(--text);margin:0 0 4px}.rights-list[data-v-68b033ec]{list-style:none;padding:0;margin:0}.right-item[data-v-68b033ec]{display:flex;align-items:flex-start;gap:10px;padding:4px 0;font-size:14px;line-height:1.5}.right-item.allowed[data-v-68b033ec]{color:var(--text)}.right-item.allowed .icon[data-v-68b033ec]{color:var(--accent-2);flex-shrink:0;margin-top:2px}.right-item.restricted[data-v-68b033ec]{color:var(--muted)}.right-item.restricted .icon[data-v-68b033ec]{color:var(--muted-2);flex-shrink:0;margin-top:2px}.modal-footer[data-v-68b033ec]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px 28px;border-top:1px solid var(--line);border-radius:0 0 20px 20px}.price-info[data-v-68b033ec]{display:flex;align-items:center;gap:8px}.shield-icon[data-v-68b033ec]{color:var(--accent-1);flex-shrink:0}.insurance-label[data-v-68b033ec]{font-size:13px;color:var(--muted)}.price[data-v-68b033ec]{font-size:28px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;margin-left:4px}.currency[data-v-68b033ec]{font-size:16px;color:var(--text);margin-left:-4px}.action-buttons[data-v-68b033ec]{display:flex;gap:10px}.btn-cart[data-v-68b033ec],.btn-buy[data-v-68b033ec]{padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-cart[data-v-68b033ec]{background:transparent;border:1px solid var(--line);color:var(--text)}.btn-cart[data-v-68b033ec]:hover{background:var(--surface);border-color:var(--text)}.btn-buy[data-v-68b033ec]{border:none;color:#0b0d12}.btn-buy[data-v-68b033ec]:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #6ef3ff4d}@media (max-width: 768px){.license-modal[data-v-68b033ec]{border-radius:16px;max-height:95vh}.modal-header[data-v-68b033ec]{padding:20px 20px 16px}.header-left[data-v-68b033ec]{gap:4px}.modal-title[data-v-68b033ec]{font-size:18px}.modal-main[data-v-68b033ec]{flex-direction:column;padding:16px 20px;gap:16px}.license-tabs-wrapper[data-v-68b033ec]{min-width:auto;width:100%}.license-tabs[data-v-68b033ec]{flex-direction:row}.license-tab[data-v-68b033ec]{flex:1;text-align:center}.license-details-area[data-v-68b033ec]{gap:12px}.modal-footer[data-v-68b033ec]{flex-direction:column;align-items:stretch;padding:16px 20px 20px}.price-info[data-v-68b033ec]{justify-content:center}.action-buttons[data-v-68b033ec]{width:100%}.btn-cart[data-v-68b033ec],.btn-buy[data-v-68b033ec]{flex:1}}@media (max-width: 480px){.modal-title[data-v-68b033ec]{font-size:17px}.vendor-info .small[data-v-68b033ec]{font-size:12px}.price[data-v-68b033ec]{font-size:24px}.license-tab[data-v-68b033ec]{padding:10px 12px;font-size:13px}.right-item[data-v-68b033ec]{font-size:13px}}.hero--minimal[data-v-a6de50ed]{background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 86%,transparent),transparent)}.hero-search__wrap[data-v-a6de50ed]{position:relative}.search-dropdown[data-v-a6de50ed]{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f;overflow:hidden;z-index:1000;animation:slideDown-a6de50ed .2s ease-out;padding:20px 24px}.dropdown-section[data-v-a6de50ed]{margin-bottom:20px}.dropdown-section[data-v-a6de50ed]:last-child{margin-bottom:0}.dropdown-section.vertical[data-v-a6de50ed]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-a6de50ed]{font-size:13px;font-weight:600;color:var(--muted);text-align:left;flex-shrink:0}.section-tags[data-v-a6de50ed]{display:flex;flex-wrap:wrap;gap:8px;flex:1}.tag-item[data-v-a6de50ed]{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border:1px solid var(--line);background:var(--bg);color:var(--text);font-size:13px;cursor:pointer;transition:all .2s ease;border-radius:999px;white-space:nowrap}.tag-item[data-v-a6de50ed]:hover{border-color:var(--accent-1);color:var(--accent-1);background:color-mix(in oklab,var(--accent-1) 5%,transparent)}@keyframes slideDown-a6de50ed{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hero-hot[data-v-a6de50ed]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;justify-content:center}.hero-hot .label[data-v-a6de50ed]{font-size:12px;color:var(--muted)}.hero-hot .chip[data-v-a6de50ed]{font-size:12px}.hero--minimal .actions[data-v-a6de50ed]{display:inline-flex;gap:12px;margin-bottom:14px;margin-top:12px}.hero--minimal .actions .btn[data-v-a6de50ed]{padding:10px 16px}.hero--minimal .hero-min__meta[data-v-a6de50ed]{display:flex;gap:16px;justify-content:center;color:var(--muted);font-size:12px;margin:10px 0 0;padding:0;list-style:none}.hero--minimal .hero-min__meta li[data-v-a6de50ed]{display:inline-flex}.icon-btn[data-v-a6de50ed]{border-radius:10px!important}.icon-btn[data-v-a6de50ed]:hover{background:linear-gradient(180deg,color-mix(in oklab,var(--surface),var(--accent-1) 16%),color-mix(in oklab,var(--surface),var(--accent-2) 16%));border-color:color-mix(in oklab,var(--accent-1) 46%,var(--line))}.hero-search .hero-search__wrap[data-v-a6de50ed]{background:#ffffff05!important}:root[data-theme=dark] .hero-search .hero-search__wrap[data-v-a6de50ed]{background:#ffffff05!important}@media (max-width: 768px){.tracks[data-v-a6de50ed]{background-color:transparent!important}}