@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap";:root{--ink:#39433d;--muted:#8a8e82;--line:#dedfd4;--accent:#747e62}*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:var(--ink);font:14px DM Sans,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #747e62;outline-offset:5px}button{transition:background .2s,transform .2s}button:hover{filter:brightness(.94)}header{height:96px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px;font:24px "Noto Serif SC",serif;letter-spacing:4px}.brand small{display:block;font:9px DM Sans,sans-serif;letter-spacing:3.5px;margin-top:4px}.brand-mark{font-size:43px;font-weight:400;letter-spacing:0;color:#7f896f}nav{display:flex;gap:40px;height:100%;align-items:center}nav button{height:100%;font-size:13px}nav small{font-size:11px;margin-left:8px;color:#929788}.nav-active{border-bottom:2px solid #7c866c}.quiet{font-size:12px;display:flex;gap:8px}main{max-width:1440px;padding:44px 5% 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#8a8f7c}h1{font:400 32px "Noto Serif SC",serif;letter-spacing:3px;margin:12px 0}.intro p{font-size:12px;color:var(--muted);letter-spacing:1px;margin-bottom:0}.session{display:flex;align-items:center;gap:12px;font-size:11px;color:#8a8e80;background:#eeeee5;padding:10px 14px;border-radius:30px}.session i,.live-label span:first-child{width:5px;height:5px;background:#929d7b;border-radius:50%}.session b{font-weight:400;letter-spacing:2px;border-left:1px solid #d7d9cb;padding-left:12px}.session button{font-size:20px;padding:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px}.sanctuary{position:relative;background:#e9e8de;border:1px solid #e1e2d6;border-radius:12px;overflow:hidden;min-height:530px;isolation:isolate}.scene-wash{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 10%,#faf9ed99,transparent 55%),linear-gradient(125deg,#e5e6da,#eeeadd);transition:background 1.5s}.scene-wash:after{content:"";position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.4' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.stage-top{display:flex;justify-content:space-between;align-items:center;padding:23px}.live-label{display:flex;gap:8px;align-items:center;color:#878d7b;font-size:10px;letter-spacing:.8px}.segmented{padding:3px;background:#d7d9cb88;border-radius:6px;display:flex}.segmented button{padding:6px 15px;font-size:11px;border-radius:4px;color:#858a7a}.segmented .active{background:#fafaf2;color:#505d48;box-shadow:0 1px 5px #5260410a}.view-switch{position:absolute;left:21px;top:85px;z-index:3;border:1px solid #cdd0bf;border-radius:6px;display:grid;padding:3px;gap:2px}.view-switch button{font-size:20px;width:30px;height:31px;border-radius:3px;color:#92977e}.view-switch .active{background:#faf8ed;color:#586349}.bowl-stage{height:370px;position:relative;perspective:1000px;transition:transform .7s}.bowl-stage.tilt{transform:rotateX(25deg);transform-origin:center}.bowl{position:absolute;border-radius:50%;width:var(--diam);height:var(--diam);left:var(--x);top:var(--y);transform:translate(-50%,-50%);touch-action:none;cursor:grab;outline:none;z-index:1;transition:width .4s,height .4s;filter:drop-shadow(0 20px 13px #55553c30)}.bowl:active{cursor:grabbing}.bowl:before{content:"";position:absolute;inset:-15px;border:1px solid #8b92612c;border-radius:50%;opacity:0;transition:opacity .4s}.bowl.chosen:before{opacity:1}.bowl:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 40% 36%,transparent 20%,#1f250924 82%);pointer-events:none}.bowl-surface{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 47% 48%,#6c592f,#8d7744 35%,#aa9056 62%,#c3aa72 78%,#d9c28f,#8f783f,#c3aa70 84%,#ebd7a3 87%,#a18a50 89%,#d4bd82 92%,#877441 94%,#d9c596,#ae965e);box-shadow:inset 4px 6px 10px #ffedb944,inset -4px -5px 10px #42391755}.bowl-surface:after{content:"";position:absolute;inset:17%;border-radius:50%;border:1px solid #e2cd8b35;box-shadow:0 0 0 6px #d8c38709,0 0 0 14px #e4cb8910,0 0 0 23px #d8c3870a,inset 0 0 22px #3f391d44;background:repeating-radial-gradient(ellipse at 51% 46%,transparent 0 3px,#ffe5a307 4px 5px)}.bowl.ceramic .bowl-surface{background:radial-gradient(circle at 46% 43%,#8e8571,#c0b69c 61%,#d4cbb6 78%,#a29b85 80%,#e1d8c1 86%,#f4ead4 91%,#b6ad95 95%,#ded6bf)}.bowl.crystal .bowl-surface{background:radial-gradient(circle at 43% 38%,#e5eee7bb,#cadad0bb 55%,#edf4eb 75%,#b3c8bb 78%,#fffef4,#e2ecdf 86%,#aebfb1 89%,#f6fff4 94%,#c6d5c7);box-shadow:inset 0 0 30px #fffc}.bowl.marble .bowl-surface{background:repeating-linear-gradient(135deg,transparent 0 27px,#abb6aa44 30px,transparent 35px),radial-gradient(circle at 45% 40%,#b0b6aa,#858f81 70%,#e0e5d9 80%,#747e70 83%,#c9d0c3 89%,#e9eddf 94%,#929d8b)}.bowl-label{position:absolute;top:calc(100% + 25px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;letter-spacing:1.3px;color:#85876f;filter:none}.bowl-label b{font-size:11px;font-weight:500;color:#616a52;margin-right:6px}.wave{position:absolute;inset:-3px;border:1px solid #8f93678c;border-radius:50%;pointer-events:none;animation:ripple 2.4s ease-out forwards}@keyframes ripple{to{transform:scale(1.55);opacity:0}}.bowl.singing .bowl-surface{animation:sing .35s infinite alternate}@keyframes sing{to{filter:brightness(1.06)}}.stage-hint{text-align:center;color:#8f947f;font-size:11px;letter-spacing:1px;margin:6px 0 25px}.stage-hint span{margin-right:9px}.stage-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cfd2c138;margin:0 22px;padding:13px 0;font-size:10px;color:#959983;letter-spacing:.5px}.stage-bottom button{font-size:11px;color:#6f795e}aside{background:#fdfcf7;border:1px solid #e4e5da;border-radius:12px;padding:23px 21px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h2{font-size:13px;font-weight:500;margin:0}.panel-title>span{font-size:10px;color:#999d8e;letter-spacing:1px}.selected-name{display:flex;gap:12px;align-items:center;padding:23px 0;border-bottom:1px solid #ebebe2;margin-bottom:20px}.selected-name>span{font-size:28px;color:#ae9a69}.selected-name h3{font-size:13px;font-weight:500;margin:0 0 5px}.selected-name p{font-size:10px;color:#989b8c;margin:0}.selected-name button{margin-left:auto;font-size:20px;color:#929783}.field-label{display:flex;align-items:center;gap:8px;font-size:11px;margin:19px 0 12px}.field-label small{font-size:8px;color:#a7aa9c;letter-spacing:1px}.field-label>span{margin-left:auto;color:#8a917b;font-size:10px}.materials{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.materials button{padding:9px 2px 7px;border:1px solid #e6e7dc;border-radius:6px;font-size:10px;color:#999d8d}.materials .selected{border-color:#9fa88c;background:#f1f2e9;color:#5f6b4f}.swatch{display:block;width:25px;height:25px;margin:0 auto 7px;border-radius:50%;box-shadow:inset -2px -2px 5px #0002}.bronze{background:linear-gradient(135deg,#d2b985,#897141)}.ceramic{background:linear-gradient(135deg,#e5deca,#a69d83)}.crystal{background:linear-gradient(135deg,#f3fbf7,#bbd2c6)}.marble{background:repeating-linear-gradient(130deg,#bdc7b7,#dfe3d8 4px,#9ea996 7px)}input[type=range]{appearance:none;height:2px;background:#dce0d0;accent-color:#7b8765;cursor:pointer;width:100%;display:block;margin:17px 0}input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#7c8768;border:2px solid #fafbf5;border-radius:50%;box-shadow:0 0 0 1px #8a9575}.range-labels{display:flex;justify-content:space-between;color:#a3a697;font-size:9px}.notes{display:flex;gap:5px}.notes button{flex:1;border:1px solid #e1e4d7;border-radius:4px;padding:7px 0;font-size:10px;color:#9ba08e}.notes .active{background:#7c886a;color:#fff;border-color:#7c886a}.add-bowl{border:1px dashed #c9cfba;width:100%;border-radius:5px;padding:11px 5px;margin-top:24px;font-size:11px;color:#737f60}.add-bowl small{font-size:8px;color:#a3a98f;margin-left:8px}.sound-tip{display:flex;align-items:center;gap:12px;margin-top:17px;color:#9ca38d}.sound-tip>span{font-size:28px}.sound-tip p{font-size:9px;line-height:1.9;margin:0}.ambience{margin-top:33px}.ambience-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.ambience-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.ambience h2{font:400 19px "Noto Serif SC",serif;letter-spacing:1px;margin:7px 0 0}.ambient-volume{display:flex;align-items:center;gap:12px;font-size:10px;color:#929985}.ambient-volume input{width:85px}.ambient-volume button{font-size:10px;border:1px solid #d9dece;padding:6px 10px;border-radius:20px}.scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.scene-card{position:relative;text-align:left;border:1px solid #dfe2d5;border-radius:8px;overflow:hidden;display:flex;align-items:center;gap:13px;padding:0;height:86px;background:#f9f9f2}.scene-card.active{border-color:#8d9a78;background:#edf0e4}.scene-art{height:100%;width:93px;flex-shrink:0;background:#dbdfce;position:relative;overflow:hidden}.scene-card>span b{display:block;font-size:12px;font-weight:500}.scene-card small{display:block;font-size:9px;color:#999f8c;margin-top:6px}.scene-card>i{font-style:normal;margin-left:auto;margin-right:14px;color:#8e9a7b;font-size:13px}.still .scene-art{background:linear-gradient(90deg,#c9cdb9,#e1dfcc)}.window{position:absolute;width:35px;height:55px;top:9px;left:30px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#ececda,#adbba1);box-shadow:5px 5px 10px #6c795044}.window:after{content:"";position:absolute;width:1px;height:100%;background:#f4f1de;left:50%}.ocean .scene-art{background:linear-gradient(#dce7e4 0 41%,#a5c4bf 42% 54%,#c6d9cf 57%,#dae3d5 62%,#b2cbc1 65%,#dcdcc3 78%)}.forest .scene-art{background:repeating-linear-gradient(89deg,transparent 0 11px,#3c5a414a 12px 16px,transparent 17px 25px),linear-gradient(#b2c0a6,#4c6b4c)}.village .scene-art{background:linear-gradient(145deg,transparent 45%,#a5b59d 46% 65%,transparent 66%),linear-gradient(205deg,#d8dfcb 40%,#879c7e 41% 67%,#bcc5a7 68%)}.village .scene-art:after{content:"";position:absolute;bottom:11px;left:30px;width:25px;height:18px;background:#e7dbc1;clip-path:polygon(0 40%,50% 0,100% 40%,90% 40%,90% 100%,10% 100%,10% 40%)}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0;color:#a1a58f;font-size:9px;letter-spacing:.5px}footer label{display:flex;gap:10px;align-items:center}footer input{width:75px!important}dialog{border:1px solid #dddcca;border-radius:12px;background:#f8f7ef;color:var(--ink);max-width:460px;width:90%;padding:36px;box-shadow:0 30px 100px #1b2e3040}dialog::backdrop{background:#35423770;backdrop-filter:blur(6px)}dialog h2{font:25px "Noto Serif SC",serif;margin:20px 0 28px}dialog p{font-size:12px;color:#7d8572;line-height:1.9}dialog b{display:block;font-weight:500;color:#4d5d40}.close{position:absolute;right:13px;top:8px;font-size:25px}.guide-note{font-size:10px!important;border-top:1px solid #dedfce;padding-top:12px}.primary{background:#788667;color:#fff;padding:12px 20px;border-radius:5px;width:100%;margin-top:14px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#4f6048;color:#fff;padding:12px 22px;border-radius:30px;font-size:12px;transition:.3s;z-index:20}#toast.show{opacity:1;transform:translate(-50%)}body.focus header,body.focus .intro,body.focus aside,body.focus .ambience,body.focus footer{display:none}body.focus main{max-width:none;padding:20px}body.focus .workspace{display:block}body.focus .sanctuary{height:calc(100dvh - 40px)}body.focus .bowl-stage{height:calc(100dvh - 220px)}body.focus .stage-top:after{content:"\518d\6b21\6309  Esc \9000\51fa\6c89\6d78";font-size:10px;color:#91977e}body.focus .view-switch{top:90px}@media(min-width:1500px){main{padding-top:55px}.sanctuary{min-height:590px}.bowl-stage{height:425px}}@media(max-width:1000px){header{padding:0 4%;height:80px}main{padding:32px 4% 0}.workspace{grid-template-columns:minmax(0,1fr) 255px;gap:16px}aside{padding:20px 15px}.scene-art{width:65px}.scene-card{gap:8px}.scene-card>i{margin-right:8px}.bowl-stage{height:360px}.sanctuary{min-height:530px}nav{gap:22px}nav small{display:none}}@media(max-width:720px){header{height:70px}.brand{font-size:20px}.brand-mark{font-size:34px}nav{gap:15px}nav button{font-size:11px}.quiet span{display:none}main{padding-top:25px}h1{font-size:25px}.eyebrow{font-size:8px}.intro{align-items:flex-start}.intro p{font-size:10px}.session{padding:7px 10px;gap:6px}.session>span{display:none}.session b{border:0;padding:0}.workspace{display:flex;flex-direction:column}.sanctuary{min-height:455px}.bowl-stage{height:300px}.stage-top{padding:17px}.view-switch{left:12px;top:70px}.bowl-label{font-size:8px}.stage-hint,.stage-bottom{font-size:9px}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.panel-title,.selected-name,.sound-tip{grid-column:1/-1}.selected-name{padding:15px 0;margin-bottom:0}.materials{grid-column:1/-1}.field-label{grid-column:1/-1;margin-top:16px}aside>input,aside>.range-labels,.notes,.add-bowl{grid-column:1/-1}.add-bowl{margin-top:20px}.sound-tip{display:none}.scenes{grid-template-columns:1fr 1fr;gap:10px}.scene-art{width:80px}.ambience-heading{align-items:flex-end}.ambient-volume{gap:6px}.ambient-volume input{width:50px}.ambience h2{font-size:17px}.ambience-heading .eyebrow{font-size:7px}footer{flex-wrap:wrap;gap:10px;padding:20px 0}footer>span:nth-child(2){display:none}.bowl{max-width:185px;max-height:185px}.bowl-label b{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before{animation-duration:.01ms!important;transition:none!important}}:root{--touch:44px}html{overflow-x:hidden}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}button,select,.upload-button{min-height:var(--touch)}input[type=range]{height:22px;margin:7px 0;background:linear-gradient(#dce0d0,#dce0d0) center/100% 2px no-repeat}input[type=range]::-webkit-slider-thumb{width:16px;height:16px}.view-switch button{width:38px;height:44px}.session button{min-width:36px}.bowl{user-select:none;-webkit-user-select:none}.bowl-label{pointer-events:none}.stage-top,.stage-bottom,.view-switch,.stage-hint{position:relative;z-index:3}.view-switch{position:absolute}.stage-top{pointer-events:none}.stage-top button{pointer-events:auto}.bowl-stage{z-index:2}.stage-top button{min-height:32px}#landscape,#customBackdrop{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}#landscape{opacity:.52}#customBackdrop img,#customBackdrop video{width:100%;height:100%;object-fit:cover;opacity:.66}#customBackdrop:has(img):after,#customBackdrop:has(video):after{content:"";position:absolute;inset:0;background:#e6e9d532}.sanctuary.has-backdrop .live-label,.sanctuary.has-backdrop .stage-hint,.sanctuary.has-backdrop .stage-bottom{color:#344932;text-shadow:0 1px 5px #ffffffaa}.sanctuary.has-backdrop .bowl-label{background:#f9fae9cf;padding:5px 9px;border-radius:20px;color:#53614b}.capture-bar{border:1px solid var(--line);background:#efefe5;border-radius:10px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:22px}.capture-bar h2,.section-heading h2,.backdrop-panel h2{font:400 20px "Noto Serif SC",serif;letter-spacing:1px;margin:7px 0}.capture-bar .eyebrow,.section-heading .eyebrow,.backdrop-panel .eyebrow{font-size:8px}.capture-controls{display:flex;align-items:center;gap:13px;flex-wrap:wrap}select{background:#fafaf3;border:1px solid #d7ddcb;border-radius:6px;padding:9px 30px 9px 12px;color:#59654e;font:12px inherit;max-width:100%}.record-button{background:#758263;color:#fff;border-radius:6px;padding:10px 18px;font-size:12px}.record-button>span{color:#ecb1a0;margin-right:8px}.record-button.recording{background:#9c6155}.record-button.recording>span{color:#fff}.capture-controls>b{font:12px DM Sans,sans-serif;letter-spacing:1px;min-width:40px}#recordHelp{width:100%;margin:0;font-size:10px;color:#89907b;line-height:1.8}.recordings:empty{display:none}.recordings{width:100%;display:grid;gap:12px}.recording-item{background:#fafaf2;border:1px solid #dce0d0;border-radius:8px;padding:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.recording-item span{font-size:11px}.recording-item audio{height:36px;flex:1;min-width:180px}.recording-item video{width:100%;max-height:260px;background:#dfe2d5;border-radius:6px}.recording-item a,.recording-item button{font-size:11px;color:#6a7957}.recording-item a{padding:12px 4px}.sound-layers{margin-top:34px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading p{font-size:10px;color:#99a18b}.nature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:17px}.nature-layer{border:1px solid #dfe2d4;background:#fafaf4;border-radius:9px;padding:16px}.nature-layer.enabled{background:#eef1e5;border-color:#abb69a}.layer-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.layer-top h3{margin:0;font-size:12px;font-weight:500}.layer-top span{font-size:19px;display:block;margin-bottom:8px;color:#8f9c7c}.layer-switch{width:37px;min-width:37px;min-height:44px;position:relative;padding:0}.layer-switch:before{content:"";display:block;width:34px;height:19px;background:#dce0d2;border-radius:20px}.layer-switch:after{content:"";width:13px;height:13px;background:#fff;border-radius:50%;position:absolute;left:3px;top:calc(50% - 6.5px);transition:.2s}.enabled .layer-switch:before{background:#879773}.enabled .layer-switch:after{left:18px}.nature-layer label{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#8a947b;margin-top:14px}.nature-layer select{font-size:10px;padding:7px;min-height:36px;width:100%;margin-top:6px}.nature-layer .layer-description{font-size:9px;color:#a0a68f;margin:7px 0 0;line-height:1.6}.backdrop-panel{margin-top:30px;border:1px solid #dfe3d4;border-radius:9px;padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.backdrop-panel p{font-size:10px;color:#99a18b;line-height:1.8;margin-bottom:0}.backdrop-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.upload-button{display:flex;align-items:center;border:1px solid #b9c4a7;border-radius:6px;padding:10px 14px;font-size:11px;cursor:pointer;background:#f0f3e6}.backdrop-actions button{font-size:10px;color:#899679}.motion-option{display:flex;align-items:center;gap:6px;font-size:10px;min-height:44px}.motion-option input{accent-color:#7c8966}#backdropStatus{flex-basis:100%;font-size:9px;margin-top:0}.record-float,body.focus .capture-bar,body.focus .sound-layers,body.focus .backdrop-panel{display:none}body.focus .record-float{display:flex;position:fixed;right:25px;bottom:25px;z-index:30;background:#9c6155;color:#fff;border-radius:30px;padding:10px 18px;align-items:center;gap:10px}body.focus .record-float[hidden]{display:none}.record-float button{color:#fff}.scene-card{min-height:86px}.guide-note{line-height:1.8}@media(min-width:721px)and (max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 260px}.nature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bowl-stage{height:390px}.sanctuary{min-height:560px}.bowl{max-width:200px;max-height:200px}}@media(max-width:720px){.workspace{gap:15px}.capture-bar,.backdrop-panel{padding:18px}.capture-bar h2,.section-heading h2,.backdrop-panel h2{font-size:18px}.capture-controls{width:100%;gap:9px}.capture-controls select{flex:1;min-width:110px}.record-button{flex:1;white-space:nowrap}.nature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nature-layer{padding:14px}.nature-layer:last-child{grid-column:1/-1}.nature-layer:last-child select{width:50%}.section-heading p{max-width:100px;line-height:1.8;text-align:right}.backdrop-actions{gap:9px;width:100%}.upload-button{flex:1;justify-content:center}.bowl{max-width:158px;max-height:158px}.stage-hint{margin-top:15px;margin-bottom:18px}.view-switch{left:8px}.view-switch button{width:32px}.stage-bottom{margin:0 15px}.notes button{min-height:44px}.materials button{min-height:65px}.scene-card>span{min-width:0}.scene-card small{font-size:8px}.capture-bar .eyebrow{font-size:7px}body.focus .bowl{max-width:190px;max-height:190px}}@media(max-width:370px){nav{gap:4px}.brand{gap:5px;letter-spacing:2px}.brand small{font-size:7px}.brand-mark{font-size:28px}h1{font-size:22px;letter-spacing:1px}.intro{gap:4px}.session{gap:3px}.scene-art{width:50px}.scenes,.scene-card{gap:7px}.bowl{max-width:137px;max-height:137px}.stage-top{padding:13px}.record-button{padding:9px}.capture-controls{gap:6px}}@media(max-height:600px)and (orientation:landscape){header{height:62px}main{padding-top:20px}.intro{margin-bottom:18px}.intro h1{font-size:25px}.workspace{grid-template-columns:minmax(0,1fr) 250px;display:grid}.sanctuary{min-height:420px}.bowl-stage{height:270px}.nature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}aside{display:block}body.focus main{padding:0}body.focus .sanctuary{height:100dvh;border-radius:0}body.focus .bowl-stage{height:calc(100dvh - 185px)}}@media(horizontal-viewport-segments:2){.workspace{gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0) + 24px)}}body.experience{background:#e5e8db;min-height:100dvh}.experience>header,.experience main>.intro,.experience footer{display:none}.experience main{max-width:none;padding:0}.experience .workspace{display:block}.experience .sanctuary{height:100dvh;min-height:650px;border:0;border-radius:0;padding-top:155px;overflow:hidden;background:#e3e7d7}.experience .scene-wash{z-index:0}.experience #landscape{opacity:.88}.experience .bowl-stage{height:calc(100% - 270px);min-height:320px;max-width:1150px;margin:auto}.experience .stage-top{position:absolute;inset:114px 35px auto;padding:0}.experience .live-label{font-size:10px}.experience .segmented{opacity:.7}.experience .view-switch{top:220px;left:35px;opacity:.6}.experience .stage-bottom{display:none}.experience .stage-hint{position:absolute;bottom:170px;left:0;right:0;margin:0;font-size:11px;letter-spacing:1.4px;color:#7e8c70}.experience .bowl{filter:drop-shadow(0 25px 22px #3e56333b)}.experience .bowl.chosen:before{opacity:0}.experience .bowl:focus-visible:before{opacity:1}.experience .bowl-label{opacity:.62;font-size:10px;letter-spacing:1.5px;transition:opacity .5s}.experience .bowl:hover .bowl-label,.experience .bowl:focus-visible .bowl-label{opacity:1}.experience-header{position:absolute;left:35px;right:35px;top:max(24px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:5}.experience-brand{display:flex;align-items:center;gap:12px;font-size:39px;color:#6a7d57;text-decoration:none}.experience-brand>span{font:22px "Noto Serif SC",serif;letter-spacing:4px}.experience-brand small{display:block;font:8px DM Sans,sans-serif;letter-spacing:2px;margin-top:5px}.experience-header button{font-size:10px;letter-spacing:1px;color:#7e8c70}.experience-header button span{padding-left:10px}.experience-title{position:absolute;top:150px;left:10%;z-index:2;pointer-events:none}.experience-title .eyebrow{font-size:8px;color:#889779}.experience-title h1{font-size:28px;font-weight:400;letter-spacing:3px;color:#526849;margin:12px 0}.experience-title p{font:11px DM Sans,sans-serif;letter-spacing:1px;color:#87987b;margin:0}.experience-playback{display:flex;justify-content:center;align-items:center;gap:18px;position:absolute;left:15px;right:15px;bottom:101px;z-index:4;color:#7d8e6b;font-size:10px}.experience-playback button{font-size:11px;letter-spacing:1px;padding:8px 17px;border:1px solid #99aa7a55;border-radius:30px;background:#f1f5dd38;backdrop-filter:blur(12px)}.experience-playback #finishBath{border:0;background:none;font-size:10px;color:#94a280;padding:8px}.listening-wave{display:flex;align-items:center;gap:3px;height:15px}.listening-wave i{display:block;width:2px;height:3px;background:#91a67c;border-radius:2px}.listening .listening-wave i{animation:listen-breathe 3s ease-in-out infinite}.listening-wave i:nth-child(2){animation-delay:.3s}.listening-wave i:nth-child(3){animation-delay:.6s}.listening-wave i:nth-child(4){animation-delay:.9s}.listening-wave i:nth-child(5){animation-delay:1.2s}@keyframes listen-breathe{50%{height:13px;opacity:.5}}.experience-dock{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);height:auto;display:flex;gap:5px;padding:7px 16px;border:1px solid #eef3df88;background:#f5f6e979;box-shadow:0 8px 32px #4b614311;border-radius:40px;z-index:6;backdrop-filter:blur(20px);width:max-content;max-width:calc(100% - 28px)}.experience-dock button{min-height:43px;height:auto;font-size:10px;letter-spacing:.8px;padding:5px 14px;border-radius:25px;white-space:nowrap;color:#6f825c}.experience-dock button:hover{background:#ffffff70}.experience-dock button span{font-size:17px;vertical-align:middle;margin-right:8px}.arrival{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 45%,#e8edddf8,#e4e9ddf2);backdrop-filter:blur(15px);transition:opacity 1s,visibility 1s;padding:30px}.arrival.departed{opacity:0;pointer-events:none;visibility:hidden}.arrival[hidden]{display:none}.arrival>.eyebrow{font-size:9px;color:#8b9a78}.arrival h2{font:400 31px "Noto Serif SC",serif;letter-spacing:4px;margin:19px 0;color:#546c49}.arrival p{font-size:12px;line-height:2.4;letter-spacing:1.6px;color:#8d9d7b}.arrival button{background:#748764;color:#f4f5e9;border:1px solid #849674;border-radius:35px;padding:14px 33px;margin:24px 0 18px;font-size:12px;letter-spacing:2px;box-shadow:0 8px 30px #5f795f22}.arrival button span{margin-left:28px}.arrival small{font-size:9px;color:#9cab89;letter-spacing:.5px}.arrival-orbit{position:relative;width:112px;height:112px;margin-bottom:42px}.arrival-orbit i{position:absolute;inset:0;border:1px solid #9fae8c44;border-radius:50%;animation:arrival-ring 7s ease-in-out infinite}.arrival-orbit i:nth-child(2){inset:13px;animation-delay:1s}.arrival-orbit i:nth-child(3){inset:26px;animation-delay:2s;background:radial-gradient(#d5dfc5,#e6ebd800)}@keyframes arrival-ring{50%{transform:scale(1.13);opacity:.55}}.experience-sheet{position:fixed;inset:auto 0 0;margin:0 auto;max-width:760px;width:100%;max-height:85dvh;overflow-y:auto;border:1px solid #e3e8d8;border-bottom:0;border-radius:22px 22px 0 0;background:#f6f6ec;padding:0 26px calc(25px + env(safe-area-inset-bottom));color:#52654a;box-shadow:0 -15px 80px #45613b26;overscroll-behavior:contain}.experience-sheet::backdrop{background:#30472a33;backdrop-filter:blur(6px)}.sheet-heading{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2;background:#f6f6ecf5;padding:12px 0;border-bottom:1px solid #e0e5d4;margin-bottom:15px}.sheet-heading h2{font:17px "Noto Serif SC",serif;letter-spacing:1px;margin:0}.sheet-heading button{font-size:28px;width:44px;color:#8b9c79}.experience-sheet aside{display:block;background:none;border:0;padding:8px 0 10px;border-radius:0;max-width:470px;margin:auto}.experience-sheet .ambience,.experience-sheet .sound-layers,.experience-sheet .backdrop-panel,.experience-sheet .capture-bar{margin:0 0 23px}.experience-sheet .sound-layers>.section-heading{display:none}.experience-sheet .nature-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.experience-sheet .nature-layer:last-child{grid-column:auto}.experience-sheet .capture-bar{border:0;background:none;padding:0}.experience-sheet .capture-bar>div:first-child{display:none}.experience-sheet .capture-controls{width:100%}.experience-sheet .capture-controls select,.experience-sheet .capture-controls .record-button{flex:1}.experience-sheet .capture-bar p{font-size:11px}.experience-sheet .scenes{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-sheet .backdrop-panel{padding:16px}.experience-sheet .ambient-volume{justify-content:flex-start;gap:17px}.experience-sheet .ambient-volume input{width:140px}.experience-sheet p{line-height:1.9}.journey-options>p{font-size:11px;color:#93a082;line-height:1.9}.journey-options>button{display:flex;align-items:center;gap:20px;text-align:left;width:100%;border:1px solid #dbe2cd;border-radius:12px;padding:16px 19px;background:#eff2e5;margin:14px 0}.journey-options b{display:block;font:18px "Noto Serif SC",serif;letter-spacing:2px;margin-bottom:9px;color:#607653}.journey-options small{font-size:10px;color:#91a27c;letter-spacing:.5px}.journey-options em{margin-left:auto;font-size:10px;font-style:normal;color:#9eab8f}.journey-orb{display:block;width:60px;height:60px;flex-shrink:0;border-radius:50%;box-shadow:inset 0 0 0 4px #fff2,0 5px 14px #75856122;background:radial-gradient(circle at 40% 40%,#92a58a,#bcc5a4 65%,#859a7b 70%,#c2cead 80%,#a4b596)}.journey-orb.woodland{background:radial-gradient(circle at 40% 40%,#758f69,#a4b88c 65%,#6e875b 70%,#c4d3aa 80%,#9fb387)}.journey-orb.daylight{background:radial-gradient(circle at 40% 40%,#e5e9cc,#c9d9bc 65%,#f4f5e0 70%,#b4c9a6 80%,#e9f0d6)}.ritual-meta{border-top:1px solid #dce4ce;margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.ritual-meta>label{font-size:10px;color:#92a27e;display:flex;align-items:center;gap:15px}.ritual-meta input{width:110px}.experience .experience-recording:not([hidden]){display:flex;position:fixed;right:20px;top:75px;bottom:auto;z-index:6;background:#a16c5de6;color:#fff;padding:3px 10px;border-radius:30px;font-size:10px;gap:10px}.experience .experience-recording button{color:#fff;font-size:10px}.experience:not(.bath-entered) .experience-dock,.experience:not(.bath-entered) .experience-header{z-index:8}.experience:not(.bath-entered) .experience-dock{opacity:.45}.experience-sheet input[type=range]{height:30px}.experience-sheet .notes button{height:44px}.experience-sheet .layer-switch{min-height:48px}.experience .stage-top .segmented button,.experience .view-switch button{min-height:44px}.experience #guide{z-index:20}@media(min-width:1300px){.experience-title{left:15%;top:160px}.experience .sanctuary{padding-top:180px}.experience .bowl-stage{height:calc(100% - 270px)}}@media(max-width:720px){.experience-header{left:22px;right:22px;top:max(19px,env(safe-area-inset-top))}.experience-brand{font-size:32px;gap:9px}.experience-brand>span{font-size:20px}.experience-brand small{font-size:7px}.experience .sanctuary{height:100dvh;min-height:620px;padding-top:180px}.experience-title{left:25px;top:130px;right:20px}.experience-title h1{font-size:22px;letter-spacing:2px}.experience-title p{font-size:10px;letter-spacing:.4px;line-height:1.8}.experience-title .eyebrow{font-size:7px}.experience .stage-top{inset:86px 23px auto}.experience .segmented{display:none}.experience .view-switch{top:auto;bottom:204px;left:20px;display:flex;border:0;background:#f5f8df44;padding:0;border-radius:25px}.experience .view-switch button{border-radius:25px}.experience .bowl-stage{min-height:260px;height:calc(100% - 260px)}.experience .stage-hint{bottom:178px;font-size:9px;letter-spacing:.5px}.experience-playback{bottom:113px;gap:9px}.experience-playback>span{font-size:9px}.experience-playback #finishBath{padding:8px 0}.experience-playback button{font-size:10px;padding:8px 12px}.experience-dock{bottom:max(17px,env(safe-area-inset-bottom));padding:6px 7px;gap:0;border-radius:30px;width:calc(100% - 30px);justify-content:space-around}.experience-dock button{font-size:8px;letter-spacing:.2px;padding:4px 8px;white-space:normal}.experience-dock button span{display:block;font-size:18px;margin:0 0 4px}.arrival h2{font-size:25px;letter-spacing:2px}.arrival p{font-size:11px}.arrival-orbit{width:90px;height:90px;margin-bottom:34px}.experience-sheet{padding:0 18px calc(22px + env(safe-area-inset-bottom));max-height:88dvh}.experience-sheet .nature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-sheet .nature-layer:last-child{grid-column:1/-1}.experience-sheet .nature-layer:last-child select{width:100%}.journey-options>button{gap:15px;padding:15px}.journey-options b{font-size:17px}.journey-options small{font-size:9px}.journey-orb{width:47px;height:47px}.sheet-heading h2{font-size:16px}.experience .experience-recording:not([hidden]){top:75px;right:15px}.experience .bowl-label{font-size:8px}}@media(max-width:370px){.experience-title h1{font-size:20px}.experience-playback{gap:6px}.experience-playback>span{font-size:8px}.listening-wave{gap:2px}.experience-dock button{padding:4px 5px}.arrival h2{font-size:22px}}@media(max-height:600px)and (orientation:landscape){.experience .sanctuary{min-height:370px;height:100dvh;padding-top:55px}.experience-header{top:10px;left:20px;right:20px}.experience-brand{font-size:27px}.experience-brand>span{font-size:16px}.experience-brand small{font-size:6px}.experience-title{top:70px;left:8%}.experience-title h1{font-size:18px;margin:7px 0}.experience-title p{display:none}.experience-title .eyebrow{font-size:6px}.experience .stage-top{inset:70px 20px auto;justify-content:flex-end}.experience .live-label{display:none}.experience .bowl-stage{height:calc(100% - 125px);min-height:160px;max-width:750px}.experience .stage-hint{display:none}.experience-playback{bottom:65px}.experience-dock{bottom:8px;padding:2px 10px;max-width:550px}.experience-dock button{min-height:38px;font-size:9px}.experience-dock button span{display:inline;font-size:15px;margin-right:6px}.experience .view-switch{top:130px;bottom:auto;left:15px}.arrival{padding:15px;display:grid;grid-template-columns:100px 1fr;align-content:center;column-gap:25px}.arrival-orbit{grid-column:1;grid-row:1/6;width:80px;height:80px;margin:0}.arrival h2{font-size:23px;margin:8px 0}.arrival p{margin:5px;line-height:1.7}.arrival button{margin:8px auto;padding:10px 24px}.arrival small{font-size:8px}.experience .experience-recording:not([hidden]){top:15px;right:130px}}.experience .rendered-scene #landscape{opacity:1}.experience .rendered-scene .experience-title h1{color:#344c33;text-shadow:0 2px 22px #f9fae4cc}.experience .rendered-scene .experience-title p,.experience .rendered-scene .eyebrow,.experience .rendered-scene .live-label,.experience .rendered-scene .stage-hint{color:#4e6645;text-shadow:0 1px 12px #fffef1}.experience .rendered-scene .experience-title{padding:18px 23px;margin-left:-23px;border-radius:16px;background:radial-gradient(ellipse at 30% 50%,#f1f5df70,transparent 75%)}.experience .rendered-scene .bowl-label{background:#f3f6e3c9;backdrop-filter:blur(10px);padding:6px 12px;border-radius:30px;color:#48613b;opacity:.9;box-shadow:0 3px 15px #34532b12}.experience .rendered-scene .experience-playback{background:#edf3dc9c;border:1px solid #f9fbe56b;border-radius:35px;backdrop-filter:blur(16px);max-width:460px;margin:auto;padding:2px 13px;color:#4e6840}.experience .rendered-scene .experience-playback #finishBath{color:#617c50}.experience .rendered-scene .bowl{filter:drop-shadow(0 21px 15px #263f2f55)}.rendered-gallery{gap:13px!important}.rendered-card{height:auto!important;display:block!important;padding:0!important;background:#f9faef!important;position:relative}.rendered-card .scene-art{width:100%!important;height:auto!important;aspect-ratio:16/9;background:#e0e6d6!important}.rendered-card .scene-art:after{display:none!important}.rendered-card .scene-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}.rendered-card:hover .scene-art img{transform:scale(1.025)}.rendered-card>span{display:block;padding:13px 15px 15px}.rendered-card>span b{font-size:13px}.rendered-card>span small{font-size:9px}.rendered-card>i{position:absolute;right:1px;bottom:22px;background:#e8eddb;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:11px}.rendered-card.active{box-shadow:0 0 0 1px #7b9265;border-color:#7b9265}.rendered-card.active>i{background:#7f946a;color:#fff}.gallery-intro{font-size:11px;color:#8f9e7e;margin:0 0 16px}.landscape-preview{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#dfe8d5;margin-bottom:20px}.landscape-preview>img{width:100%;height:100%;object-fit:cover;display:block}.landscape-preview>div{position:absolute;inset:auto 0 0;padding:30px 20px 16px;background:linear-gradient(transparent,#203a2aa8);color:#f5f8e7}.landscape-preview span{font:19px "Noto Serif SC",serif;letter-spacing:2px}.landscape-preview p{font-size:10px;color:#e4ebd3;margin:6px 0 0}.motion-option[hidden]{display:none!important}@media(max-width:720px){.experience .rendered-scene .experience-title{padding:12px 15px;margin-left:-15px}.experience .rendered-scene .bowl-label{padding:4px 8px}.experience .rendered-scene .experience-playback{max-width:calc(100% - 40px);padding:1px 9px;gap:6px}.rendered-card>span{padding:10px 11px 13px}.rendered-card>span b{font-size:12px}.rendered-card>span small{font-size:8px}.rendered-card>i{right:-4px;bottom:17px}.landscape-preview>div{padding:24px 15px 12px}.landscape-preview span{font-size:17px}}@media(max-height:600px)and (orientation:landscape){.landscape-preview{max-height:210px}.experience .rendered-scene .experience-title{padding:8px 14px}.experience .rendered-scene .experience-playback{bottom:66px}}:root{--ink:#243c30;--muted:#4b6052;--paper:#f8f7ef;--accent:#365a42}body{font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink)}button,input,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.bowl:focus-visible{outline:3px solid #365a42;outline-offset:4px}.experience-header{top:max(22px,env(safe-area-inset-top));padding:9px 17px;background:#faf9f0f2;border:1px solid #fff9;border-radius:22px;box-shadow:0 8px 36px #173d2015;gap:12px}.experience-brand,.experience-header button{color:#294b36}.experience-header button{font-size:13px;min-width:44px}.experience-brand small{font-size:9px;letter-spacing:1.5px}.language-switch{border-left:1px solid #cbd3c6;padding-left:16px;margin-left:auto;font-weight:600}.experience .rendered-scene .experience-title,.experience-title{background:#faf9f0f2;border:1px solid #fff9;box-shadow:0 8px 36px #163b2010;padding:18px 24px!important;border-radius:18px;margin-left:0!important;max-width:650px;top:142px}.experience .rendered-scene .experience-title h1,.experience-title h1{color:#243c30;text-shadow:none;font-size:clamp(24px,2.5vw,34px);letter-spacing:1px;line-height:1.5;margin:8px 0}.experience .rendered-scene .experience-title p,.experience-title p{color:#425b48;text-shadow:none;font-size:14px;line-height:1.7;letter-spacing:.2px}.experience .rendered-scene .experience-title .eyebrow,.experience-title .eyebrow{color:#526349;text-shadow:none;font-size:10px;letter-spacing:2px}.experience .stage-top{top:106px}.experience .live-label{background:#faf9f0ed;color:#294b36!important;padding:5px 12px;border-radius:20px;font-size:12px;text-shadow:none!important}.experience .bowl-stage{position:absolute;inset:285px 8% 235px;width:auto;height:auto;min-height:220px}.experience .bowl-label,.experience .rendered-scene .bowl-label{background:#fbfaf1!important;color:#263d2c!important;opacity:1!important;font-size:12px!important;letter-spacing:.2px;padding:8px 12px!important;box-shadow:0 3px 14px #162e2522;text-shadow:none;white-space:nowrap}.experience .bowl-label b{font-size:13px}.experience .stage-hint{bottom:192px;background:#faf9f0f2;border-radius:20px;padding:8px 14px;width:max-content;max-width:calc(100% - 40px);margin:auto;left:0;right:0;font-size:12px;color:#304c36!important;text-shadow:none!important;line-height:1.5}.experience .experience-playback{bottom:115px;background:#faf9f0fa!important;border:1px solid #fff!important;padding:9px 14px!important;max-width:540px;box-shadow:0 8px 32px #143c281f;color:#304c36;font-size:13px;gap:14px}.experience-playback button{font-size:13px;letter-spacing:0;color:#304c36;background:#e4eadb;min-height:44px;white-space:nowrap}.experience-playback #finishBath{color:#304c36!important;font-size:12px;background:transparent}.experience-playback>span{font-size:12px}.listening-wave i{background:#365a42}.experience-dock{background:#faf9f0fa;border:1px solid #fff;box-shadow:0 10px 40px #163b252b;padding:9px 12px;gap:8px}.experience-dock button{color:#304c36;font-size:13px;letter-spacing:0;min-height:52px;padding:7px 16px}.experience-dock button:hover{background:#e4eadb}.experience:not(.bath-entered) .experience-dock{opacity:1}.arrival>.eyebrow,.arrival p,.arrival small{color:#435c49}.arrival p{font-size:15px}.arrival small{font-size:12px}.arrival h2{color:#243c30}.arrival button{background:#365a42;font-size:15px;min-height:52px}.experience-sheet{background:#faf9f2;color:#293e30;padding-inline:28px}.sheet-heading{background:#faf9f2;border-color:#d1d8cb;padding-block:16px}.sheet-heading h2{font-size:21px}.sheet-heading button{color:#304c36}.experience-sheet p,.experience-sheet small,.experience-sheet label,.experience-sheet .range-labels,.experience-sheet .layer-description,.experience-sheet .gallery-intro,.experience-sheet #recordHelp,.experience-sheet #backdropStatus{color:#4b6052!important;font-size:13px!important;line-height:1.8}.experience-sheet h3,.experience-sheet h2{color:#293e30}.experience-sheet .field-label{font-size:14px}.experience-sheet .field-label small{font-size:10px!important}.experience-sheet button,.experience-sheet select{font-size:14px}.experience-sheet .materials button{min-height:76px}.experience-sheet .materials .selected{background:#e1ead8;border-color:#365a42;color:#243c30}.experience-sheet .nature-layer label{font-size:12px}.journey-options b{color:#294b36;font-size:21px}.journey-options small{color:#4b6052}.record-button{background:#365a42}.recording-item{background:#fff;border:1px solid #cbd5c5}.recording-item a{display:inline-flex;min-height:44px;align-items:center;font-weight:600;color:#294b36}.recording-item span{font-size:13px}.rendered-card>span b{font-size:15px}.rendered-card>span small{font-size:12px}.experience-sheet .sound-tip{display:flex}.experience-sheet .sound-tip p{font-size:12px!important}#sessionResult{max-width:560px;border:0;border-radius:24px;background:#faf9f2;color:#243c30;padding:30px;width:calc(100% - 40px)}#sessionResult::backdrop{background:#17352780;backdrop-filter:blur(8px)}#sessionResult h2{font-size:26px;line-height:1.5}#sessionResult p{font-size:15px;line-height:1.8;color:#4b6052}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-actions button{border-radius:24px;padding:12px 20px;background:#365a42;color:#fff;min-height:48px}.result-actions button+button{background:#e4eadb;color:#294b36}.rights-note{font-size:11px!important}@media(max-width:720px){.experience-header{left:14px;right:14px;padding:5px 12px;border-radius:18px}.experience-brand small{font-size:8px}.experience-header button{font-size:12px}.experience-brand>span{font-size:18px}.language-switch{padding-left:10px}.experience-title,.experience .rendered-scene .experience-title{left:18px;right:18px;top:140px;padding:14px 17px!important}.experience-title h1,.experience .rendered-scene .experience-title h1{font-size:24px}.experience-title p,.experience .rendered-scene .experience-title p{font-size:13px}.experience .stage-top{inset:95px 20px auto}.experience .bowl-stage{inset:300px 3% 245px;height:auto;min-height:190px}.experience .stage-hint{bottom:191px;font-size:11px;padding:7px 10px;text-align:center}.experience .experience-playback{bottom:111px;gap:7px;padding:7px 9px!important;max-width:calc(100% - 30px)}.experience-playback>span{font-size:11px}.experience-playback button{font-size:12px;padding:8px 11px}.experience-dock{width:calc(100% - 24px);padding:7px 3px;gap:0;bottom:max(16px,env(safe-area-inset-bottom))}.experience-dock button{font-size:11px;padding:5px 4px;flex:1;line-height:1.5}.experience-dock button span{font-size:21px}.experience .view-switch{bottom:242px;left:14px;background:#faf9f0f2}.experience-sheet{padding-inline:20px}.sheet-heading h2{font-size:19px}.experience .sanctuary{min-height:800px}.experience .bowl-label{font-size:11px!important}.experience .bowl{max-width:132px;max-height:132px}}@media(max-height:600px)and (orientation:landscape){.experience .sanctuary{min-height:540px}.experience-header{top:10px;left:20px;right:20px}.experience-title,.experience .rendered-scene .experience-title{top:90px;left:20px;right:auto;max-width:42%;padding:10px 15px!important}.experience .stage-top{top:85px}.experience .bowl-stage{inset:110px 3% 155px 40%;min-height:170px}.experience .stage-hint{display:none}.experience .experience-playback{bottom:85px}.experience-dock{bottom:10px}.experience .view-switch{bottom:160px;top:auto}.experience-title h1,.experience .rendered-scene .experience-title h1{font-size:22px}}.guided-content{border-top:1px solid #cbd5c5;margin-top:28px;padding-top:24px}.guided-intro h3{font-size:21px;margin:10px 0}.guided-intro p{margin:8px 0}.guided-choice{display:flex;gap:8px;background:#e8eddf;border-radius:30px;padding:5px}.guided-choice button{flex:1;min-height:46px;border-radius:25px;padding:10px;color:#304c36}.guided-choice [aria-pressed=true]{background:#365a42;color:#fff}.guided-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guided-grid button{display:flex;text-align:left;align-items:center;gap:12px;border:1px solid #ced8c6;border-radius:14px;background:#f1f4e8;padding:16px;min-height:110px;color:#243c30}.guided-number{font-size:12px;color:#64765a}.guided-grid b{display:block;font-size:16px;font-weight:600}.guided-grid small{display:block;line-height:1.7;margin-top:7px}.guided-grid em{font-size:12px;font-style:normal;margin-left:auto;white-space:nowrap}.quick-journeys>button{margin:10px 0}.guide-panel{position:absolute;z-index:5;left:50%;transform:translate(-50%);bottom:105px;width:390px;max-width:calc(100% - 28px);border-radius:18px;background:#faf9f0fa;border:1px solid white;box-shadow:0 8px 32px #173d202a;padding:12px 16px;color:#294b36}.guide-panel[hidden]{display:none}.guide-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.guide-heading>span{font-size:12px;font-variant-numeric:tabular-nums}.guide-panel progress{display:block;width:100%;height:4px;margin:9px 0;accent-color:#365a42}.guide-cue{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px;min-height:25px}.guide-cue strong{font-size:14px;font-weight:600}.guide-actions{display:flex;gap:8px;margin-top:6px}.guide-actions button{border-radius:22px;background:#e2ead8;color:#294b36;flex:1;min-height:36px;font-size:12px}.guide-actions button:first-child{background:#365a42;color:#fff}.guided-active .experience-playback,.guided-active .stage-hint{display:none}.guided-active .bowl-stage{bottom:285px}.guide-next:after,.guide-now:after,.guide-played:after{content:"";position:absolute;inset:-10px;border:3px dashed #fffde9;border-radius:50%;box-shadow:0 0 0 2px #365a42,0 0 24px #f7ffe9b0;pointer-events:none}.guide-now:after{border-style:solid;border-width:5px;animation:guide-breathe 1.5s ease-in-out infinite}.guide-played:after{border-style:solid;border-color:#bfe0b2}.guide-next .bowl-label{box-shadow:0 0 0 2px #365a42!important}.guide-now .bowl-label{background:#365a42!important;color:#fff!important}@keyframes guide-breathe{50%{transform:scale(1.08)}}@media(max-width:720px){.guided-grid{grid-template-columns:1fr}.guided-grid button{min-height:92px;padding:14px}.guided-grid b{font-size:17px}.guided-active .bowl-stage{top:285px;bottom:290px}.guide-panel{bottom:108px;padding:12px 14px}.guide-actions button{min-height:40px}.guide-cue{font-size:11px}.guide-cue strong{font-size:13px}}@media(prefers-reduced-motion:reduce){.guide-now:after{animation:none}}.experience-dock svg,.sheet-navigation svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.experience-dock button>span{display:inline-block}.sheet-heading{display:grid;grid-template-columns:1fr 44px;gap:12px;align-items:center;top:0;z-index:10}.sheet-heading>button{grid-column:2;grid-row:1;border:1px solid #d7dfd0;border-radius:50%;background:#edf1e5;width:44px;height:44px;align-self:start}.sheet-heading>h2{grid-column:1;grid-row:1;line-height:1.5}.sheet-navigation{grid-column:1/-1;display:flex;gap:5px;width:100%;justify-content:space-between;background:#e9eee1;padding:5px;border-radius:16px}.sheet-navigation button{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:6px;padding:9px 4px;font-size:11px!important;color:#4b6052;border-radius:12px;line-height:1.4}.sheet-navigation button[aria-pressed=true]{background:#365a42;color:#fff;box-shadow:0 3px 8px #193b2420}.sheet-navigation button:hover{box-shadow:inset 0 0 0 1px #a9b99c}.experience-dock button{transition:background .2s,transform .2s}.experience-dock button:active{transform:scale(.96)}@media(max-width:720px){.experience-dock button>span{display:block}.experience-dock svg{margin:auto}.sheet-navigation button{font-size:10px!important}.sheet-heading{gap:10px}.sheet-heading h2{font-size:18px}}.experience .bowl{max-width:none!important;max-height:none!important;background:transparent!important;filter:drop-shadow(0 9px 7px #16271d55)!important}.experience .bowl:after{background:none}.experience .bowl .bowl-surface{background:var(--bowl-photo) center/100% 100% no-repeat!important;box-shadow:none!important}.experience .bowl .bowl-surface:after{display:none}.bowl.bronze{--bowl-photo:url(assets/bowl-bronze.png)}.bowl.ceramic{--bowl-photo:url(assets/bowl-ceramic.png)}.bowl.crystal{--bowl-photo:url(assets/bowl-crystal.png)}.bowl.marble{--bowl-photo:url(assets/bowl-marble.png)}.experience .bowl .bowl-label,.experience .rendered-scene .bowl .bowl-label{top:calc(100% + 7px);width:24px;height:24px;padding:0!important;display:grid;place-items:center;border:1px solid #ffffff99;border-radius:50%;background:#faf9eee8!important;backdrop-filter:blur(6px);box-shadow:0 2px 6px #19302520!important;letter-spacing:0;font-size:12px!important}.experience .bowl .bowl-label b{margin:0;font:500 12px Georgia,serif;color:#294b36}.experience .bowl.chosen .bowl-label{background:#365a42!important;border-color:#365a42}.experience .bowl.chosen .bowl-label b{color:#fff}.materials .swatch{width:38px;height:38px;background-size:cover;background-color:transparent;box-shadow:none}.materials .swatch.bronze{background-image:url(assets/bowl-bronze.png)}.materials .swatch.ceramic{background-image:url(assets/bowl-ceramic.png)}.materials .swatch.crystal{background-image:url(assets/bowl-crystal.png)}.materials .swatch.marble{background-image:url(assets/bowl-marble.png)}.experience-header{left:20px;right:20px;top:max(15px,env(safe-area-inset-top));padding:5px 12px;border-radius:18px;background:#faf9f0d9;box-shadow:0 3px 18px #163b2010;max-width:620px;margin:auto}.experience-brand{font-size:25px;gap:6px}.experience-brand>span{font-size:17px;letter-spacing:2px}.experience-brand small{font-size:7px;letter-spacing:1px}.experience-header button{font-size:12px}.experience-header #experienceGuide{font-size:0;min-width:36px}.experience-header #experienceGuide span{font-size:17px;padding:0}.language-switch{margin-left:auto;padding-left:10px}.experience-header #toolsToggle{border:1px solid #c6d0be;border-radius:20px;padding:5px 12px;min-height:36px}.experience .experience-title,.experience .rendered-scene .experience-title{top:110px;left:24px;right:24px;max-width:none;padding:0!important;background:transparent;border:0;box-shadow:none;text-align:center;opacity:.85}.experience .experience-title .eyebrow,.experience .experience-title p{display:none}.experience .experience-title h1,.experience .rendered-scene .experience-title h1{font-size:17px;letter-spacing:1px;margin:0;color:#243c30;text-shadow:0 1px 5px #fff,0 0 20px #fff}.experience .stage-top{inset:76px 22px auto;justify-content:center;padding:0}.experience .live-label{font-size:10px;padding:3px 9px;min-height:22px;opacity:.8;letter-spacing:.2px}.experience .segmented{display:none}.experience .bowl-stage,.experience.guided-active .bowl-stage{inset:155px 8% 145px;min-height:160px}.experience.guided-active .bowl-stage{bottom:200px}.experience .stage-hint{display:none}.experience .view-switch{bottom:85px;top:auto;left:20px;background:#faf9f0c9}.experience .experience-playback{bottom:max(22px,env(safe-area-inset-bottom));left:65px;right:65px;max-width:370px;padding:4px 8px!important;gap:8px;box-shadow:0 4px 20px #143c2815}.experience-playback>span,.experience-playback .listening-wave{display:none}.experience-playback button{font-size:12px;min-height:40px}.experience-dock[hidden]{display:none!important}.experience-dock{bottom:85px;background:#faf9f0fa;border-radius:22px}.experience:not(.bath-entered) .experience-dock{display:none}.experience .guide-panel{bottom:22px;max-width:calc(100% - 40px)}#resumeAudio{position:absolute;bottom:85px;left:50%;transform:translate(-50%);z-index:9;background:#365a42;color:#fff;border:1px solid #fff8;border-radius:28px;padding:12px 24px;min-height:48px;box-shadow:0 4px 25px #173d2040}#resumeAudio[hidden]{display:none}.guided-active #resumeAudio{bottom:190px}.arrival h2{font-size:25px}.arrival-orbit{width:70px;height:70px;margin-bottom:15px}.arrival p{font-size:13px}.arrival>.eyebrow,.arrival small{display:none}.arrival button{margin-top:14px}.experience-sheet .gallery-intro,.experience-sheet .backdrop-panel>div>p,.journey-options>p,.guided-intro>p,.experience-sheet .sound-tip{display:none}@media(max-width:720px){.experience .sanctuary{height:100dvh;min-height:580px}.experience-header{left:12px;right:12px;padding:3px 10px;gap:7px}.experience-brand>span{font-size:16px}.experience-brand small{font-size:6px}.experience .experience-title,.experience .rendered-scene .experience-title{top:108px}.experience .experience-title h1,.experience .rendered-scene .experience-title h1{font-size:15px}.experience .stage-top{inset:73px 16px auto}.experience .bowl-stage{inset:145px 5% 130px}.experience.guided-active .bowl-stage{inset:145px 5% 210px}.experience .view-switch{bottom:80px;left:14px}.experience .experience-playback{left:54px;right:18px;max-width:310px;bottom:max(18px,env(safe-area-inset-bottom))}.experience-dock{bottom:80px}.experience .guide-panel{bottom:max(18px,env(safe-area-inset-bottom))}}html:has(body.experience){height:100%;overflow:hidden;overscroll-behavior:none}body.experience{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}.experience main,.experience .workspace{height:100%;min-height:0;overflow:hidden}.experience .sanctuary{height:100dvh!important;min-height:0!important;max-height:100dvh;touch-action:none;overscroll-behavior:none}.experience .bowl-stage,.experience.guided-active .bowl-stage{min-height:0}.experience-sheet,#guide,#sessionResult{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:88dvh;overflow-y:auto}.experience-header #toolsToggle{width:38px;height:38px;min-width:38px;padding:8px;display:grid;place-items:center;border:0;background:transparent}.experience-header #toolsToggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.experience-header #toolsToggle[aria-expanded=true]{background:#dde6d3}.experience-dock{touch-action:manipulation}.experience-sheet input[type=range]{touch-action:pan-x}@media(max-height:550px){.experience .experience-title{display:none}.experience .bowl-stage{top:105px;bottom:85px}.experience.guided-active .bowl-stage{top:100px;bottom:170px}.experience .stage-top{inset:68px 16px auto}.experience .view-switch{bottom:65px}.experience .guide-panel{padding:6px 12px;bottom:10px}.guide-heading{font-size:12px}.guide-panel progress{margin:5px 0}.guide-actions button{min-height:32px}.experience-playback{bottom:10px!important}.experience-dock{bottom:65px}.arrival{padding:15px}.arrival-orbit{display:none}}