:root{--ink:#203b34;--muted:#718078;--jade:#285b4a;--jade-dark:#173d34;--gold:#bd9454;--cream:#f7f5ef;--paper:#fffefa;--line:#e8e4d9;--shadow:0 18px 48px rgba(29,48,39,.10);font-family:'Be Vietnam Pro',sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'Be Vietnam Pro',sans-serif;color:var(--ink)}button,a,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c9a86c;outline-offset:3px}.app-shell{max-width:1600px;margin:0 auto;overflow:hidden}.topbar{height:82px;background:rgba(255,254,250,.94);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid rgba(38,69,55,.08);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e9efe7;border:1px solid #dce5db}.brand-mark svg{width:31px;height:31px;fill:#b68b4d;stroke:#b68b4d;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:17px;letter-spacing:-.4px}.brand-copy small{font-size:10px;color:#89928a;letter-spacing:.5px}.top-nav{display:flex;gap:8px;margin-left:50px}.nav-link{border:0;background:transparent;color:#69776f;padding:11px 15px;border-radius:30px;font-size:12px;font-weight:600;transition:.2s}.nav-link:hover,.nav-link.active{background:#edf1e9;color:var(--jade-dark)}.top-actions{display:flex;align-items:center;gap:12px}.live-pill{font-size:10px;color:#6a786e;background:#f0f3ed;padding:9px 12px;border-radius:30px;display:flex;align-items:center;gap:8px}.live-pill i,.place-dot{width:7px;height:7px;background:#74a477;border-radius:50%;box-shadow:0 0 0 4px rgba(116,164,119,.12)}.icon-button,.menu-button{width:37px;height:37px;border:1px solid var(--line);border-radius:50%;background:#fffefa;color:var(--jade);font-size:17px}.menu-button{display:none}.hero-intro{padding:48px clamp(22px,5vw,78px) 35px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#9a855e;margin:0 0 12px}.eyebrow span{display:inline-block;width:18px;height:1px;background:var(--gold);vertical-align:middle;margin-right:7px}.hero-intro h1{font-family:'Playfair Display',serif;font-size:clamp(34px,4.1vw,57px);line-height:1.12;letter-spacing:-1.2px;font-weight:600;margin:0;color:#234238}.hero-intro h1 em{font-style:normal;color:#a8844f}.hero-lead{font-size:12px;line-height:1.8;color:#7d8980;max-width:560px;margin:15px 0 0}.hero-note{min-width:248px;display:flex;align-items:center;gap:12px;padding:15px 18px;background:#eeefe7;border:1px solid #e5e5da;border-radius:13px;margin-bottom:7px}.note-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e1e7d9;color:#9a875a;font-size:20px}.hero-note span:last-child{display:flex;flex-direction:column;gap:3px}.hero-note b{font-size:11px;font-weight:700}.hero-note small{font-size:9px;color:#89938a}.temple-stage{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;padding:0 clamp(16px,3.5vw,54px);align-items:stretch}.scene-wrap{height:580px;position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(#c5d1c5,#e2d5b7);box-shadow:var(--shadow);isolation:isolate}.scene{position:absolute;inset:0;z-index:0}.scene canvas{display:block;width:100%;height:100%;touch-action:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(14,45,36,.32) 0%,transparent 22%,transparent 72%,rgba(22,42,34,.35) 100%);z-index:1}.scene-topline,.scene-bottomline{position:absolute;left:22px;right:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.scene-topline{top:20px}.place-label{display:flex;align-items:center;gap:12px;background:rgba(255,253,245,.89);padding:10px 14px;border-radius:11px;backdrop-filter:blur(10px);box-shadow:0 5px 20px rgba(0,0,0,.08)}.place-label span:last-child{display:flex;flex-direction:column;gap:2px}.place-label b{font-size:11px}.place-label small{font-size:9px;color:#758077}.place-dot{flex:none}.scene-tools{display:flex;gap:8px;pointer-events:auto}.scene-tool{border:1px solid rgba(255,255,255,.4);background:rgba(255,253,245,.9);color:#355346;border-radius:9px;padding:9px 11px;font-size:14px;backdrop-filter:blur(8px)}.scene-tool span{font-size:9px;font-weight:600;margin-left:4px}.scene-hint{position:absolute;top:84px;left:50%;transform:translateX(-50%);background:rgba(28,55,44,.57);color:#fff;padding:8px 13px;border-radius:25px;font-size:9px;white-space:nowrap;z-index:2;pointer-events:none;opacity:.85}.scene-bottomline{bottom:17px}.weather-chip,.coordinate-chip{font-size:9px;color:#fff;background:rgba(28,52,42,.54);padding:8px 12px;border-radius:20px;backdrop-filter:blur(8px)}.weather-chip span:first-child{color:#f3d48c;margin-right:6px}.coordinate-chip{letter-spacing:1.2px;font-size:8px}.coordinate-chip span{margin:0 6px;color:#e3c483}.scene-toast{position:absolute;left:50%;bottom:80px;z-index:4;transform:translate(-50%,12px);opacity:0;transition:.3s;background:rgba(23,61,52,.92);color:#fff;padding:12px 18px;border-radius:30px;font-size:11px;pointer-events:none;text-align:center;max-width:90%}.scene-toast.show{opacity:1;transform:translate(-50%,0)}.meditation-breath{position:absolute;right:35px;bottom:95px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#fff;z-index:3;pointer-events:none}.meditation-breath.active{display:flex}.meditation-breath span{width:66px;height:66px;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 10px rgba(255,255,255,.1),0 0 34px rgba(255,255,255,.24);animation:breathe 8s ease-in-out infinite}.meditation-breath small{font-size:10px;letter-spacing:1px;text-shadow:0 1px 6px #333}@keyframes breathe{0%,100%{transform:scale(.78);opacity:.65}50%{transform:scale(1.18);opacity:1}}.side-panel{background:var(--paper);border:1px solid #ebe7dc;border-radius:17px;padding:23px 19px;box-shadow:0 10px 32px rgba(35,54,42,.05);display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading .eyebrow{margin-bottom:7px;font-size:8px}.panel-heading h2{font-family:'Playfair Display',serif;font-weight:600;font-size:21px;margin:0;color:#28493d}.panel-flower{color:#b89a63;font-size:25px}.panel-intro{font-size:10px;color:#879188;margin:8px 0 15px}.destination-list{display:flex;flex-direction:column;gap:6px}.destination{display:flex;align-items:center;gap:11px;padding:11px 9px;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:#334b40;transition:.2s}.destination:hover,.destination.selected{background:#f0f3ec;border-color:#e5eadd}.destination-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f0eee5;color:#a27f47;font-size:19px;flex:none}.destination>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.destination b{font-size:10px}.destination small{font-size:8px;color:#89928a}.destination-arrow{font-size:13px;color:#9f9c89;opacity:0;transition:.2s}.destination:hover .destination-arrow,.destination.selected .destination-arrow{opacity:1}.panel-divider{height:1px;background:#ece8de;margin:17px 0}.panel-heading.compact h2{font-size:18px}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.practice-tile{background:#f8f7f1;border:1px solid #eeeadf;border-radius:11px;text-align:left;padding:11px 10px;display:flex;flex-direction:column;gap:5px;color:var(--ink)}.practice-tile:hover{background:#eef2e9;border-color:#dce7d9}.tile-icon{font-size:20px;color:#a78652}.practice-tile b{font-size:9px}.practice-tile small{font-size:8px;color:#8a948c}.daily-quote{margin-top:auto;padding:15px 13px 13px;background:#f2f0e7;border-radius:11px;position:relative}.daily-quote>span{font-family:Georgia,serif;font-size:24px;color:#b59a69;line-height:.6}.daily-quote p{font-family:'Playfair Display',serif;font-size:12px;line-height:1.6;color:#566b5d;margin:6px 0 10px}.daily-quote small{font-size:7px;letter-spacing:1.4px;color:#9d987f}.action-section{padding:54px clamp(20px,4vw,64px) 48px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:19px}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2,.sound-intro h2{font-family:'Playfair Display',serif;font-size:29px;font-weight:600;margin:0;color:#27483d}.section-heading>p{font-size:10px;color:#8a948c;margin:0 0 4px}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.action-card{display:flex;align-items:center;gap:13px;background:#fffefa;border:1px solid #ebe7dc;border-radius:13px;padding:13px 15px;text-align:left;color:var(--ink);transition:.2s;min-height:76px}.action-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,52,39,.07);border-color:#d9e2d5}.action-art{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:11px;font-size:21px;background:#f0f1e8;color:#a48653}.art-incense{background:#f4eee4}.art-flower{background:#f6edf0;color:#ad7d7c}.art-bell{background:#f5f0e3}.art-lantern{background:#f5eee4}.art-book{background:#eaf0ec}.action-copy{display:flex;flex-direction:column;gap:4px;flex:1}.action-copy b{font-size:11px}.action-copy small{font-size:8px;color:#8b958d}.action-arrow{color:#aa9b7e;font-size:14px;opacity:.7}.sound-section{margin:0 clamp(20px,4vw,64px) 50px;background:#e9eee6;border:1px solid #dfe7dc;border-radius:17px;padding:26px 30px 19px;display:grid;grid-template-columns: .85fr 1.8fr;column-gap:34px;row-gap:16px}.sound-intro{display:flex;gap:15px;align-items:flex-start}.sound-emblem{width:46px;height:46px;border-radius:50%;background:#dce5d9;display:grid;place-items:center;color:#a08350;font-size:22px;flex:none}.sound-intro .eyebrow{margin:2px 0 6px;font-size:8px}.sound-intro h2{font-size:22px}.sound-intro p:last-child{font-size:9px;line-height:1.6;color:#7d8a80;margin:8px 0 0}.sound-controls{display:grid;grid-template-columns:1.1fr 1fr .7fr;gap:17px;align-items:center}.sound-main{border:0;background:#285746;color:#fff;border-radius:11px;padding:12px 13px;display:flex;align-items:center;gap:11px;text-align:left;min-height:61px}.sound-main>span:first-child{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);font-size:11px;flex:none}.sound-main>span:last-child{display:flex;flex-direction:column;gap:4px}.sound-main b{font-size:10px}.sound-main small{font-size:8px;color:#c7d7cc}.sound-sliders{display:flex;flex-direction:column;gap:5px}.sound-sliders label{display:flex;justify-content:space-between;font-size:8px;color:#617369}.sound-sliders input{width:100%;height:4px;accent-color:#527960;margin:0 0 5px}.bell-button{border:1px solid #d4dfd2;background:#f4f6f0;border-radius:11px;min-height:61px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:9px 12px;color:#3c5c4c}.bell-button span{font-size:16px;color:#a48653}.bell-button b{font-size:9px;margin-top:2px}.bell-button small{font-size:7px;color:#859188;margin-top:3px}.sound-footnote{grid-column:1/-1;margin:0;font-size:8px;color:#869187}.closing-banner{margin:0 clamp(20px,4vw,64px) 35px;padding:29px 34px;background:linear-gradient(105deg,#214a3c,#315d4b);border-radius:16px;color:#fff;display:flex;align-items:center;gap:19px;position:relative;overflow:hidden}.closing-banner:after{content:'✿';position:absolute;right:22%;top:-57px;font-size:170px;color:rgba(255,255,255,.045);pointer-events:none}.closing-lotus{font-size:34px;color:#d7bc86;width:53px;height:53px;border:1px solid rgba(232,210,164,.38);border-radius:50%;display:grid;place-items:center;flex:none}.closing-banner>div:nth-child(2){flex:1}.closing-banner .eyebrow{color:#d2bd8e;margin-bottom:6px;font-size:8px}.closing-banner h2{font-family:'Playfair Display',serif;font-size:23px;font-weight:500;margin:0}.closing-banner p:last-child{font-size:9px;color:#d2ded5;margin:6px 0 0}.outline-button{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;border-radius:25px;padding:11px 17px;font-size:9px;white-space:nowrap;position:relative;z-index:1}.outline-button:hover{background:rgba(255,255,255,.12)}.outline-button span{margin-left:10px}.footer{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(20px,4vw,64px) 24px;color:#8a948c;font-size:8px;border-top:1px solid #e9e5da}.footer-brand{font-family:'Playfair Display',serif;color:#456454;font-size:13px;text-decoration:none}.modal-backdrop{position:fixed;inset:0;background:rgba(15,34,27,.48);z-index:30;display:grid;place-items:center;padding:20px;backdrop-filter:blur(7px)}.modal-backdrop[hidden]{display:none}.modal{width:min(520px,100%);max-height:min(86vh,740px);overflow:auto;background:#fffefa;border-radius:18px;padding:30px;box-shadow:0 25px 90px rgba(0,0,0,.22);position:relative}.modal-close{position:absolute;top:13px;right:15px;width:32px;height:32px;border-radius:50%;border:1px solid #e9e4d9;background:#fff;color:#55645a;font-size:21px;line-height:1}.modal-eyebrow{font-size:8px;letter-spacing:2px;color:#a48856;font-weight:800;margin:0 0 8px}.modal h2{font-family:'Playfair Display',serif;font-size:27px;margin:0 35px 9px 0;color:#284b3e}.modal-lead{font-size:11px;line-height:1.7;color:#7d8980;margin:0 0 20px}.duration-options{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.duration-btn{border:1px solid #e7e4da;background:#f8f7f1;color:#52685a;border-radius:30px;padding:9px 15px;font-size:10px}.duration-btn.active{background:#285746;color:#fff;border-color:#285746}.timer-face{width:170px;height:170px;border-radius:50%;border:1px solid #e1e8dc;background:radial-gradient(circle,#f7f8f2,#e8eee4);margin:20px auto;display:grid;place-items:center;position:relative}.timer-face:before{content:'';position:absolute;inset:10px;border:1px dashed #cbd8ca;border-radius:50%}.timer-time{font-family:'Playfair Display',serif;font-size:39px;color:#325b48}.timer-caption{text-align:center;font-size:10px;color:#849087}.modal-actions{display:flex;justify-content:center;gap:9px;margin-top:18px}.primary-btn,.secondary-btn{border-radius:30px;padding:11px 21px;font-size:10px;border:1px solid #285746}.primary-btn{background:#285746;color:#fff}.secondary-btn{background:#fff;color:#41604e;border-color:#dce4d9}.bead-count{font-family:'Playfair Display',serif;font-size:54px;color:#335b47;text-align:center;margin:14px 0 0}.bead-track{display:flex;justify-content:center;gap:5px;margin:12px auto 18px;flex-wrap:wrap;max-width:310px}.bead-track i{width:8px;height:8px;border-radius:50%;background:#d9dfd3}.bead-track i.done{background:#a48754;box-shadow:0 0 0 2px #f0e8d8}.bead-note{text-align:center;font-size:9px;color:#89948b}.library-list{display:grid;gap:9px;margin-top:18px}.library-item{padding:13px 14px;border:1px solid #ebe7dc;border-radius:11px;background:#faf9f4}.library-item b{display:block;font-size:11px;color:#3b5849;margin-bottom:5px}.library-item p{font-size:10px;line-height:1.7;color:#7a867d;margin:0}.library-item small{display:block;margin-top:7px;font-size:8px;color:#ac9366;letter-spacing:.7px}.about-points{display:grid;gap:9px;margin-top:18px}.about-points div{display:flex;gap:10px;align-items:flex-start;padding:11px;background:#f5f5ee;border-radius:10px;font-size:10px;color:#68776d;line-height:1.6}.about-points b{color:#3a5b49}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,12px);background:#244d3e;color:#fff;padding:11px 17px;border-radius:25px;font-size:10px;z-index:60;opacity:0;transition:.25s;pointer-events:none;box-shadow:0 8px 26px rgba(0,0,0,.15);max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.noscript{padding:30px;text-align:center;background:#fff3d9;color:#604b26}
@media(max-width:1050px){.temple-stage{grid-template-columns:minmax(0,1fr) 260px}.scene-wrap{height:530px}.side-panel{padding:18px 15px}.sound-section{grid-template-columns:1fr;gap:18px}.sound-controls{grid-template-columns:1.1fr 1fr .7fr}.top-nav{margin-left:10px;gap:0}.nav-link{padding:10px 9px;font-size:11px}}
@media(max-width:780px){.topbar{height:70px;padding:0 17px}.top-nav{display:none;position:absolute;top:69px;left:12px;right:12px;background:#fffefa;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:8px;flex-direction:column;margin:0;z-index:10}.top-nav.open{display:flex}.nav-link{text-align:left}.menu-button{display:block}.live-pill{display:none}.hero-intro{padding:34px 20px 25px;display:block}.hero-intro h1{font-size:39px}.hero-lead{font-size:11px;max-width:95%}.hero-note{margin-top:21px;width:max-content;max-width:100%;padding:10px 13px}.temple-stage{display:flex;flex-direction:column;padding:0 12px;gap:12px}.scene-wrap{height:min(66vh,500px);min-height:360px;border-radius:14px}.scene-hint{top:75px;font-size:8px;max-width:calc(100% - 24px);white-space:normal;text-align:center}.scene-topline,.scene-bottomline{left:12px;right:12px}.scene-topline{top:12px}.scene-tool span{display:none}.coordinate-chip{font-size:6px;letter-spacing:.5px}.weather-chip{font-size:8px}.side-panel{padding:17px;border-radius:14px}.destination-list{display:grid;grid-template-columns:1fr 1fr}.daily-quote{margin-top:16px}.action-section{padding:37px 16px 32px}.section-heading{display:block}.section-heading h2,.sound-intro h2{font-size:25px}.section-heading>p{margin-top:7px}.action-grid{grid-template-columns:1fr 1fr;gap:8px}.action-card{padding:10px;gap:9px;min-height:69px}.action-art{width:36px;height:36px;font-size:18px}.action-copy b{font-size:9px}.action-copy small{font-size:7px;line-height:1.4}.action-arrow{display:none}.sound-section{margin:0 16px 32px;padding:20px 17px;gap:15px}.sound-controls{grid-template-columns:1fr 1fr}.sound-main{grid-column:1/-1}.sound-sliders{grid-column:1}.bell-button{grid-column:2}.sound-footnote{font-size:7px}.closing-banner{margin:0 16px 25px;padding:22px 17px;gap:12px;flex-wrap:wrap}.closing-lotus{width:43px;height:43px;font-size:27px}.closing-banner>div:nth-child(2){min-width:calc(100% - 65px)}.closing-banner h2{font-size:19px}.closing-banner p:last-child{font-size:8px}.outline-button{margin-left:55px}.footer{padding:16px;gap:9px;flex-wrap:wrap}.footer>span:nth-child(2){width:100%;order:3}.modal{padding:25px 20px}}
@media(max-width:420px){.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px}.brand-mark{width:37px;height:37px}.top-actions{gap:7px}.icon-button,.menu-button{width:34px;height:34px}.hero-intro h1{font-size:34px}.scene-wrap{min-height:340px}.destination{padding:9px 7px;gap:7px}.destination-icon{width:29px;height:29px}.destination b{font-size:9px}.destination small{font-size:7px}.practice-tile{padding:10px 8px}.action-card{min-height:70px}.action-art{width:32px;height:32px}.action-copy small{max-width:110px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Version 1.1 – architectural depth and a real original-music player */
.scene-wrap{background:linear-gradient(180deg,#9eb8b0 0%,#d8ded0 46%,#9aa779 100%);box-shadow:0 22px 58px rgba(31,53,42,.15)}
.scene-vignette{background:linear-gradient(180deg,rgba(12,37,30,.25) 0%,transparent 18%,transparent 70%,rgba(16,37,29,.42) 100%)}
.scene-tool{box-shadow:0 5px 16px rgba(26,45,34,.09)}
.sound-section{grid-template-columns:minmax(190px,.78fr) minmax(0,2.05fr);background:linear-gradient(135deg,#e9eee6,#f1f1e9);box-shadow:0 12px 34px rgba(34,58,43,.055)}
.sound-controls{grid-template-columns:minmax(145px,1fr) minmax(190px,1.22fr) minmax(150px,.92fr) minmax(112px,.72fr);gap:12px}
.sound-main{min-width:0;transition:transform .2s,box-shadow .2s;background:linear-gradient(135deg,#285746,#1c493b);box-shadow:0 8px 18px rgba(31,77,58,.12)}
.sound-main:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(31,77,58,.18)}
.track-picker{min-width:0;display:flex;flex-direction:column;gap:7px;padding:9px 11px;background:rgba(255,255,255,.58);border:1px solid #dce5da;border-radius:11px}
.track-picker>label{font-size:7px;letter-spacing:1.3px;color:#8a987e;font-weight:800}
.track-current{display:flex;align-items:center;gap:9px;min-width:0}
.track-note{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex:none;background:#e4eadf;color:#9b7c48;font-size:15px}
.track-current>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.track-current b{font-size:9px;color:#3d5d4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-current small{font-size:7px;color:#869288}
.track-actions{display:flex;gap:5px;align-items:center}
.track-actions button{width:23px;height:22px;border:1px solid #dce4d8;border-radius:6px;background:#fffefa;color:#53715c;font-size:15px;line-height:1}
.track-actions select{flex:1;min-width:0;border:1px solid #e1e6db;border-radius:6px;background:#fffefa;padding:5px 7px;color:#4b6453;font-size:8px}
.sound-sliders{padding:4px 2px}
.sound-sliders label{font-size:8px}
.bell-button{transition:background .2s,border-color .2s,transform .2s}
.bell-button:hover{background:#fffefa;border-color:#c9d6c7;transform:translateY(-2px)}
.sound-footnote{font-size:8px;line-height:1.6}
@media(max-width:1120px){.sound-section{grid-template-columns:1fr}.sound-controls{grid-template-columns:minmax(145px,1fr) minmax(190px,1.2fr) minmax(145px,1fr) minmax(110px,.7fr)}}
@media(max-width:780px){.sound-controls{grid-template-columns:1fr 1fr;gap:10px}.sound-main{grid-column:1/-1}.track-picker{grid-column:1/-1}.sound-sliders{grid-column:1}.bell-button{grid-column:2}.sound-footnote{font-size:8px;line-height:1.5}}
@media(max-width:420px){.track-picker{padding:10px}.track-current b{font-size:10px}.track-current small{font-size:8px}.track-actions select{font-size:9px}.sound-main b{font-size:10px}.sound-main small{font-size:8px}}


/* Version 1.2 – expanded garden and clearer audio controls */
.destination-list{max-height:410px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#c8d3c5 transparent}
.destination-list::-webkit-scrollbar{width:5px}.destination-list::-webkit-scrollbar-thumb{background:#c8d3c5;border-radius:8px}
.sound-section{background:linear-gradient(135deg,#e8eee5,#f5f2e8)}
.sound-main{min-height:72px}
.sound-main>span:first-child{width:38px;height:38px;font-size:14px}
.sound-sliders input{accent-color:#9b7846;height:6px;cursor:pointer}
.track-picker{background:rgba(255,255,255,.78)}
@media(max-width:780px){.destination-list{max-height:330px}.sound-sliders label{font-size:9px}.sound-sliders input{height:7px}}