:root{--green:#173f34;--green2:#245746;--cream:#f4efe3;--gold:#bd9b60;--ink:#17201d;--muted:#68736e;--card:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#315f50 0,var(--green) 28%,#0c241d 100%);color:var(--cream);font-family:Inter,Arial,sans-serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.hero{text-align:center;padding:52px 20px 32px}.brand-logo{display:block;width:118px;height:118px;object-fit:contain;margin:0 auto 18px;border-radius:50%;background:#fff;padding:7px;box-shadow:0 14px 34px rgba(0,0,0,.28)}.eyebrow{letter-spacing:.18em;font-size:.72rem;font-weight:700;color:#d5c398;margin:0 0 8px}.hero h1{font:700 clamp(2.8rem,8vw,5.3rem)/.9 "Cormorant Garamond";margin:0}.intro{max-width:600px;margin:18px auto 0;color:#d5ded9;line-height:1.7}.shell{width:min(1120px,calc(100% - 28px));margin:auto}.player{background:rgba(255,253,248,.98);color:var(--ink);border-radius:28px;overflow:hidden;display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr;box-shadow:0 30px 90px rgba(0,0,0,.35)}.cover{min-height:420px;padding:34px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d4ad69,#8c6430 62%,#3e2e1d);display:flex;align-items:flex-end}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.62))}.record{position:absolute;width:290px;height:290px;border-radius:50%;background:repeating-radial-gradient(circle,#121816 0 3px,#232b28 4px 6px);top:28px;right:-55px;box-shadow:0 16px 35px rgba(0,0,0,.45)}.record:after{content:"";position:absolute;inset:38%;border-radius:50%;background:var(--green);border:10px solid #d3b376}.record span{position:absolute;inset:48%;border-radius:50%;background:#eee;z-index:2}.playing .record{animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cover-copy{position:relative;z-index:1;color:white;display:flex;flex-direction:column;gap:7px}.cover-copy small{letter-spacing:.18em;color:#ead7aa;font-weight:700}.cover-copy strong{font:700 2.15rem/1.02 "Cormorant Garamond";max-width:360px}.cover-copy span{opacity:.78}.controls-panel{padding:44px;display:flex;flex-direction:column;justify-content:center}.topline{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.86rem}.icon,.play{border:0;background:transparent;cursor:pointer;color:var(--green);font-size:1.25rem;width:46px;height:46px;border-radius:50%}.icon:hover,.icon.active{background:#e8eee9}.ghost{font-size:1.7rem}.progress-wrap{margin:32px 0 18px}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer}.times{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:6px}.main-controls{display:flex;align-items:center;justify-content:center;gap:12px}.play{width:72px;height:72px;background:var(--green);color:#fff;font-size:1.5rem;box-shadow:0 10px 24px rgba(23,63,52,.28)}.play:hover{transform:scale(1.04)}.volume{display:flex;align-items:center;gap:12px;margin:28px auto 0;width:min(320px,100%);color:var(--muted)}.playlist-section{margin:42px 0 20px;background:rgba(255,253,248,.98);color:var(--ink);border-radius:28px;padding:32px}.list-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.list-head h2{font:700 2.2rem/1 "Cormorant Garamond";margin:0}.search{display:flex;align-items:center;gap:8px;border:1px solid #d7ddd8;border-radius:99px;padding:10px 15px}.search input{border:0;outline:0;background:transparent;min-width:190px}.playlist{display:grid;gap:7px}.track{display:grid;grid-template-columns:42px 1fr auto 42px;align-items:center;gap:10px;padding:13px 12px;border-radius:14px;cursor:pointer}.track:hover,.track.active{background:#e9f0eb}.track .num{font-variant-numeric:tabular-nums;color:#7c8782}.track strong{display:block;font-size:.95rem}.track small{color:#77817d}.track .len{font-size:.78rem;color:#77817d}.track button{border:0;background:none;font-size:1rem;color:var(--green);cursor:pointer}.note{text-align:center;color:#c5d0cb;font-size:.8rem;line-height:1.6;padding:8px 16px 28px}footer{text-align:center;padding:32px 20px 48px;color:#d5c398;font-family:"Cormorant Garamond";font-size:1.2rem}@media(max-width:760px){.hero{padding-top:34px}.player{grid-template-columns:1fr}.cover{min-height:340px}.record{width:245px;height:245px}.controls-panel{padding:28px 22px}.playlist-section{padding:24px 16px}.list-head{align-items:stretch;flex-direction:column}.search input{width:100%;min-width:0}.track{grid-template-columns:34px 1fr auto 32px}.track small{display:none}}