:root{
  color-scheme:dark;
  --bg:#100e0b;--bg-soft:#181510;--panel:rgba(29,26,21,.9);--panel-solid:#1d1914;
  --text:#e9dfce;--muted:#b3a997;--dim:#8f8779;--line:rgba(211,193,159,.18);
  --amber:#a9772d;--amber-light:#cfad68;--gold-deep:#684311;--cyan:#9ba4a0;--rose:#9a7063;--green:#89937e;
  --shadow:0 28px 80px rgba(0,0,0,.32);--radius:16px;--max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:clip}
section[id]{scroll-margin-top:112px}
body{margin:0;min-height:100vh;overflow-x:clip;background:
  radial-gradient(ellipse at 52% -10%,rgba(164,137,91,.11),transparent 46%),
  radial-gradient(ellipse at 100% 42%,rgba(85,61,36,.13),transparent 38%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0 1px,transparent 1px 7px),
  linear-gradient(180deg,#15120e 0,var(--bg) 38%,#090806 100%);
  background-attachment:fixed;color:var(--text);font-family:Tahoma,"Segoe UI",sans-serif;line-height:1.75}
body:before{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.035;background:
  repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.35) 3px 4px),
  repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,0,0,.55) 7px 8px);
  mix-blend-mode:soft-light}
html:after{content:"";position:fixed;inset:0;z-index:89;pointer-events:none;box-shadow:inset 0 0 150px 25px rgba(0,0,0,.5)}
button,input,select{font:inherit}
button,a,select,input{outline:none}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{box-shadow:0 0 0 3px rgba(207,173,104,.28)}
button{color:inherit}
a{color:inherit;text-decoration:none}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:-1;opacity:.15}
.ambient-a{width:600px;height:600px;background:#765323;top:10%;right:-260px}
.ambient-b{width:500px;height:500px;background:#545148;top:42%;left:-220px}
.site-header{position:sticky;top:14px;z-index:50;width:min(calc(100% - 28px),var(--max));margin:14px auto 0;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(211,193,159,.24);border-radius:13px;background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
  linear-gradient(180deg,rgba(35,31,25,.96),rgba(15,13,10,.94));backdrop-filter:blur(20px);box-shadow:0 16px 45px rgba(0,0,0,.38),inset 0 1px rgba(234,218,184,.08)}
.site-header:after{content:"";position:absolute;right:22px;left:22px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(233,163,58,.48),transparent)}
.brand{display:flex;align-items:center;gap:11px;direction:ltr}
.brand b{display:block;font-size:1.05rem;line-height:1.15;letter-spacing:.025em;text-shadow:0 1px 0 #000,0 0 18px rgba(255,218,160,.12)}
.brand small{display:block;color:var(--amber-light);font-size:.6rem;font-weight:700;letter-spacing:.16em;margin-top:4px}
.record-mark{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:repeating-radial-gradient(circle,#080806 0 2px,#28241f 2px 4px);box-shadow:0 4px 16px #000}
.record-mark:after{content:"";position:absolute;inset:38%;border-radius:50%;background:var(--amber)}
.record-mark i{width:3px;height:3px;border-radius:50%;background:#050507;z-index:1}
.site-header nav{display:flex;gap:6px}
.site-header nav a{padding:8px 12px;border-radius:10px;color:var(--muted);font-size:.86rem;font-weight:700;transition:.2s}
.site-header nav a:hover{color:var(--text);background:rgba(255,255,255,.06)}
.icon{display:inline-block;width:20px;height:20px;background:currentColor;mask-position:center;mask-repeat:no-repeat;mask-size:contain;vertical-align:middle}
[data-icon=play]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4v16l13-8L7 4z'/%3E%3C/svg%3E")}
[data-icon=stop]{mask-image:linear-gradient(#000 0 0)}
[data-icon=volume]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9H4zm12 1a3 3 0 010 4v-4zm0-4a7 7 0 010 12V6z'/%3E%3C/svg%3E")}
[data-icon=target]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1010 10h-3a7 7 0 11-7-7V2zm2 0v6h6l-2-2 4-4-2-2-4 4-2-2zm-2 7a3 3 0 103 3h-3V9z'/%3E%3C/svg%3E")}
[data-icon=shield]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3v6c0 5-3.4 9.7-8 11-4.6-1.3-8-6-8-11V5l8-3zm-1 13l6-6-1.4-1.4-4.6 4.6-2.6-2.6L7 11l4 4z'/%3E%3C/svg%3E")}
[data-icon=wifi-off]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 4l18 18 1.4-1.4L18 17.2A3 3 0 0015 14c-.4 0-.8.1-1.2.2l-2.3-2.3c2.4-1.1 5.4-.7 7.4 1.2l2.1-2.1a11 11 0 00-12-2L6.7 6.7A15 15 0 0122.5 8L24 5.7A18 18 0 004.5 4.5L3.4 3.4 2 4zm0 1.7L0 8a18 18 0 014.3-2.3l2.4 2.4A11 11 0 003 11l2.1 2.1a7 7 0 014-2l2.6 2.6A3 3 0 0012 18l3 3 1.5-1.5L2 5.7z'/%3E%3C/svg%3E")}
[data-icon=repeat]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7h10v3l4-4-4-4v3H7a5 5 0 00-5 5v2h2v-2a3 3 0 013-3zm10 10H7v-3l-4 4 4 4v-3h10a5 5 0 005-5v-2h-2v2a3 3 0 01-3 3z'/%3E%3C/svg%3E")}
[data-icon=count]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h2v16H5V7H3V5l2-1zm5 2a3 3 0 016 0c0 1-.5 2-1.5 3L12 12h4v2h-7v-2l4-4.5c.6-.7 1-1.1 1-1.5a1 1 0 00-2 0h-2zm0 10h2a1 1 0 102 0v-1h-2v-2h2v-1a1 1 0 10-2 0h-2a3 3 0 016 0 3 3 0 01-1 2 3 3 0 011 2 3 3 0 01-6 0z'/%3E%3C/svg%3E")}
[data-icon=sliders]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h2v6H4V4zm0 10h2v6H4v-6zm7-10h2v2h-2V4zm0 6h2v10h-2V10zm7-6h2v9h-2V4zm0 13h2v3h-2v-3zM2 11h6v2H2v-2zm7-4h6v2H9V7zm7 7h6v2h-6v-2z'/%3E%3C/svg%3E")}
[data-icon=spark]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l1.5 6.5L20 10l-6.5 1.5L12 18l-1.5-6.5L4 10l6.5-1.5L12 2zm7 14l.7 2.3L22 19l-2.3.7L19 22l-.7-2.3L16 19l2.3-.7L19 16z'/%3E%3C/svg%3E")}
[data-icon=history]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3v11.3A4 4 0 108 18V7l9-2v7.3a4 4 0 102 3.7V2l-9 1z'/%3E%3C/svg%3E")}
[data-icon=lock]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 9V7a5 5 0 00-10 0v2H5v13h14V9h-2zm-8-2a3 3 0 016 0v2H9V7zm8 13H7v-9h10v9z'/%3E%3C/svg%3E")}
[data-icon=arrow]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h12l-5-5 1.4-1.4L20 12l-7.6 7.4L11 18l5-5H4v-2z'/%3E%3C/svg%3E")}
[data-icon=mic]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 14a3 3 0 003-3V5a3 3 0 00-6 0v6a3 3 0 003 3zm5-3a5 5 0 01-10 0H5a7 7 0 006 6.9V21H8v2h8v-2h-3v-3.1A7 7 0 0019 11h-2z'/%3E%3C/svg%3E")}
[data-icon=speaker]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9H4zm12 1a3 3 0 010 4v-4zm0-4a7 7 0 010 12V6z'/%3E%3C/svg%3E")}
[data-icon=chat]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h16a2 2 0 012 2v11a2 2 0 01-2 2H8l-6 4V5a2 2 0 012-2zm2 6v2h12V9H6zm0 4v2h8v-2H6z'/%3E%3C/svg%3E")}
[data-icon=close]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.4 5L5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6L19 6.4 17.6 5 12 10.6 6.4 5z'/%3E%3C/svg%3E")}
[data-icon=send]{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 21l21-9L2 3v7l15 2-15 2v7z'/%3E%3C/svg%3E")}
.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);cursor:pointer}
.icon-button:hover{background:rgba(255,255,255,.09)}
main{width:min(calc(100% - 28px),var(--max));margin:auto}
.section-shell{margin:70px 0}
.hero{position:relative;min-height:0;margin-top:30px;display:grid;grid-template-columns:1.1fr .9fr;grid-template-areas:"photo photo" "copy console";gap:30px 48px;align-items:center;padding:18px clamp(22px,4vw,54px) 48px;border:1px solid rgba(202,166,102,.3);border-radius:20px;background:
  repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
  linear-gradient(145deg,rgba(35,31,25,.97),rgba(14,12,9,.97));
  box-shadow:var(--shadow),inset 0 0 0 5px rgba(16,12,8,.28),inset 0 1px rgba(255,226,170,.1);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;opacity:.3;background:
  repeating-linear-gradient(178deg,transparent 0 18px,rgba(230,197,135,.045) 19px 20px),
  radial-gradient(circle at 15% 82%,transparent 0 9%,rgba(0,0,0,.52) 34%,transparent 54%);mix-blend-mode:screen}
.hero:after{content:"BLUEBEND · LIVE ROOM";position:absolute;left:28px;top:24px;color:rgba(255,218,160,.18);font:800 .56rem/1 monospace;letter-spacing:.28em;writing-mode:vertical-rl}
.hero>*{position:relative;z-index:1}
.crossroads-frame{grid-area:photo;position:relative;height:clamp(230px,29vw,340px);margin:0 -28px;border:1px solid rgba(218,201,169,.24);border-radius:10px;overflow:hidden;background:#0c0b09;box-shadow:0 18px 50px rgba(0,0,0,.42)}
.crossroads-frame:before{content:"";position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 70px 18px rgba(0,0,0,.55);pointer-events:none}
.crossroads-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 61%;filter:grayscale(1) sepia(.18) contrast(1.1) brightness(.86)}
.crossroads-frame figcaption{position:absolute;z-index:2;right:18px;bottom:16px;padding:8px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(231,216,185,.28);background:rgba(18,15,11,.86);color:#ddd0ba;box-shadow:0 8px 25px rgba(0,0,0,.42);direction:ltr}.crossroads-frame figcaption b{font:900 .66rem monospace;letter-spacing:.14em}.crossroads-frame figcaption span{font-size:.62rem;color:#aaa08f;direction:rtl}
.hero-copy{grid-area:copy}.hero-console{grid-area:console}
.eyebrow,.kicker{color:var(--amber);font-size:.72rem;font-weight:800;letter-spacing:.13em}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid rgba(244,170,63,.25);border-radius:999px;background:rgba(244,170,63,.07)}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 5px rgba(243,107,131,.12);animation:pulse 1.8s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(243,107,131,0)}}
.hero h1{margin:22px 0 18px;font-size:clamp(3.5rem,8vw,7.5rem);line-height:1.06;letter-spacing:-.06em}
.hero h1.hero-philosophy{max-width:820px;font-size:clamp(2.7rem,5.4vw,5.1rem);line-height:1.14;letter-spacing:-.045em}
.hero h1 span,.hero h1 em{display:block}
.hero h1 em{padding-bottom:.06em;font-style:normal;color:var(--amber-light);background:linear-gradient(180deg,#f0d38d 4%,var(--amber-light) 38%,var(--amber) 72%,#9a651b 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 12px 34px rgba(197,139,47,.13)}
.hero-copy>p{max-width:640px;margin:0;color:var(--muted);font-size:1.05rem}
.hero-musical-strip{width:max-content;max-width:100%;margin-top:18px;padding:7px 12px;display:flex;align-items:center;gap:9px;border-top:1px solid rgba(226,184,102,.3);border-bottom:1px solid rgba(226,184,102,.18);color:#d8c7a5;font:700 .62rem/1.4 monospace;letter-spacing:.12em;direction:ltr}.hero-musical-strip span{font-size:1.2rem;color:var(--amber-light)}.hero-musical-strip i{width:3px;height:3px;border-radius:50%;background:var(--amber)}
.hero-actions{display:flex;gap:11px;margin-top:28px;flex-wrap:wrap}
.button{min-height:48px;padding:0 19px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.05);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;cursor:pointer;transition:transform .18s,background .18s}
.button:hover{transform:translateY(-2px)}
.button.primary{border:0;background:linear-gradient(145deg,#e8c574,var(--amber) 72%,var(--gold-deep));color:#211604;box-shadow:0 12px 30px rgba(197,139,47,.2),inset 0 1px rgba(255,244,208,.45)}
.button.secondary{border:0;background:linear-gradient(145deg,#c9c6bd,var(--cyan) 70%,#6f7774);color:#181714;box-shadow:inset 0 1px rgba(255,255,255,.45)}
.button.ghost{background:transparent}
.button.compact{min-height:44px;padding:0 13px;font-size:.78rem}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:var(--dim);font-size:.75rem}
.trust-row span{display:flex;align-items:center;gap:6px}.trust-row .icon{width:15px;height:15px}
.hero-console{position:relative;max-width:410px;aspect-ratio:.88;margin:auto;width:100%;padding:25px;border:1px solid rgba(208,174,111,.28);border-radius:28px;background:
  repeating-linear-gradient(45deg,rgba(221,198,156,.035) 0 1px,transparent 1px 4px),
  linear-gradient(160deg,rgba(46,38,31,.9),rgba(8,13,25,.92));box-shadow:0 30px 80px rgba(0,0,0,.6),inset 0 1px rgba(255,218,160,.12);overflow:hidden}
.hero-console:before{content:"";position:absolute;inset:-40%;background:conic-gradient(transparent,rgba(190,184,169,.06),transparent,rgba(169,119,45,.1),transparent);animation:spin 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-console>*{position:relative}
.console-top{display:flex;justify-content:space-between;color:var(--dim);font:700 .68rem monospace;letter-spacing:.14em}
.vu-mini{display:flex;align-items:flex-end;gap:3px;height:15px}.vu-mini i{display:block;width:3px;background:var(--green);height:35%;animation:vu .9s alternate infinite}.vu-mini i:nth-child(2){height:80%;animation-delay:.2s}.vu-mini i:nth-child(3){height:50%;animation-delay:.4s}.vu-mini i:nth-child(4){height:100%;animation-delay:.1s}
@keyframes vu{to{height:100%}}
.now-ring{width:210px;aspect-ratio:1;margin:48px auto 42px;display:grid;place-items:center;border-radius:50%;background:
  radial-gradient(circle,#1c1813 0 46%,transparent 47% 55%,rgba(0,0,0,.8) 56% 59%,transparent 60%),
  conic-gradient(var(--amber) 0 66%,rgba(32,31,30,.9) 66%),
  repeating-radial-gradient(circle,#111 0 2px,#292725 3px 4px);
  box-shadow:inset 0 0 40px rgba(0,0,0,.8),0 0 55px rgba(197,139,47,.14)}
.now-ring div{text-align:center}.now-ring strong{display:block;font:800 4rem/1 "Segoe UI";letter-spacing:-.08em}.now-ring span{color:var(--amber);font:700 .7rem monospace;letter-spacing:.2em}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.hero-stats div{padding:10px 4px;border-left:1px solid var(--line)}.hero-stats div:last-child{border:0}.hero-stats span{display:block;color:var(--dim);font-size:.66rem}.hero-stats b{font-size:1.2rem}
.roots-banner{position:relative;min-height:440px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:28px;border:1px solid rgba(202,166,102,.3);border-radius:20px;background:
  linear-gradient(90deg,rgba(8,7,5,.1),rgba(8,7,5,.3) 42%,rgba(8,7,5,.94) 78%),
  url("dockery-farms-archive.jpg") center/cover no-repeat;box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 0 0 5px rgba(33,22,12,.3);overflow:hidden;filter:sepia(.12)}
.roots-banner:before{content:"";position:absolute;inset:10px;border:1px solid rgba(230,203,152,.16);border-radius:21px;pointer-events:none}
.roots-banner:after{content:"FIELD RECORDING · SIDE B";position:absolute;right:24px;bottom:18px;color:rgba(241,210,151,.32);font:700 .55rem monospace;letter-spacing:.22em;direction:ltr}
.roots-copy{position:relative;z-index:1;max-width:650px;padding:24px;border-right:3px double rgba(202,180,139,.4);background:linear-gradient(90deg,transparent,rgba(15,13,10,.72));text-shadow:0 2px 12px #000}
.roots-copy h2{margin:6px 0 10px;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.2;color:#f0e3cb}.roots-copy p{max-width:600px;margin:0;color:#c9c1b4;font-size:.9rem}
.roots-notes{display:flex;align-items:end;gap:16px;margin-top:18px;color:var(--amber-light);direction:ltr}.roots-notes span{display:inline-block;font:700 1.5rem Georgia,serif;transform:rotate(-5deg)}.roots-notes span:nth-child(2){font-size:2.1rem;transform:translateY(3px) rotate(7deg)}.roots-notes span:nth-child(3){color:var(--cyan)}
.roots-record{position:relative;z-index:1;width:170px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#09090b 0 3px,#282324 4px 6px);border:1px solid rgba(230,203,152,.24);box-shadow:0 22px 55px rgba(0,0,0,.58);transform:rotate(-8deg)}
.roots-record:before{content:"DELTA";position:absolute;inset:35%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#17100a 0 11%,#b6802b 12% 100%);color:#241505;font:900 .55rem monospace;letter-spacing:.08em}.roots-record i{position:absolute;width:31%;height:8px;right:-10%;top:7%;border-radius:8px;background:linear-gradient(#baa475,#58472d);transform:rotate(43deg);transform-origin:right center;box-shadow:50px 42px 0 -3px #99805b}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.section-heading h2{margin:3px 0 2px;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.035em;text-shadow:0 7px 22px rgba(0,0,0,.38)}.section-heading p{margin:0;color:var(--muted);font-size:.9rem;max-width:680px}
.kicker:before{content:"♪";display:inline-block;margin-left:8px;vertical-align:middle;color:var(--amber-light);font-size:1rem;line-height:1}
.section-heading>div{position:relative;padding-right:54px}.section-heading>div:before{content:"";position:absolute;right:0;top:3px;width:38px;height:38px;border-radius:50%;background:repeating-radial-gradient(circle,#060810 0 2px,#24222a 3px 4px);border:1px solid rgba(226,184,102,.28);box-shadow:0 5px 18px rgba(0,0,0,.35)}.section-heading>div:after{content:"♪";position:absolute;right:13px;top:8px;color:var(--amber);font-weight:900}
.history-section{padding-top:38px!important}
.history-timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}
.history-timeline:before{content:"";position:absolute;right:6%;left:6%;top:54px;border-top:1px dashed rgba(207,173,104,.42)}
.history-timeline article{position:relative;min-height:250px;padding:18px 17px;border:1px solid rgba(211,193,159,.2);border-radius:9px;background:
  repeating-linear-gradient(180deg,transparent 0 25px,rgba(222,207,178,.035) 26px 27px),
  linear-gradient(155deg,rgba(43,38,30,.95),rgba(20,17,13,.94));box-shadow:0 17px 42px rgba(0,0,0,.26)}
.history-timeline article:after{content:"";position:absolute;top:50px;right:18px;width:8px;height:8px;border:3px solid #282219;border-radius:50%;background:var(--amber-light);box-shadow:0 0 0 1px rgba(207,173,104,.35)}
.history-timeline time{display:block;color:var(--amber-light);font:800 .68rem monospace;direction:rtl}.history-glyph{position:absolute;left:16px;top:11px;color:rgba(207,173,104,.38);font:700 2rem Georgia,serif}
.history-timeline h3{margin:39px 0 8px;font-size:1.02rem}.history-timeline p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.9}
.history-harp{margin-top:14px;padding:28px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:34px;align-items:center;background:
  linear-gradient(90deg,rgba(24,20,15,.96),rgba(24,20,15,.78)),
  url("delta-field-story.jpg") center 68%/cover no-repeat}
.history-harp-copy h3{margin:5px 0 8px;font-size:clamp(1.6rem,3vw,2.25rem)}.history-harp-copy>p{margin:0;color:var(--muted);font-size:.82rem}.history-harp-copy ul{margin:16px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none}.history-harp-copy li{padding:9px 11px;border-right:2px solid var(--amber);background:rgba(255,255,255,.025);color:var(--muted);font-size:.7rem}.history-harp-copy li b{display:inline-block;margin-left:3px;color:var(--text);direction:ltr;unicode-bidi:isolate}
.history-artists{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.artist-hint{grid-column:1/-1;margin:0 0 2px!important;color:var(--amber-light)!important;font-size:.65rem!important}.history-artists details{border:1px solid var(--line);border-radius:8px;background:rgba(0,0,0,.2);overflow:hidden;transition:border-color .2s,background .2s}.history-artists details[open]{grid-column:1/-1;border-color:rgba(207,173,104,.55);background:rgba(22,18,13,.9)}.history-artists summary{position:relative;padding:9px 32px 9px 10px;display:grid;gap:2px;cursor:pointer;list-style:none;outline:none}.history-artists summary::-webkit-details-marker{display:none}.history-artists summary:before{content:"+";position:absolute;right:11px;top:50%;translate:0 -50%;color:var(--amber-light);font:700 1rem monospace}.history-artists details[open] summary:before{content:"−"}.history-artists summary:hover,.history-artists summary:focus-visible{background:rgba(207,173,104,.09)}.history-artists summary span{color:#d8cebb;font:700 .62rem monospace;direction:ltr;text-align:left}.history-artists summary small{color:var(--dim);font-size:.56rem}.history-artists details>p{margin:0;padding:10px 12px 13px;border-top:1px dashed rgba(207,173,104,.24);color:var(--muted);font-size:.68rem;line-height:1.9}.history-artists details>p b{color:var(--text)}
.history-harp-visual{position:relative;min-height:260px;display:grid;place-items:center;perspective:800px}
.harp-cover{position:absolute;z-index:2;width:min(390px,94%);height:116px;padding:19px 22px;border:1px solid rgba(255,255,255,.38);border-radius:13px 13px 5px 5px;background:
  linear-gradient(100deg,rgba(255,255,255,.5),transparent 17% 74%,rgba(0,0,0,.25)),
  repeating-linear-gradient(0deg,#bdb7aa 0 2px,#77746d 3px 4px);color:#211d17;box-shadow:0 30px 55px rgba(0,0,0,.52),inset 0 1px #fff;transform:rotateX(9deg) rotateY(-5deg)}
.harp-cover b{display:block;font:900 1.35rem Georgia,serif;letter-spacing:.12em}.harp-cover small{display:block;margin-top:4px;font:700 .5rem monospace;letter-spacing:.15em}
.harp-mouths{position:absolute;z-index:3;top:136px;width:min(350px,86%);height:74px;padding:8px;display:grid;grid-template-columns:repeat(10,1fr);gap:4px;border:1px solid #8f8879;border-radius:0 0 8px 8px;background:linear-gradient(#5e5a52,#aaa294 10%,#554f46 14%,#1a1713 16%);transform:rotateX(-5deg) rotateY(-5deg);box-shadow:0 22px 45px rgba(0,0,0,.52)}
.harp-mouths i{display:grid;place-items:center;border:1px solid rgba(220,210,190,.25);border-radius:2px;background:linear-gradient(#0b0a08,#29251f);color:#c6bda9;font:700 .55rem monospace;font-style:normal}
.sound-rings{position:absolute;inset:0;pointer-events:none}.sound-rings i{position:absolute;left:1%;top:50%;width:52px;height:80px;border:1px solid rgba(207,173,104,.22);border-right:0;border-radius:60px 0 0 60px}.sound-rings i:nth-child(2){width:78px;left:-5%;opacity:.65}.sound-rings i:nth-child(3){width:105px;left:-12%;opacity:.35}
.history-sources{margin:16px 4px 0;color:var(--dim);font-size:.66rem}.history-sources a{color:var(--amber-light);text-decoration:underline;text-underline-offset:3px}.history-sources span{margin:0 5px}
.status-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem;white-space:nowrap}
.status-chip i{width:7px;height:7px;border-radius:50%;background:var(--dim)}.status-chip.ready i{background:var(--green);box-shadow:0 0 12px var(--green)}
.status-chip .icon{width:13px;height:13px}
.panel{border:1px solid rgba(211,193,159,.2);border-radius:var(--radius);background:
  repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
  linear-gradient(145deg,rgba(255,255,255,.022),transparent 32%),
  var(--panel);box-shadow:var(--shadow),inset 0 1px rgba(235,220,188,.045);backdrop-filter:blur(14px)}
.section-shell[id]{position:relative;isolation:isolate;padding:28px;border:1px solid rgba(211,193,159,.08);border-radius:20px;overflow:hidden}
.section-shell[id]:before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat;filter:grayscale(1) sepia(.2) contrast(1.08);opacity:.13}
.section-shell[id]:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(16,14,11,.74),rgba(16,14,11,.94) 38%,rgba(16,14,11,.84))}
#studio:before{background-image:url("delta-field-story.jpg");background-position:center 36%}
#history:before{background-image:url("dockery-farms-archive.jpg");background-position:center 42%}
#harp-lab:before{background-image:url("delta-crossroads-hero.jpg");background-position:center 58%}
#recording:before{background-image:url("dockery-farms-archive.jpg");background-position:center 50%}
#practice:before{background-image:url("dockery-farms-archive.jpg");background-position:center 45%}
#progress:before{background-image:url("delta-field-story.jpg");background-position:center 70%}
.studio-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr);gap:15px}
.transport-panel,.mixer-panel,.harp-panel,.tuner-panel{padding:22px}
.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
label{display:block;color:var(--muted);font-size:.75rem;font-weight:700}
select,input{width:100%;border:1px solid var(--line);border-radius:8px;background:#17140f;color:var(--text)}
select{height:45px;margin-top:6px;padding:0 12px}
input[type=range]{height:5px;appearance:none;background:rgba(255,255,255,.1);border:0;cursor:pointer}
input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(244,170,63,.1)}
.tempo-field{height:45px;margin-top:6px;padding:0 11px;display:grid;grid-template-columns:1fr 37px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#17140f}.tempo-field output{text-align:center;color:var(--amber-light);font-weight:900}
.transport{display:flex;align-items:center;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.transport-main,.transport-button{display:grid;place-items:center;border:1px solid var(--line);cursor:pointer}
.transport-main{width:62px;height:62px;border:0;border-radius:50%;background:linear-gradient(145deg,#e8c574,var(--amber) 70%,var(--gold-deep));color:#231604;box-shadow:0 0 0 7px rgba(197,139,47,.09),inset 0 1px rgba(255,244,208,.42)}
.transport-main .icon{width:25px;height:25px}.transport-main.playing .icon{mask-image:linear-gradient(90deg,#000 0 35%,transparent 35% 65%,#000 65%)}
.transport-button{width:44px;height:44px;border-radius:8px;background:rgba(255,255,255,.03);color:var(--dim)}.transport-button.active{color:var(--cyan);border-color:rgba(155,164,160,.25);background:rgba(155,164,160,.08)}
.transport-readout{margin-right:auto;text-align:left;direction:rtl}.transport-readout span{display:block;color:var(--muted);font-size:.7rem}.transport-readout b{font:800 1.4rem monospace}
.countdown{position:absolute;z-index:4;display:none;place-items:center;inset:0;border-radius:var(--radius);background:rgba(18,15,11,.88);backdrop-filter:blur(8px);font-size:6rem;font-weight:900;color:var(--amber-light)}.transport-panel{position:relative;overflow:hidden}.countdown.show{display:grid}
.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title h3{margin:2px 0;font-size:1.2rem}.panel-title>.icon{color:var(--dim)}
.mixer-panel{background:
  repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),
  linear-gradient(150deg,rgba(35,32,27,.96),rgba(16,14,11,.97))}
.mixer-row{margin-top:20px;display:grid;grid-template-columns:82px 1fr 30px;align-items:center;gap:8px}.mixer-row>span{color:var(--text)}.mixer-row output{font:700 .7rem monospace;color:var(--dim)}
.mixer-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px}.mixer-dot.drums{background:var(--rose)}.mixer-dot.bass{background:var(--amber)}.mixer-dot.chords{background:var(--cyan)}.mixer-dot.click{background:var(--green)}
.bars{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}
.bar{position:relative;min-height:172px;padding:14px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:
  repeating-linear-gradient(180deg,transparent 0 23px,rgba(208,185,137,.045) 24px 25px),
  linear-gradient(160deg,rgba(255,255,255,.024),transparent 38%),
  rgba(10,17,32,.88);overflow:hidden;transition:.15s;box-shadow:inset 0 -18px 35px rgba(0,0,0,.12)}
.bar:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--role-color,var(--amber))}
.bar.active{transform:translateY(-3px);border-color:var(--role-color);background:color-mix(in srgb,var(--role-color) 10%,var(--panel-solid));box-shadow:0 10px 30px color-mix(in srgb,var(--role-color) 12%,transparent)}
.bar header{display:flex;justify-content:space-between;color:var(--dim);font-size:.66rem}.bar>strong{display:block;margin-top:8px;font-size:1.65rem;color:var(--role-color,var(--amber-light));direction:ltr;text-align:right}.bar-harp{margin:9px 0 10px;padding-top:8px;border-top:1px dashed color-mix(in srgb,var(--role-color,var(--amber)) 28%,transparent)}.bar-harp>span{display:block;margin-bottom:6px;color:var(--dim);font-size:.54rem}.bar-harp>div{display:flex;flex-wrap:wrap;gap:4px}.bar-harp b{padding:4px 6px;border:1px solid color-mix(in srgb,var(--role-color,var(--amber)) 32%,transparent);border-radius:999px;background:color-mix(in srgb,var(--role-color,var(--amber)) 8%,transparent);color:var(--text);font-size:.56rem;font-weight:700;white-space:nowrap}.bar footer{margin-top:auto;color:var(--muted);font-size:.68rem}
.bar[data-role=IV]{--role-color:var(--cyan)}.bar[data-role=V]{--role-color:var(--rose)}.bar[data-role=ii],.bar[data-role=vi]{--role-color:#a88ef5}
.bar.stop-hit{background:repeating-linear-gradient(135deg,rgba(154,112,99,.08) 0 8px,rgba(28,24,19,.82) 8px 16px)}.bar.stop-hit footer:before{content:"HIT · ";color:var(--rose);font-weight:900}
.studio-tip{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 15px;border:1px solid rgba(244,170,63,.15);border-radius:13px;background:rgba(244,170,63,.055);color:var(--muted);font-size:.78rem}.studio-tip .icon{color:var(--amber);flex:none}.studio-tip p{margin:0}
.harp-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.72fr);gap:15px}
.harp-layout>*{min-width:0}
.harp-summary{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:20px}.harp-summary div{text-align:center}.harp-summary span{display:block;color:var(--dim);font-size:.66rem}.harp-summary strong{font-size:2rem}.position-arrow{display:flex!important;align-items:center;gap:7px;color:var(--amber)!important}.position-arrow .icon{width:16px;height:16px;transform:rotate(180deg)}
.harp-key-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.harp-key-row label{width:140px}.legend{display:flex;gap:10px;font-size:.65rem}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:4px}.legend .blow:before{background:var(--amber)}.legend .draw:before{background:var(--cyan)}.legend .bend:before{background:var(--rose)}
.harmonica{direction:ltr;display:grid;grid-template-columns:repeat(10,minmax(54px,1fr));gap:5px;padding:16px 12px;border-radius:16px;background:
  linear-gradient(90deg,rgba(255,255,255,.22),transparent 12% 88%,rgba(0,0,0,.28)),
  linear-gradient(#dfd7c8 0 4px,#aea28e 4px 13px,#68655f 13px 20px,#1a1712 20px);box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.45);overflow-x:auto}
.harp-hole{min-width:54px;border:0;background:transparent;padding:0;display:grid;grid-template-rows:58px 58px auto;gap:4px;cursor:pointer}
.harp-note{display:grid;place-items:center;border-radius:7px;background:#191611;border:1px solid rgba(255,255,255,.12);font:800 .78rem monospace;transition:.15s}.harp-note:hover{transform:translateY(-2px)}.harp-note.blow{color:var(--amber-light)}.harp-note.draw{color:var(--cyan)}
.hole-number{position:absolute;align-self:center;justify-self:center;z-index:2;margin-top:54px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f0f1f3;color:#111827;font:900 .66rem monospace}
.bend-notes{min-height:30px;display:flex;flex-wrap:wrap;justify-content:center;gap:3px;color:var(--rose);font:700 .57rem monospace}.bend-notes span{padding:2px 3px;border-radius:4px;background:rgba(243,107,131,.1)}
.microcopy{margin:12px 0 0;color:var(--dim);font-size:.7rem;text-align:center}
.harp-scroll-hint{display:none;margin:10px 0 0;color:var(--cyan);font-size:.7rem;text-align:center}.harp-scroll-hint .icon{width:14px;height:14px;transform:rotate(180deg)}
.tuner-gauge{position:relative;height:106px;margin-top:24px;overflow:hidden;border-bottom:2px solid rgba(255,255,255,.12);background:radial-gradient(ellipse at 50% 100%,rgba(155,164,160,.1),transparent 60%)}
.tuner-gauge:after{content:"";position:absolute;bottom:0;left:50%;height:14px;border-left:2px solid var(--green)}.tuner-gauge .flat,.tuner-gauge .sharp{position:absolute;bottom:8px;color:var(--dim);font:600 .6rem monospace}.flat{left:4px}.sharp{right:4px}
#tunerNeedle{position:absolute;bottom:-2px;left:50%;width:2px;height:90px;background:linear-gradient(transparent,var(--amber));transform-origin:bottom;transform:rotate(0deg);transition:transform .1s;filter:drop-shadow(0 0 6px var(--amber))}
.ticks{position:absolute;inset:30px 9% 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 1px,transparent 1px 10%);mask-image:linear-gradient(transparent,#000)}
.note-readout{text-align:center;margin-top:12px}.note-readout strong{display:block;font:900 3.8rem/1 "Segoe UI";direction:ltr}.note-readout span{color:var(--dim);font-size:.7rem;direction:ltr}
.tuner-result{margin:14px 0;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.72rem;text-align:center;min-height:46px}
.calibration-box{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.calibration-box b,.calibration-box small{display:block}.calibration-box b{font-size:.72rem}.calibration-box small{color:var(--dim);font-size:.62rem}.calibration-box button:disabled{opacity:.45;cursor:not-allowed}
.target-row{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:end}
.recorder{padding:20px;display:grid;grid-template-columns:240px 1fr;gap:22px;align-items:center}.record-controls{display:flex;align-items:center;gap:15px}.record-button{width:76px;height:76px;border-radius:50%;border:1px solid rgba(243,107,131,.35);background:rgba(243,107,131,.08);display:grid;place-items:center;cursor:pointer}.record-button i{width:24px;height:24px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 7px rgba(243,107,131,.08)}.record-button span{position:absolute;transform:translateY(56px);font-size:.67rem}.record-button.recording i{border-radius:5px;animation:recordPulse 1.2s infinite}@keyframes recordPulse{50%{box-shadow:0 0 0 16px rgba(243,107,131,0)}}.record-time{display:block;font:800 1.65rem monospace;direction:ltr}.record-controls small{display:block;color:var(--dim);font-size:.62rem}
.waveform{height:78px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden}.waveform i{width:3px;height:10%;background:var(--cyan);border-radius:4px;opacity:.6}
.take-area{grid-column:1/-1;padding:11px 14px;border-top:1px solid var(--line);color:var(--dim);font-size:.72rem}.take-area audio{width:100%;height:36px}.take-actions{display:flex;gap:8px;align-items:center}.take-actions button{border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.04);padding:7px 11px;cursor:pointer}
.take-result{display:grid;gap:12px}.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.analysis-item{padding:10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025)}.analysis-item span{display:block;color:var(--muted);font-size:.62rem}.analysis-item strong{font-size:1.35rem;color:var(--amber-light)}.analysis-item small{margin-right:3px;color:var(--dim)}.analysis-note{margin:0;padding:9px 11px;border-right:3px solid var(--cyan);background:rgba(155,164,160,.055);color:var(--muted);border-radius:6px}
.level-select{display:grid;grid-template-columns:auto 160px;align-items:center;gap:8px}.level-select select{margin:0}
.practice-shell{display:grid;grid-template-columns:390px 1fr;gap:15px}.practice-focus{padding:25px;text-align:center;background:
  radial-gradient(circle at 50% 42%,rgba(233,163,58,.075),transparent 35%),
  repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
  var(--panel)}.focus-top{display:flex;justify-content:space-between;color:var(--dim);font-size:.68rem}.practice-focus h3{font-size:1.6rem;margin:22px 0 5px}.practice-focus>p{margin:0;color:var(--muted);font-size:.8rem}.timer-ring{width:190px;aspect-ratio:1;margin:28px auto 20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,var(--panel-solid) 62%,transparent 63%),conic-gradient(var(--amber) var(--timer-progress,0%),rgba(255,255,255,.06) 0);box-shadow:inset 0 0 30px #000,0 12px 40px rgba(0,0,0,.3)}.timer-ring strong{display:block;font:800 2rem monospace;direction:ltr}.timer-ring span{display:block;color:var(--dim);font-size:.65rem}.timer-actions{display:flex;justify-content:center;gap:8px}
.practice-list{display:flex;flex-direction:column;gap:9px}.practice-step{display:grid;grid-template-columns:52px 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--panel);cursor:pointer;transition:.18s}.practice-step:hover,.practice-step.active{border-color:rgba(244,170,63,.35);transform:translateX(-3px)}.practice-step.done{opacity:.65}.step-index{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.045);color:var(--amber-light);font:800 .74rem monospace}.practice-step h4{margin:0 0 2px;font-size:.92rem}.practice-step p{margin:0;color:var(--muted);font-size:.7rem}.practice-step time{color:var(--dim);font:700 .68rem monospace}.step-check{width:22px;height:22px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.done .step-check{background:var(--green);color:#07130c}.done .step-check:after{content:"✓"}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.stat-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.stat-card.accent{background:linear-gradient(145deg,rgba(244,170,63,.18),rgba(18,24,43,.8));border-color:rgba(244,170,63,.22)}.stat-card span{display:block;color:var(--muted);font-size:.72rem}.stat-card strong{font-size:2.4rem;letter-spacing:-.05em}.stat-card small{color:var(--dim);font-size:.65rem;margin-right:5px}
.week-card{padding:20px;margin-top:12px}.week-chart{height:180px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;margin-top:16px}.day-bar{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.day-bar i{display:block;width:min(48px,70%);min-height:4px;height:var(--height);border-radius:9px 9px 3px 3px;background:linear-gradient(var(--amber-light),var(--amber));opacity:.85}.day-bar span{font-size:.62rem;color:var(--dim)}.day-bar b{font:600 .58rem monospace;color:var(--muted)}
.empty-week{grid-column:1/-1;align-self:center;margin:0;text-align:center;color:var(--muted)}
.coach-promo{padding:28px;border:1px solid rgba(202,180,139,.24);border-radius:16px;background:
  linear-gradient(90deg,rgba(17,14,10,.94),rgba(17,14,10,.68)),
  url("delta-field-story.jpg") center 58%/cover no-repeat;display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:25px;box-shadow:0 28px 75px rgba(0,0,0,.32);filter:sepia(.08)}.coach-promo h2{margin:4px 0;font-size:1.7rem}.coach-promo p{margin:0;max-width:720px;color:var(--muted);font-size:.8rem}.coach-portrait{width:130px;height:130px;object-fit:cover;border-radius:10px;border:1px solid rgba(202,180,139,.4);filter:grayscale(.65) sepia(.25);box-shadow:0 16px 40px rgba(0,0,0,.48)}
footer{width:min(calc(100% - 28px),var(--max));margin:80px auto 30px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--dim);font-size:.7rem}.brand.small .record-mark{width:33px;height:33px}
.coach-fab{position:fixed;left:22px;bottom:22px;z-index:70;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--amber);color:#211402;box-shadow:0 16px 45px rgba(0,0,0,.45);cursor:pointer}.coach-fab i{position:absolute;top:3px;right:4px;width:9px;height:9px;border-radius:50%;background:var(--green);border:2px solid #16100b}
.coach-panel{position:fixed;left:22px;bottom:91px;z-index:75;width:min(390px,calc(100vw - 28px));height:min(610px,calc(100vh - 110px));display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:#1a1712;box-shadow:0 35px 100px rgba(0,0,0,.62);transform:translateY(15px) scale(.97);opacity:0;pointer-events:none;visibility:hidden;transition:.2s;overflow:hidden}.coach-panel.open{transform:none;opacity:1;pointer-events:auto;visibility:visible}.coach-panel header{padding:13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.coach-avatar{width:44px;height:44px;border-radius:7px;object-fit:cover;filter:grayscale(.65) sepia(.25);border:1px solid rgba(202,180,139,.4)}.coach-panel header b,.coach-panel header small{display:block}.coach-panel header small{color:var(--dim);font-size:.65rem}.coach-panel header .icon-button{margin-right:auto}
.coach-messages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.message{max-width:86%;padding:9px 12px;border-radius:13px;font-size:.76rem;white-space:pre-wrap}.message.bot{align-self:flex-start;border:1px solid var(--line);background:rgba(255,255,255,.035)}.message.user{align-self:flex-end;background:var(--amber);color:#231604}.message.error{border-color:rgba(243,107,131,.3)}
.coach-suggestions{padding:0 10px 8px;display:flex;gap:5px;overflow-x:auto}.coach-suggestions button{white-space:nowrap;min-height:44px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:.68rem;cursor:pointer}
.coach-panel form{display:grid;grid-template-columns:1fr 44px;gap:7px;padding:10px;border-top:1px solid var(--line)}.coach-panel form input{height:44px;padding:0 11px}.coach-panel form button{border:0;border-radius:11px;background:var(--amber);color:#211402;cursor:pointer}
.coach-privacy{margin:0;padding:0 12px 9px;color:var(--dim);font-size:.58rem;line-height:1.6}
.mobile-dock{display:none}
.confirm-dialog{width:min(440px,calc(100% - 28px));padding:24px;border:1px solid var(--line);border-radius:12px;background:#1d1914;color:var(--text);box-shadow:0 30px 100px #000}.confirm-dialog::backdrop{background:rgba(6,5,4,.82);backdrop-filter:blur(6px)}.confirm-dialog h2{margin:0 0 7px}.confirm-dialog p{margin:0;color:var(--muted);font-size:.82rem}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.button.danger{border:0;background:var(--rose);color:#24070d}
.empty-week{height:100%;grid-column:1/-1;display:grid;place-items:center;text-align:center;color:var(--muted)}.empty-week b{display:block;color:var(--text);font-size:1rem}.empty-week span{font-size:.72rem}
.toast-region{position:fixed;right:18px;bottom:18px;z-index:100;display:flex;flex-direction:column;gap:7px}.toast{padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:#211d17;box-shadow:0 12px 35px #000;color:var(--text);font-size:.72rem;animation:toastIn .2s}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}
@media(max-width:900px){
  .site-header nav{display:none}.hero{grid-template-columns:1fr;grid-template-areas:"photo" "copy" "console";min-height:auto}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-actions,.trust-row{justify-content:center}
  .hero-musical-strip{margin-right:auto;margin-left:auto}.hero-console{max-width:370px}.studio-grid,.harp-layout{grid-template-columns:minmax(0,1fr)}.control-grid{grid-template-columns:repeat(2,1fr)}
  .history-timeline{grid-template-columns:repeat(2,1fr)}.history-harp{grid-template-columns:1fr}.history-harp-visual{min-height:245px}
  .practice-shell{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}
  .coach-promo{grid-template-columns:110px 1fr}.coach-promo .button{grid-column:1/-1}.coach-portrait{width:110px;height:110px}
}
@media(max-width:600px){
  body{padding-bottom:78px}main{width:min(calc(100% - 20px),var(--max))}.section-shell{margin:52px 0}.site-header{width:calc(100% - 20px);top:8px;margin-top:8px}
  .hero{padding:12px 18px 32px;border-radius:15px}.hero:after{display:none}.crossroads-frame{height:220px;margin:0 -8px}.crossroads-frame figcaption{right:9px;bottom:9px;display:block}.crossroads-frame figcaption span{display:block;margin-top:2px}.hero h1{display:grid;gap:9px;margin:24px 0 21px;font-size:clamp(3rem,13.5vw,3.75rem);line-height:1.12;letter-spacing:-.045em}.hero h1.hero-philosophy{font-size:clamp(2.25rem,10.8vw,3.2rem);line-height:1.22;letter-spacing:-.035em}.hero h1 em{padding-bottom:.12em}.hero-musical-strip{gap:6px;padding:7px 8px;font-size:.56rem}.hero-console{padding:18px}.now-ring{width:170px;margin:34px auto}
  .roots-banner{min-height:560px;grid-template-columns:1fr;padding:24px 18px;background-position:38% center}.roots-copy{align-self:end;padding:18px 14px;background:rgba(18,15,11,.76);backdrop-filter:blur(3px)}.roots-copy h2{font-size:2.15rem}.roots-record{width:112px;position:absolute;left:22px;top:25px;opacity:.9}.roots-banner:after{font-size:.48rem}
  .section-shell[id]{padding:18px 12px;border-radius:14px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading>div{padding-right:47px}.control-grid{grid-template-columns:1fr}.bars{grid-template-columns:repeat(2,1fr)}.bar{min-height:178px;padding:12px}.bar-harp b{font-size:.52rem}
  .history-timeline{grid-template-columns:1fr}.history-timeline:before{display:none}.history-timeline article{min-height:0}.history-harp{padding:19px 13px;gap:20px}.history-harp-copy ul,.history-artists{grid-template-columns:1fr}.history-artists details[open]{grid-column:auto}.history-harp-visual{min-height:225px}.harp-cover{height:98px;padding:15px}.harp-mouths{top:123px;height:64px}.history-sources{line-height:2}
  .harp-panel,.tuner-panel,.transport-panel,.mixer-panel{padding:16px}.harp-summary{gap:10px}.position-arrow{font-size:.58rem}.harmonica{grid-template-columns:repeat(10,52px);scroll-snap-type:x proximity}.harp-hole{scroll-snap-align:center}.harp-scroll-hint{display:block}
  .recorder{grid-template-columns:1fr}.waveform{grid-row:2}.take-area{grid-row:3}.level-select{width:100%;grid-template-columns:auto 1fr}
  .analysis-grid{grid-template-columns:repeat(2,1fr)}
  .practice-focus{padding:18px}.practice-step{grid-template-columns:45px 1fr}.practice-step>time{grid-column:2}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-card strong{font-size:2rem}
  .coach-promo{grid-template-columns:80px 1fr;padding:20px;gap:14px}.coach-portrait{width:80px;height:80px;border-radius:16px}.coach-promo h2{font-size:1.25rem}.coach-promo .button{width:100%}.coach-panel{left:10px;bottom:82px;width:calc(100vw - 20px);height:calc(100vh - 100px)}.coach-fab{left:15px;bottom:88px}.toast-region{right:10px;bottom:150px}
  footer{align-items:flex-start;gap:12px;flex-direction:column}.trust-row{font-size:.65rem}
  .mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:68;height:64px;padding:5px;border:1px solid var(--line);border-radius:12px;background:rgba(23,20,15,.94);backdrop-filter:blur(18px);box-shadow:0 12px 40px #000}.mobile-dock a{display:grid;place-items:center;align-content:center;gap:2px;border-radius:8px;color:var(--dim);font-size:.58rem}.mobile-dock a.active{color:var(--amber-light);background:rgba(169,119,45,.13)}.mobile-dock .icon{width:16px;height:16px}.mobile-dock b{font-weight:700}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}