/* A-MIXER homepage v6.1 */
body.home-screen{background:radial-gradient(circle at 72% -8%,rgba(37,99,235,.18),transparent 34%),linear-gradient(180deg,#010711 0%,#020b17 58%,#031225 100%)}
body.home-screen main{min-height:0}
.home-page{width:min(1500px,100%);margin:0 auto;padding:42px 26px 132px}
.home-hero{display:grid;grid-template-columns:minmax(480px,.95fr) minmax(560px,1.05fr);align-items:center;gap:clamp(38px,5vw,82px);min-height:520px;padding:18px 4px 38px}
.home-hero__copy{min-width:0;padding-left:4px}
.home-hero h1{max-width:720px;margin:0;color:#f8fbff;font-size:clamp(48px,4.5vw,68px);letter-spacing:-.055em;line-height:1.02}
.home-hero h1 em{display:inline-block;max-width:680px;margin-top:10px;color:#60a5fa;font-size:.72em;font-style:normal;line-height:1.08;text-shadow:0 0 34px rgba(59,130,246,.2)}
.home-hero__copy>p{max-width:610px;margin:24px 0 0;color:#91a9bd;font-size:16px;line-height:1.7}
.home-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:27px}
.home-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 20px;border:1px solid transparent;border-radius:13px;color:#eff6ff;font-size:15px;font-weight:820;text-decoration:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.home-button:hover{transform:translateY(-1px)}
.home-button--primary{border-color:rgba(96,165,250,.66);background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 13px 30px rgba(37,99,235,.24);color:#fff}
.home-button--primary:hover{box-shadow:0 16px 35px rgba(37,99,235,.32)}
.home-button--secondary{border-color:rgba(121,184,205,.28);background:rgba(8,31,45,.7);color:#d9ecf2}
.home-button--secondary:hover{border-color:rgba(50,215,209,.5);background:rgba(17,70,80,.45);color:#76efeb}
.home-hero__personal{display:inline-flex;align-items:center;gap:5px;padding:10px 2px;color:#82c8d0;font-size:14px;font-weight:700;text-decoration:none}
.home-hero__personal:hover{color:#65e4e0}
.home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:650px;margin:28px 0 0}
.home-stats>div{min-width:0;padding:11px 13px;border:1px solid rgba(80,155,178,.2);border-radius:11px;background:rgba(5,26,39,.62)}
.home-stats dt{color:#f3f9fb;font-size:17px;font-weight:800;letter-spacing:-.025em}
.home-stats dd{margin:2px 0 0;color:#7693a2;font-size:12px;line-height:1.3}
.home-featured{position:relative;isolation:isolate;min-width:0;height:440px;overflow:hidden;border:1px solid rgba(71,132,194,.38);border-radius:22px;background:radial-gradient(circle at 72% 42%,rgba(37,99,235,.2),transparent 34%),linear-gradient(145deg,#051327 0%,#071a35 52%,#030b18 100%);box-shadow:0 30px 84px rgba(0,0,0,.4)}
.home-featured:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(rgba(96,165,250,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.025) 1px,transparent 1px);background-size:34px 34px;opacity:.42;pointer-events:none}
.home-featured__visualizer{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.home-featured__shade{position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(1,7,16,.92),rgba(1,8,18,.08) 70%),linear-gradient(90deg,rgba(2,9,20,.34),transparent 56%)}
.home-featured__badge{position:absolute;z-index:2;top:18px;left:18px;padding:7px 10px;border:1px solid rgba(103,230,226,.27);border-radius:999px;background:rgba(3,18,28,.62);backdrop-filter:blur(12px);color:#83efeb;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home-featured__wave{position:absolute;z-index:3;right:28px;bottom:29px;display:flex;align-items:center;justify-content:center;gap:4px;width:126px;height:40px;pointer-events:none}
.home-featured__wave i{width:3px;height:var(--wave-height);border-radius:3px;background:#60a5fa;box-shadow:0 0 7px rgba(59,130,246,.45);animation:home-featured-wave 1.2s ease-in-out infinite alternate}
.home-featured__wave i:nth-child(3n+2){animation-delay:-.35s}.home-featured__wave i:nth-child(3n){animation-delay:-.7s}
.home-featured__content{position:absolute;z-index:2;right:22px;bottom:20px;left:22px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:end;gap:15px}
.home-featured__play{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(96,165,250,.72);border-radius:50%;background:rgba(7,25,52,.8);box-shadow:0 0 0 7px rgba(59,130,246,.09),0 8px 28px rgba(0,0,0,.3);color:#60a5fa;cursor:pointer;transition:transform .18s,background .18s}
.home-featured__play:hover{transform:scale(1.04);background:rgba(30,64,175,.38)}
.home-featured__play .ui-icon{fill:currentColor;stroke-width:0}
.home-featured__play.is-playing .ui-icon,.home-mix-card__cover button.is-playing .ui-icon{display:none}
.home-featured__play.is-playing::before,.home-mix-card__cover button.is-playing::before{content:"Ⅱ";font-size:17px;font-weight:900}
.home-featured__identity{min-width:0;padding-right:150px}
.home-featured__identity h2{margin:0;color:#fff;font-size:24px;letter-spacing:-.035em}
.home-featured__identity p{margin:3px 0 9px;color:#bbced7;font-size:15px}
.home-featured__tags{display:flex;flex-wrap:wrap;gap:6px}
.home-featured__tags span{padding:4px 8px;border:1px solid rgba(126,204,216,.2);border-radius:999px;background:rgba(3,18,27,.58);color:#9fc3cd;font-size:12px}
.home-capabilities{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0 0 28px;overflow:hidden;border:1px solid rgba(71,132,194,.3);border-radius:18px;background:linear-gradient(135deg,rgba(9,28,50,.94),rgba(4,16,34,.94))}
.home-capabilities article{display:flex;align-items:center;gap:11px;min-width:0;padding:17px 15px;border-right:1px solid rgba(77,150,171,.15)}
.home-capabilities article:last-child{border-right:0}
.home-capabilities article>span{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border:1px solid rgba(96,165,250,.26);border-radius:11px;background:rgba(59,130,246,.09);color:#60a5fa}
.home-capabilities h2{margin:0;color:#edf5ff;font-size:14px;white-space:nowrap}
.home-capabilities p{margin:4px 0 0;color:#829ab2;font-size:15px;line-height:1.4}
.home-content-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:18px;margin-top:18px}
.home-top{display:flex;align-self:start;flex-direction:column}
.home-section,.home-faq{min-width:0;border:1px solid rgba(72,151,174,.22);border-radius:18px;background:linear-gradient(145deg,rgba(5,25,38,.88),rgba(3,18,29,.88));box-shadow:0 17px 46px rgba(0,0,0,.13)}
.home-section{padding:20px}
.home-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:17px}
.home-section__head .eyebrow{margin-bottom:6px}
.home-section__head h2{margin:0;color:#eff8fa;font-size:22px;letter-spacing:-.035em}
.home-section__head>a{display:inline-flex;min-height:24px;align-items:center;gap:7px;color:#79adff;font:inherit;font-size:15px;font-weight:800;line-height:1.35;letter-spacing:-.01em;text-decoration:none;white-space:nowrap}
.home-section__head>a .ui-icon{flex:0 0 16px;width:16px;height:16px}
.home-section__head>a:is(:hover,:focus-visible){color:#a8c8ff}
.home-filter{display:flex;gap:4px;padding:3px;border:1px solid rgba(80,154,174,.18);border-radius:10px;background:rgba(2,15,24,.46)}
.home-filter a{padding:6px 9px;border-radius:7px;color:#7898a7;font-size:12px;font-weight:700;text-decoration:none}
.home-filter a.is-active,.home-filter a:hover{background:rgba(59,130,246,.14);color:#93c5fd}
.home-search-result{margin:-4px 0 15px;color:#7f9aa7;font-size:14px}
.home-mix-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));align-content:start;gap:10px;overflow-x:auto;scrollbar-width:thin}
.home-mix-card{min-width:150px;overflow:hidden;border:1px solid rgba(78,151,171,.19);border-radius:13px;background:rgba(4,22,33,.86);transition:border-color .18s,transform .18s}
.home-mix-card:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.48)}
.home-mix-card__cover{position:relative;height:162px;overflow:hidden;background:#071b29}
.home-mix-card__cover:after{content:"";position:absolute;z-index:1;inset:22% 0 0;background:linear-gradient(0deg,rgba(1,9,18,.98) 0%,rgba(2,14,24,.82) 45%,transparent 100%);pointer-events:none}
.home-mix-card__cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.home-mix-card:hover .home-mix-card__cover img{transform:scale(1.035)}
.home-mix-card__open{position:absolute;z-index:2;inset:0}
.home-mix-card__rank{position:absolute;z-index:3;top:8px;left:8px;padding:4px 6px;border-radius:6px;background:rgba(2,14,22,.72);color:#93c5fd;font-size:12px;font-weight:800}
.home-mix-card__cover button{position:absolute;z-index:4;right:9px;bottom:10px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(96,165,250,.64);border-radius:50%;background:rgba(4,20,43,.86);color:#60a5fa;cursor:pointer}
.home-mix-card__cover .ui-play-circle{position:absolute!important;right:9px!important;bottom:10px!important}
.home-mix-card__cover button .ui-icon{fill:currentColor;stroke-width:0}
.home-mix-card__body{position:absolute;z-index:3;right:51px;bottom:9px;left:10px;min-width:0;pointer-events:none}
.home-mix-card__body h3{margin:0;overflow:hidden;color:#f8fbff;font-size:16px;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.72)}
.home-mix-card__body p{margin:3px 0 7px;color:#a9bfca;font-size:15px;pointer-events:auto}
.home-mix-card__body p a{position:relative;z-index:5;color:#bfdbfe;text-decoration:none}
.home-mix-card__body p a:hover{text-decoration:underline}
.home-mix-card__meta{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#8da6b5;font-size:11px}
.home-mix-card__meta span{display:inline-flex;align-items:center;gap:4px}
.home-mixes-empty{grid-column:1/-1;display:grid;grid-template-columns:220px minmax(220px,1fr) auto;align-items:center;gap:20px;min-height:190px;padding:15px;border:1px dashed rgba(78,174,190,.25);border-radius:14px;background:rgba(2,16,26,.48)}
.home-mixes-empty__covers{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;transform:rotate(-2deg)}
.home-mixes-empty__covers img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(117,205,216,.2);border-radius:8px}
.home-mixes-empty h3{margin:4px 0 7px;color:#eff9fa;font-size:17px}
.home-mixes-empty p{max-width:480px;margin:0;color:#7897a5;font-size:15px;line-height:1.55}
.home-mixes-empty .home-button{white-space:nowrap}
.home-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.home-preset-card{position:relative;isolation:isolate;display:grid;grid-template-columns:39px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:76px;padding:9px 11px;overflow:hidden;border:1px solid rgba(85,159,177,.2);border-radius:12px;background:#061c2a;color:#e8f4f6;text-decoration:none}
.home-preset-card>img,.home-preset-card__shade{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}
.home-preset-card__shade{z-index:-1;background:linear-gradient(90deg,rgba(2,17,26,.97),rgba(3,20,30,.9) 64%,rgba(3,20,30,.62))}
.home-preset-card__icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:10px;background:rgba(3,20,30,.68);color:#60a5fa}
.home-preset-card__copy{display:flex;flex-direction:column;min-width:0}
.home-preset-card__copy strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.home-preset-card__copy small{display:-webkit-box;margin-top:4px;overflow:hidden;color:#829daa;font-size:15px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-preset-card__arrow{color:#93c5fd;transition:transform .18s}
.home-preset-card:hover{border-color:rgba(96,165,250,.5)}.home-preset-card:hover .home-preset-card__arrow{transform:translateX(2px);color:#bfdbfe}
.home-faq{padding:20px}
.home-faq__list{display:grid;gap:7px}
.home-faq details{border:1px solid rgba(75,150,171,.17);border-radius:10px;background:rgba(4,23,35,.64)}
.home-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:0 13px;color:#cfe0e6;font-size:15px;font-weight:700;cursor:pointer;list-style:none}
.home-faq summary::-webkit-details-marker{display:none}
.home-faq summary .ui-icon{color:#42d5d1;transition:transform .18s}
.home-faq details[open] summary .ui-icon{transform:rotate(90deg)}
.home-faq details p{margin:0;padding:0 13px 13px;color:#7e9ba8;font-size:15px;line-height:1.55}
.home-ranking{align-self:start}.home-ranking .home-section__head{align-items:center}
.home-ranking .home-section__head p{margin:5px 0 0;color:#7f9aaa;font-size:15px}
.home-ranking__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-ranking__author{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid rgba(74,145,173,.25);border-radius:13px;background:rgba(5,23,38,.72);color:#eef7ff;text-decoration:none;transition:border-color .18s,transform .18s,background .18s}
.home-ranking__author:hover{transform:translateY(-1px);border-color:rgba(96,165,250,.54);background:rgba(8,31,52,.82)}
.home-ranking__author--1{border-color:rgba(245,183,54,.42)}
.home-ranking__author--2{border-color:rgba(181,202,224,.34)}
.home-ranking__author--3{border-color:rgba(210,124,68,.38)}
.home-ranking__avatar{display:grid;place-items:center;width:52px;height:52px;overflow:hidden;border:2px solid #2d73bd;border-radius:50%;background:#12345f;color:#dbeafe;font-size:17px;font-weight:900}.home-ranking__avatar img{width:100%;height:100%;object-fit:cover}
.home-ranking__author--1 .home-ranking__avatar{border-color:#f5b736;box-shadow:0 0 0 3px rgba(245,183,54,.1)}.home-ranking__author--2 .home-ranking__avatar{border-color:#b5cae0;box-shadow:0 0 0 3px rgba(181,202,224,.08)}.home-ranking__author--3 .home-ranking__avatar{border-color:#d27c44;box-shadow:0 0 0 3px rgba(210,124,68,.09)}
.home-ranking__identity{display:flex;min-width:0;flex-direction:column}.home-ranking__identity strong,.home-ranking__identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-ranking__identity strong{font-size:16px}.home-ranking__identity small{margin-top:3px;color:#8ea9bd;font-size:15px}
.home-ranking__empty{margin:0;padding:24px;border:1px dashed rgba(74,145,173,.3);border-radius:13px;color:#8ca5b5;font-size:15px;text-align:center}
.home-new-authors{margin-top:18px;padding-top:17px;border-top:1px solid rgba(74,145,173,.18)}
.home-new-authors__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:11px}.home-new-authors__head h3{margin:0;color:#eff8fa;font-size:18px}.home-new-authors__head p{max-width:360px;margin:0;color:#7f9aaa;font-size:15px;text-align:right}
.home-new-authors__list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.home-new-authors__author{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:10px;min-width:0;padding:9px 11px;border:1px solid rgba(74,145,173,.2);border-radius:11px;background:rgba(4,20,32,.58);color:#edf7ff;text-decoration:none;transition:border-color .18s,background .18s}.home-new-authors__author:hover{border-color:rgba(96,165,250,.45);background:rgba(8,31,52,.76)}
.home-new-authors__avatar{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border:1px solid rgba(96,165,250,.52);border-radius:50%;background:#12345f;color:#dbeafe;font-weight:800}.home-new-authors__avatar img{width:100%;height:100%;object-fit:cover}.home-new-authors__author>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.home-new-authors__author strong,.home-new-authors__author small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-new-authors__author strong{font-size:15px}.home-new-authors__author small{margin-top:2px;color:#829daa}.home-new-authors__author>.ui-icon{color:#79adff}
@media(max-width:1240px){
  .home-hero{grid-template-columns:minmax(400px,.9fr) minmax(460px,1.1fr);gap:32px;min-height:460px}
  .home-hero h1{font-size:48px}
  .home-capabilities{grid-template-columns:repeat(3,1fr)}
  .home-capabilities article:nth-child(3){border-right:0}.home-capabilities article:nth-child(-n+3){border-bottom:1px solid rgba(77,150,171,.15)}
  .home-content-grid{grid-template-columns:1fr}
  .home-top{grid-row:auto}
  .home-preset-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .home-page{padding:18px 12px 104px}
  .home-hero{grid-template-columns:1fr;min-height:0;padding-top:18px}
  .home-hero__copy{padding:0 4px}
  .home-hero h1{max-width:720px;font-size:clamp(36px,6vw,48px)}
  .home-featured{height:390px}
  .home-preset-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .home-page{padding-top:10px}
  .home-hero{gap:25px;padding-bottom:20px}
  .home-hero h1{font-size:34px;line-height:1.08}
  .home-hero__copy>p{margin-top:17px;font-size:15px;line-height:1.6}
  .home-hero__actions{align-items:stretch;margin-top:21px}
  .home-button{min-height:47px}
  .home-hero__actions .home-button{flex:1 1 100%}
  .home-hero__personal{flex-basis:100%}
  .home-stats{grid-template-columns:1fr 1fr;margin-top:21px}
  .home-featured{height:310px;border-radius:18px}
  .home-featured__content{right:15px;bottom:15px;left:15px;grid-template-columns:48px minmax(0,1fr)}
  .home-featured__wave{right:15px;bottom:18px;width:72px;gap:3px}
  .home-featured__wave i{width:2px}
  .home-featured__wave i:nth-child(n+9){display:none}
  .home-featured__identity{padding-right:78px}
  .home-featured__play{width:46px;height:46px}
  .home-featured__identity h2{font-size:20px}
  .home-featured__status{display:none}
  .home-capabilities{grid-template-columns:1fr 1fr;margin-top:0}
  .home-capabilities article{padding:13px 11px}
  .home-capabilities article:nth-child(2n){border-right:0}.home-capabilities article:nth-child(3){border-right:1px solid rgba(77,150,171,.15)}.home-capabilities article:nth-child(-n+4){border-bottom:1px solid rgba(77,150,171,.15)}
  .home-capabilities h2{white-space:normal}
  .home-section{padding:15px}
  .home-section__head{align-items:flex-start;flex-direction:column}
  .home-filter{width:100%}.home-filter a{flex:1;text-align:center}
  .home-mix-grid{grid-template-columns:repeat(4,220px);margin-right:-15px;padding-right:15px}
  .home-mixes-empty{grid-template-columns:1fr;gap:15px}
  .home-mixes-empty__covers{width:100%}
  .home-mixes-empty .home-button{width:100%}
  .home-preset-grid{grid-template-columns:1fr}
  .home-faq{padding:15px}
  .home-ranking__list{grid-template-columns:1fr}
  .home-new-authors__head{align-items:flex-start;flex-direction:column;gap:4px}.home-new-authors__head p{text-align:left}
  .home-new-authors__list{grid-template-columns:1fr}
}
@keyframes home-featured-wave{from{transform:scaleY(.48);opacity:.55}to{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.home-featured__play,.home-button,.home-mix-card__cover img,.home-preset-card__arrow{transition:none}.home-featured__wave i{animation:none}}