@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@400;500;700&display=swap";:root{--bg: #0f2036;--surface: #15345e;--surface-soft: #214a7f;--line: rgba(196, 214, 240, .35);--text: #f4f7ff;--text-soft: #c7d2ea;--accent: #f2d7a0;--shadow: 0 18px 45px rgba(2, 11, 24, .5);--dock-offset: .75rem;--player-dock-height: 7rem}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,Trebuchet MS,sans-serif;color:var(--text);background-color:#081223;background-image:linear-gradient(135deg,#08122399,#0d1f369e,#132d4c99),radial-gradient(circle at 15% 20%,rgba(242,215,160,.16),transparent 42%),radial-gradient(circle at 80% 15%,rgba(70,120,190,.24),transparent 36%),url(/images/backgrounds/william_morris_animals.webp);background-size:auto,auto,auto,100% auto;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-position:center,15% 20%,80% 15%,top center}main{width:min(1200px,94vw);margin:0 auto;padding:1.1rem 0 3.2rem}h1,h2,h3{margin:0;font-family:Cormorant Garamond,Georgia,serif;letter-spacing:.02em}a{color:inherit}.ambient-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 85%,rgba(239,221,184,.18),transparent 34%),radial-gradient(circle at 88% 78%,rgba(199,222,255,.12),transparent 35%)}.site-header{width:min(1200px,94vw);margin:.9rem auto 0;padding:.78rem 1.1rem;border:1px solid rgba(178,205,235,.28);border-radius:16px;background:#0b18298c;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header nav{display:flex;gap:.75rem}.site-header nav a,.site-header .home-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.42rem .82rem;border:1px solid transparent;border-radius:999px;color:var(--text-soft);transition:border-color .17s ease,color .17s ease,background-color .17s ease}.site-header .home-link{gap:.38rem;font-size:.92rem;line-height:1.2;white-space:nowrap}.site-header .nav-arrow{display:inline-block;line-height:1;font-size:1.5em;transform:translateY(-.12em);vertical-align:middle}.site-header .nav-arrow--right{margin-left:.34rem}.site-header nav a:hover,.site-header .home-link:hover{border-color:var(--line);color:#fff;background:#2a578f6b}.hero{padding:clamp(1rem,3vw,2.2rem) 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"ru ." ". es" "actions actions";gap:clamp(.7rem,2.2vw,1.6rem);align-items:start}.hero__text{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.76rem,4vw,3.2rem);line-height:.98}.hero__text--ru{grid-area:ru;max-width:16ch}.hero__text--es{grid-area:es;justify-self:end;text-align:right;color:var(--text-soft);max-width:20ch;align-self:end}.hero__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;color:var(--accent);font-weight:700;margin:0}.hero__actions{grid-area:actions;margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.hero__actions .button--ghost{color:#0b1c31;background:var(--accent);border-color:var(--accent)}.hero__actions .button{white-space:nowrap}.hero__actions .button--ru{min-width:17rem}@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"ru" "es" "actions"}.hero__text--es{justify-self:start;text-align:left}}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#0b1c31;background:var(--accent);border:1px solid var(--accent);padding:.68rem 1.08rem;border-radius:999px;font-weight:700;transition:transform .16s ease,opacity .16s ease}.button:hover{transform:translateY(-1px);opacity:.95}.button--ghost{color:var(--text);background:transparent;border-color:#e5ebfa59}.player-page{padding:.45rem 0 clamp(8.8rem,18vw,10.5rem)}.player-page.player-page--library-mode{padding-bottom:2.2rem}.player-card{border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at 14% 18%,rgba(253,230,184,.14),transparent 33%),radial-gradient(circle at 82% 18%,rgba(161,198,248,.2),transparent 28%),linear-gradient(145deg,#10294a,#173d6d 52%,#14355d);box-shadow:var(--shadow);padding:clamp(1rem,2.8vw,2rem)}.library-view{display:grid;gap:1rem}.library-view[hidden]{display:none!important}.library-view__header{text-align:center;display:grid;gap:.2rem}.library-view__header h1{margin:.1rem 0 0;font-size:clamp(1.15rem,3vw,2.2rem);line-height:1.1}.library-view__description{margin:0;font-size:.92rem;color:var(--text-soft)}.library-grid{display:flex;flex-direction:column;gap:.55rem;padding-inline:clamp(2.4rem,10vw,7.2rem)}.library-track-card{border:1px solid rgba(197,216,242,.35);border-radius:12px;background:#0a172994;color:#f3f7ff;width:100%;padding:.4rem;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background-color .16s ease;display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:.65rem;align-items:center}.library-track-card:hover{border-color:#f7dea9d1;transform:translateY(-1px);background:#1e3d61a3}.library-track-card:focus-visible{outline:2px solid rgba(247,219,163,.9);outline-offset:2px}.library-track-card img{width:60px;height:60px;object-fit:cover;border-radius:8px;display:block}.library-track-card__body{display:grid;min-width:0}.library-track-card__title{display:block;font-size:.9rem;line-height:1.22;font-weight:700}.library-track-card__meta{display:block;margin-top:.16rem;font-size:.74rem;line-height:1.24;color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-track-card__duration{justify-self:end;font-size:.8rem;color:#f8e8c0;font-variant-numeric:tabular-nums}.player-shell[hidden]{display:none!important}.player-dock{position:fixed;left:50%;bottom:max(var(--dock-offset),env(safe-area-inset-bottom));transform:translate(-50%);width:min(920px,94vw);border:1px solid rgba(192,213,241,.34);border-radius:18px;background:radial-gradient(circle at 10% 12%,rgba(250,228,183,.13),transparent 44%),linear-gradient(170deg,#0e1f36ed,#081525f2);box-shadow:0 14px 32px #040c178f;backdrop-filter:blur(14px);padding:.6rem .8rem;z-index:40}.playlist-panel{position:fixed;right:min(3vw,1.4rem);bottom:calc(max(var(--dock-offset),env(safe-area-inset-bottom)) + var(--player-dock-height) + .6rem);width:min(320px,90vw);max-height:min(60vh,560px);border:1px solid rgba(192,213,241,.34);border-radius:16px;background:radial-gradient(circle at 12% 10%,rgba(250,228,183,.12),transparent 50%),linear-gradient(166deg,#0e1f36f0,#081525f5);box-shadow:0 14px 34px #040c179e;backdrop-filter:blur(12px);padding:.72rem;display:grid;gap:.58rem;z-index:50}.playlist-panel[hidden]{display:none!important}.playlist-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.playlist-panel__close{width:30px;height:30px;border:1px solid rgba(201,219,246,.44);border-radius:999px;background:#0b182ab8;color:#f3f7ff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.playlist-panel__close svg{width:16px;height:16px;fill:currentcolor}.player-card--empty{text-align:center;color:var(--text-soft)}.player-header{text-align:center;margin-bottom:1.2rem}.player-header__eyebrow{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;font-weight:700}.player-header h1{margin-top:.15rem;font-size:clamp(1.05rem,2.6vw,2.02rem);text-transform:none;letter-spacing:.02em;line-height:1.1}.player-header__description{margin:.28rem auto 0;max-width:52ch;color:var(--text-soft);font-size:.95rem}.player-stage{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(1rem,2.4vw,2rem);align-items:center}.lyrics-column__label{margin:0;color:#e9ecf5;opacity:.9;font-size:.96rem}.lyrics-column{padding-left:clamp(1rem,2.8vw,2rem)}.lyrics-column h2{margin-top:.25rem;margin-bottom:.7rem;font-size:clamp(1.5rem,2.8vw,2.35rem)}.player-lyrics{margin:0;padding:0;list-style:none}.player-lyrics__line{font-size:clamp(.94rem,1.65vw,1.48rem);line-height:1.35;color:#f0f4ff;cursor:pointer}.player-lyrics__line+.player-lyrics__line{margin-top:.26rem}.player-lyrics__stanza-break{height:calc(clamp(.94rem,1.65vw,1.48rem)*1.35);pointer-events:none}.player-lyrics__line.is-active{font-weight:800;color:#fff8e2;text-shadow:0 0 18px rgba(247,214,144,.4)}.art-column{margin:0}.art-column img{width:auto;max-width:100%;height:auto;max-height:600px;margin:0 auto;display:block;border:10px solid #a67a38;box-shadow:0 0 0 3px #f0d69d4d,0 16px 28px #050b148c}.art-column figcaption{margin-top:.9rem;text-align:center;display:grid;gap:.18rem;color:var(--text-soft)}.art-column strong{color:#fff}.art-column a{width:min(100%,520px);margin:0 auto;display:block;cursor:zoom-in;color:var(--accent)}.art-column__extras{margin-top:1.45rem;display:grid;gap:1rem}.art-column__extras[hidden]{display:none!important}.art-column__extra{width:min(100%,520px);margin:0;display:block;text-decoration:none;cursor:zoom-in;color:var(--accent)}.art-column__extra img{width:auto;max-width:100%;height:auto;max-height:600px;margin:0 auto;display:block;border:10px solid #a67a38;box-shadow:0 0 0 3px #f0d69d4d,0 16px 28px #050b148c}.art-column__extra-caption{margin-top:.9rem;text-align:center;display:grid;gap:.18rem;color:var(--text-soft)}.art-column__extra-caption strong,.art-column__extra-caption span{display:block;font-size:.9rem;line-height:1.25;color:inherit}.art-column__extra-caption strong{color:#fff}.is-hidden{display:none!important}.transport-panel{margin-top:0;padding-top:0;border-top:0}.transport-panel__timeline{display:grid;grid-template-columns:3rem 1fr 3rem;gap:.62rem;align-items:center;color:var(--text-soft);font-size:.8rem}.transport-panel__timeline input[type=range]{width:100%;appearance:none;height:4px;border-radius:999px;background:#d1dcef7a;cursor:pointer}.transport-panel__timeline input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #133155d9}.transport-panel__timeline input[type=range]:disabled{opacity:.45;cursor:not-allowed}.transport-panel__buttons{display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin-top:.52rem;align-items:center}.transport-controls{grid-column:2;display:flex;justify-content:center;align-items:center;gap:.82rem}.transport-btn{border:1px solid rgba(230,236,250,.34);border-radius:999px;color:#f8f9ff;background:#0e213ab8;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:border-color .17s ease,background-color .17s ease,transform .17s ease,box-shadow .17s ease}.transport-btn svg{width:18px;height:18px;fill:currentcolor}.transport-btn:hover{border-color:#fbebc2a8;background:#3058899e;transform:translateY(-1px);box-shadow:0 8px 18px #040b1557}.transport-btn:active{transform:translateY(0)}.transport-btn:focus-visible{outline:2px solid rgba(247,219,163,.9);outline-offset:2px}.transport-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.transport-btn--play{width:46px;height:46px;background:#f5f7fe;color:#0a1c33;border-color:#fffffff2;box-shadow:0 10px 25px #08101d73}.transport-btn--play svg{width:21px;height:21px}.transport-btn--play [data-icon-pause],.transport-btn--play.is-playing [data-icon-play]{display:none}.transport-btn--play.is-playing [data-icon-pause]{display:block}.transport-btn--play:hover{border-color:#fff;background:#fff}.transport-btn--play:disabled{color:#0a1c3366;background:#f5f7fe80}.transport-btn--playlist{grid-column:3;justify-self:end;min-width:6.6rem;width:auto;padding:0 .95rem;height:38px;background:#f5f7fe;color:#0a1c33;border-color:#fffffff2;font-size:.78rem;font-weight:700;letter-spacing:.01em}.transport-btn--playlist:hover{border-color:#fff;background:#fff}.transport-btn--playlist:disabled{color:#0a1c3373;background:#f5f7fe80}.transport-panel__note{min-height:0;margin:.38rem 0 0;text-align:center;color:#f1d8a9;font-size:.78rem}.transport-panel audio{display:none}.carousel-panel__title{margin:0;font-size:.86rem;color:var(--text-soft)}.track-carousel{display:flex;gap:.68rem;overflow-x:auto;padding-bottom:.2rem}.track-carousel--vertical{display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;overflow-x:hidden;padding-right:.15rem;max-height:calc(min(60vh,560px) - 3.2rem)}.track-chip{border:1px solid rgba(197,216,242,.3);border-radius:12px;background:#0a17298f;color:#f3f7ff;min-width:124px;padding:.36rem;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background-color .16s ease}.track-chip--playlist{min-width:0;width:100%;display:grid;grid-template-columns:56px 1fr;align-items:center;gap:.56rem;border-radius:10px;padding:.28rem}.track-chip.track-chip--playlist img{width:56px;height:56px;aspect-ratio:auto;border-radius:6px}.track-chip.track-chip--playlist span{margin-top:0;font-size:.82rem;line-height:1.2}.track-chip img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;display:block}.track-chip span{display:block;margin-top:.35rem;font-size:.76rem;line-height:1.25}.track-chip:hover{border-color:#f7dea9bf;transform:translateY(-1px)}.track-chip.is-active{border-color:#fce8bcf2;background:#2a5484b8}.site-footer{width:min(1200px,94vw);margin:0 auto 1.8rem;color:var(--text-soft);font-size:.9rem}@media(max-width:940px){:root{--player-dock-height: 6.4rem}.player-page{padding-bottom:clamp(8.1rem,24vw,9.8rem)}.player-dock{width:calc(100vw - .9rem);border-radius:15px;padding:.55rem .62rem}.playlist-panel{right:.45rem;width:calc(100vw - .9rem);max-height:min(52vh,430px);bottom:calc(max(var(--dock-offset),env(safe-area-inset-bottom)) + var(--player-dock-height) + .5rem);padding:.62rem}.player-stage{grid-template-columns:1fr}.art-column img{width:100%}.art-column a{width:min(100%,390px)}.art-column__extras{grid-template-columns:1fr}.site-header{flex-wrap:wrap}}@media(max-width:560px){:root{--player-dock-height: 6rem}.transport-panel__timeline{grid-template-columns:2.6rem 1fr 2.6rem;gap:.4rem;font-size:.76rem}.carousel-panel__title{font-size:.8rem}.playlist-panel{bottom:calc(max(var(--dock-offset),env(safe-area-inset-bottom)) + var(--player-dock-height) + .45rem)}.library-track-card{grid-template-columns:52px minmax(0,1fr) auto;gap:.5rem}.library-grid{padding-inline:clamp(1rem,5.6vw,2rem)}.library-track-card img{width:52px;height:52px}.library-track-card__title{font-size:.84rem}.library-track-card__meta{font-size:.7rem}.library-track-card__duration{font-size:.75rem}.track-chip--playlist{grid-template-columns:50px 1fr;gap:.46rem}.track-chip.track-chip--playlist img{width:50px;height:50px}}