.ui-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon body go" "icon foot go";align-items:center;-moz-column-gap:var(--ui-s4);column-gap:var(--ui-s4);row-gap:2px;width:100%;min-height:84px;padding:var(--ui-s4);border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);color:var(--ui-text);font:inherit;text-align:left;text-decoration:none;cursor:pointer;background:linear-gradient(160deg,var(--ui-raised),var(--ui-card) 70%);box-shadow:var(--ui-shadow);transition:transform var(--ui-d-base) var(--ui-spring),border-color var(--ui-d-base) var(--ui-out),box-shadow var(--ui-d-base) var(--ui-out),background var(--ui-d-base) var(--ui-out)}.ui-option:hover{transform:translateY(-3px);border-color:var(--ui-line-strong);box-shadow:var(--ui-shadow),0 14px 34px -18px #00d4ff59}.ui-option:active{transform:translateY(0) scale(.985)}.ui-option:focus-visible{outline:none;box-shadow:var(--ui-focus)}.ui-option[aria-expanded=true],.ui-option[aria-pressed=true],.ui-option[aria-current=true]{border-color:var(--ui-cyan);background:linear-gradient(160deg,rgba(0,212,255,.14),var(--ui-card) 75%);box-shadow:var(--ui-glow-cyan)}.ui-option[disabled],.ui-option[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.ui-option__icon{grid-area:icon;display:grid;place-items:center;width:52px;height:52px;border-radius:var(--ui-r-sm);color:var(--ui-cyan);background:#00d4ff1a;border:1px solid rgba(0,212,255,.22)}.ui-option__icon svg{width:26px;height:26px}.ui-option__body{grid-area:body;min-width:0;align-self:end}.ui-option__title{display:block;font-family:var(--ui-font-display);font-weight:600;font-size:var(--ui-t-lg);letter-spacing:-.01em;line-height:1.15}.ui-option__benefit{display:block;margin-top:4px;color:var(--ui-dim);font-size:var(--ui-t-sm);line-height:1.35}.ui-option__foot{grid-area:foot;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-s2) var(--ui-s3);align-self:start;margin-top:var(--ui-s2)}.ui-option__go{grid-area:go;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--ui-text);background:#ffffff14;transition:transform var(--ui-d-base) var(--ui-spring),background var(--ui-d-base) var(--ui-out)}.ui-option__go svg{width:18px;height:18px;transition:transform var(--ui-d-base) var(--ui-spring)}.ui-option:hover .ui-option__go{background:#ffffff29}.ui-option:hover .ui-option__go svg{transform:translate(2px)}.ui-option[aria-expanded=true] .ui-option__go svg{transform:rotate(90deg)}.ui-option--primary{border-color:transparent;background:linear-gradient(160deg,#10242d,var(--ui-card) 80%) padding-box,linear-gradient(120deg,var(--ui-cyan),var(--ui-violet) 60%,var(--ui-pink)) border-box;box-shadow:var(--ui-shadow),0 16px 40px -22px #00d4ff99}.ui-option--primary .ui-option__icon{color:var(--ui-cyan-ink);background:linear-gradient(120deg,var(--ui-cyan),#7be9ff);border-color:transparent}.ui-option--primary .ui-option__go{color:var(--ui-cyan-ink);background:var(--ui-cyan)}.ui-option--primary:hover .ui-option__go{background:#5ee7ff}@media(min-width:900px){.ui-options--tiles .ui-option{grid-template-columns:1fr auto;grid-template-areas:"icon go" "body body" "foot foot";align-items:start;row-gap:var(--ui-s3);min-height:210px;padding:var(--ui-s5)}.ui-options--tiles .ui-option__body{align-self:start}.ui-options--tiles .ui-option__foot{align-self:end;margin-top:auto}}.ui-options{display:grid;gap:var(--ui-s3)}@media(min-width:900px){.ui-options--tiles{grid-template-columns:repeat(var(--ui-options-cols, 3),minmax(0,1fr));gap:var(--ui-s4)}}.ui-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--ui-s2);line-height:1.1}.ui-price__label{color:var(--ui-faint);font-size:var(--ui-t-xs)}.ui-price__amount{font-family:var(--ui-font-display);font-weight:600;font-size:var(--ui-t-xl);letter-spacing:-.01em}.ui-price__amount--free{color:var(--ui-good)}.ui-price__note{color:var(--ui-faint);font-size:var(--ui-t-xs)}.ui-chips{display:flex;flex-wrap:wrap;gap:var(--ui-s2)}.ui-chips--scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--ui-s4) * -1);padding-inline:var(--ui-s4);-webkit-overflow-scrolling:touch}.ui-chips--scroll::-webkit-scrollbar{display:none}.ui-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;flex:none;align-items:center;gap:6px;min-height:var(--ui-tap);padding:0 var(--ui-s4);border:1px solid var(--ui-line);border-radius:var(--ui-r-pill);background:#ffffff0a;color:var(--ui-dim);font:inherit;font-size:var(--ui-t-sm);font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--ui-d-base) var(--ui-spring),background var(--ui-d-base) var(--ui-out),border-color var(--ui-d-base) var(--ui-out),color var(--ui-d-fast)}.ui-chip:hover{color:var(--ui-text);border-color:var(--ui-line-strong);background:#ffffff14}.ui-chip:active{transform:scale(.96)}.ui-chip:focus-visible{outline:none;box-shadow:var(--ui-focus)}.ui-chip[aria-pressed=true],.ui-chip[aria-current=true],.ui-chip.is-active{color:var(--ui-cyan-ink);background:linear-gradient(100deg,var(--ui-cyan),#5ee7ff);border-color:transparent;font-weight:600;box-shadow:var(--ui-glow-cyan)}.ui-chip--static{min-height:32px;padding:0 var(--ui-s3);cursor:default;font-size:var(--ui-t-xs);color:var(--ui-text);background:#ffffff12}.ui-chip--static:hover{color:var(--ui-text);border-color:var(--ui-line);background:#ffffff12}.ui-chip svg{width:16px;height:16px;flex:none}.ui-search{position:relative;display:block;min-width:0}.ui-search>svg{position:absolute;left:var(--ui-s4);top:50%;width:18px;height:18px;translate:0 -50%;color:var(--ui-faint);pointer-events:none}.ui-search input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:var(--ui-tap);padding:0 var(--ui-s5) 0 calc(var(--ui-s4) + 30px);border:1px solid var(--ui-line);border-radius:var(--ui-r-pill);background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:var(--ui-t-base);transition:border-color var(--ui-d-base) var(--ui-out),box-shadow var(--ui-d-base) var(--ui-out)}.ui-search input::-moz-placeholder{color:var(--ui-faint)}.ui-search input::placeholder{color:var(--ui-faint)}.ui-search input:focus{outline:none;border-color:var(--ui-cyan);box-shadow:0 0 0 4px #00d4ff24}.ui-songrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto 2.25rem;align-items:center;gap:var(--ui-s3);width:100%;min-height:60px;padding:var(--ui-s2) var(--ui-s4);border:0;background:transparent;color:var(--ui-text);font:inherit;text-align:left;cursor:pointer;transition:background var(--ui-d-fast)}.ui-songrow:hover{background:#ffffff0d}.ui-songrow:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ui-cyan)}.ui-songrow__n{color:var(--ui-faint);font-size:var(--ui-t-xs);font-variant-numeric:tabular-nums;text-align:center}.ui-songrow__main{min-width:0}.ui-songrow__title{display:block;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.ui-songrow__sub{display:block;overflow:hidden;color:var(--ui-faint);font-size:var(--ui-t-sm);text-overflow:ellipsis;white-space:nowrap}.ui-year{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:var(--ui-r-pill);background:#8b5cf629;border:1px solid rgba(139,92,246,.35);color:#d9ccff;font-size:var(--ui-t-xs);font-weight:600;font-variant-numeric:tabular-nums}.ui-songrow__play{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--ui-dim);background:#ffffff0f;transition:background var(--ui-d-base) var(--ui-out),color var(--ui-d-fast),transform var(--ui-d-base) var(--ui-spring)}.ui-songrow__play svg{width:16px;height:16px}.ui-songrow:hover .ui-songrow__play{color:var(--ui-cyan-ink);background:var(--ui-cyan);transform:scale(1.08)}@media(max-width:480px){.ui-songrow{grid-template-columns:1.75rem minmax(0,1fr) auto 2rem;gap:var(--ui-s2);padding-inline:var(--ui-s3)}}.ui-carousel{position:relative}.ui-carousel__track{display:flex;gap:var(--ui-s4);overflow-x:auto;padding:var(--ui-s2) var(--ui-s4) var(--ui-s4);margin-inline:calc(var(--ui-s4) * -1);scroll-snap-type:x mandatory;scroll-padding-inline:var(--ui-s4);scrollbar-width:none;-webkit-overflow-scrolling:touch}.ui-carousel__track::-webkit-scrollbar{display:none}.ui-carousel__item{flex:none;width:min(62vw,240px);scroll-snap-align:start}.ui-carousel__nav{display:none;gap:var(--ui-s2)}@media(min-width:900px){.ui-carousel__nav{display:flex}}.ui-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0;list-style:none;font-size:var(--ui-t-sm)}.ui-crumbs li{display:inline-flex;align-items:center;min-width:0;color:var(--ui-faint)}.ui-crumbs li+li:before{content:"";width:6px;height:6px;margin-inline:var(--ui-s2);border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;rotate:45deg;opacity:.6}.ui-crumbs a{display:inline-flex;align-items:center;min-height:var(--ui-tap);color:var(--ui-dim);text-decoration:none}.ui-crumbs a:hover{color:var(--ui-text)}.ui-crumbs a:focus-visible{outline:none;border-radius:6px;box-shadow:var(--ui-focus)}.ui-crumbs [aria-current=page]{overflow:hidden;max-width:46vw;text-overflow:ellipsis;white-space:nowrap}@media(prefers-reduced-motion:reduce){.ui-option,.ui-option__go,.ui-option__go svg,.ui-chip,.ui-songrow__play{transition:none}.ui-option:hover,.ui-option:active,.ui-chip:active,.ui-songrow:hover .ui-songrow__play{transform:none}.ui-carousel__track{scroll-behavior:auto}}
