:root{--bg:#f6efe2;--bg-deep:#dcc4a1;--surface:#fff9f0c7;--surface-strong:#fffcf7eb;--border:#5335221f;--text:#22150d;--muted:#715540;--accent:#b55b2e;--accent-deep:#80401d;--shadow:0 24px 60px #4a2a131f;--white-key:#fffaf2;--white-key-edge:#d7c4a7;--black-key:#372416;--active:#efb45c;--font-heading:"Cormorant Garamond", Georgia, serif;--font-body:"Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left, #ffffffe6, transparent 24%), radial-gradient(circle at bottom right, #b55b2e2e, transparent 28%), linear-gradient(135deg, var(--bg), #ebdeca 55%, var(--bg-deep));margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff2e 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 34%,#0000 84%);mask-image:radial-gradient(circle,#000 34%,#0000 84%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3{font-family:var(--font-heading);margin:0;line-height:.98}p,li{line-height:1.7}.container{width:min(1180px,100% - 32px);margin:0 auto}.page-stack{gap:24px;padding:28px 0 72px;display:grid}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px 0;position:sticky;top:0}.site-header__inner,.hero-block,.player-hero,.panel,.content-card,.prose-block{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.site-header__inner{border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand__badge{color:#fff7ef;background:linear-gradient(135deg, var(--accent), var(--accent-deep));width:46px;height:46px;font-family:var(--font-heading);border-radius:16px;place-items:center;font-size:1.5rem;display:inline-grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted)}.site-nav{color:var(--muted);flex-wrap:wrap;gap:18px;display:flex}.site-nav a:hover,.text-link,.button--secondary{color:var(--accent-deep)}.hero-block,.player-hero{border-radius:28px;grid-template-columns:1fr;gap:24px;padding:28px;display:grid}.hero-block__copy h1,.player-hero h1,.prose-block h1{font-size:clamp(2.6rem,4.8vw,4.9rem)}.lead{max-width:60ch;color:var(--muted);margin:18px 0 0;font-size:1.06rem}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}.hero-actions{gap:14px;margin-top:24px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;display:inline-flex}.button--primary{color:#fff8f0;background:linear-gradient(135deg, var(--accent), var(--accent-deep))}.button--secondary{background:#ffffff80;border-color:#5335222e}.prose-block,.content-card,.panel{border-radius:26px;padding:24px}.hero-stats,.card-grid,.section-grid,.footer-links,.control-grid,.faq-list{gap:16px;display:grid}.stat-card span,.field span,.stepper-card span,.now-playing span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px;font-size:.76rem;display:block}.stat-card strong{font-size:1.15rem}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-stack{gap:18px;display:grid}.section-heading{max-width:62ch}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plain-list{margin:0;padding-left:18px}.player-shell{gap:22px;display:grid}.player-grid{grid-template-columns:360px minmax(0,1fr);gap:22px;display:grid}.panel-heading{margin-bottom:20px}.field,.stepper-card,.info-card,.now-playing,.stat-card{background:var(--surface-strong);border:1px solid #53352214;border-radius:20px}.field,.info-card,.now-playing{padding:16px 18px}.field{margin-bottom:14px;display:block}.field-row,.stepper{align-items:center;gap:14px;display:flex}input[type=range]{width:100%;accent-color:var(--accent)}select,.stepper button{background:#fffaf3f0;border:1px solid #5335222e;border-radius:14px}select{width:100%;padding:12px 14px}.stepper-card{padding:16px 18px}.stepper strong{text-align:center;min-width:48px;font-size:1.25rem}.stepper button{width:44px;height:44px}.info-card h3,.content-card h2,.content-card h3{margin-bottom:12px}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-bottom:18px;display:flex}.dot{border-radius:999px;width:10px;height:10px;margin-right:8px;display:inline-block}.dot--light{background:var(--white-key);border:1px solid var(--white-key-edge)}.dot--dark{background:var(--black-key)}.dot--accent{background:var(--accent)}.keyboard-frame{background:linear-gradient(160deg,#ffffffa8,#dfcfb9b8),linear-gradient(#5335220f,#0000);border-radius:24px;padding:18px}.keyboard{gap:10px;min-height:330px;padding:8px 4px 0;display:flex;overflow-x:auto}.white-slot{flex:0 0 clamp(54px,5vw,68px);position:relative}.key{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border:0;padding:0;transition:transform .12s,background .12s}.key--white{background:linear-gradient(180deg, #fffdf8 0%, var(--white-key) 60%, #e9dac2 100%);border:1px solid var(--white-key-edge);border-radius:0 0 18px 18px;justify-content:center;align-items:end;width:100%;height:280px;display:flex;box-shadow:inset 0 -12px 18px #5d3f1e1a}.key--black{background:linear-gradient(180deg, #533726 0%, var(--black-key) 100%);z-index:2;color:#fff8f0;border-radius:0 0 14px 14px;width:clamp(36px,3.2vw,44px);height:172px;position:absolute;top:0;right:-34%}.key.is-active{transform:translateY(2px)}.key--white.is-active{background:linear-gradient(#ffefcf 0%,#f5d28a 100%)}.key--black.is-active{background:linear-gradient(180deg, #88552a 0%, var(--active) 100%)}.key-label{flex-direction:column;align-items:center;gap:6px;margin-bottom:16px;font-size:.75rem;display:flex}.key-label--dark{margin-top:16px;margin-bottom:0}.sargam{font-size:1rem;font-weight:800}.now-playing{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.prose-block p,.content-card p{color:var(--muted)}.site-footer{padding:0 0 32px}.site-footer__grid{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:1.3fr .8fr;gap:20px;padding:24px;display:grid}.footer-copy{color:var(--muted);max-width:56ch;margin:0}.footer-links{align-content:start;justify-items:start}@media (max-width:980px){.hero-block,.player-hero,.player-grid,.section-grid,.card-grid,.site-footer__grid{grid-template-columns:1fr}.site-header__inner{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.container{width:min(100% - 20px,1180px)}.page-stack{padding:12px 0 48px}.hero-actions,.field-row,.now-playing{flex-direction:column;align-items:flex-start}.keyboard{gap:8px;min-height:290px}.white-slot{flex-basis:56px}.key--white{height:244px}.key--black{width:34px;height:144px}}