/* Source: public/introduction/styles.css */

:root{--ink:#192a40;--navy:#183950;--blue:#526dad;--muted:#6c7b8e;--green:#34745b;--line:#e1e7ed;--paper:#fff;--wash:#f5f7fb;--red:#c5949b;--pale:#b7c5d9;--mid:#7e95bb;--deep:#425c88;--shell:1320px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-width:1000px;color:var(--ink);background:white;font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #637fb1;outline-offset:5px}img{display:block;max-width:100%}button svg,a svg{flex-shrink:0}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}i[data-icon]{display:inline-flex;align-items:center;justify-content:center}button{border:0;background:none}h1,h2,h3,p{margin:0}.shell{width:min(var(--shell),calc(100% - 112px));margin-inline:auto}.section{padding-block:120px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2.5px;line-height:1.5;color:#537467;text-transform:uppercase}.eyebrow .live-dot{margin-right:12px}.live-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;background:#96bdb1;border-radius:50%}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-3.5px;line-height:1.07}h2{font-size:clamp(53px,4.5vw,72px)}h1 em,h2 em{font-weight:400;color:var(--blue)}h2 em{font-style:normal}h3{font-weight:500;letter-spacing:-.6px}.section-heading{text-align:center;margin:0 auto 72px;max-width:820px}.section-heading .eyebrow{margin-bottom:24px}.section-heading>p:last-child{margin-top:28px;font-size:18px;line-height:1.8;color:var(--muted)}.button{border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:14px 23px;font-size:13px;font-weight:600;transition:background .2s,box-shadow .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(140deg,#254760,#163248);color:#fff;box-shadow:0 5px 12px #233c5115,inset 0 1px #ffffff18}.button.primary:hover{box-shadow:0 8px 23px #233c5129}.button.quiet{border:1px solid #dce3e9;background:#ffffffb0}.button.quiet:hover{background:#fff}.text-button{display:inline-flex;align-items:center;gap:15px;padding:10px 0;font-size:13px;font-weight:600;color:#42698e;line-height:1.3}.text-button .icon{width:17px;height:17px;transition:transform .2s}.text-button:hover .icon{transform:translateX(4px)}.skip-link{position:fixed;left:20px;top:-100px;background:white;padding:12px;z-index:100}.skip-link:focus{top:15px}
.site-header{height:96px;padding-inline:clamp(32px,4vw,70px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebf15c;background:#ffffffed;position:relative;z-index:20;gap:30px}.wordmark{font-size:24px;font-weight:650;letter-spacing:-1px;white-space:nowrap;line-height:1.2}.wordmark em{font-family:Georgia,serif;font-weight:400}.wordmark>span{display:block;font-size:7px;letter-spacing:2.05px;margin-top:8px;color:#7b8c94;font-weight:600}.site-header nav{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:20px}.site-header nav a{font-size:12px;color:#596778;transition:color .2s}.site-header nav a:hover{color:var(--blue)}.sign-link{font-size:12px;font-weight:600;display:flex;gap:13px;align-items:center;border-left:1px solid var(--line);padding-left:27px}.sign-link .icon{width:16px}
.hero{position:relative;isolation:isolate;height:760px;padding:96px clamp(32px,4vw,70px) 80px;overflow:hidden;background:linear-gradient(125deg,#fffefb 0%,#f8fafc 48%,#f1f5fa 100%)}.hero-haze{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 5% 60%,#fbf5e98a,transparent 42%),radial-gradient(ellipse at 70% 38%,#cdddf829,transparent 60%)}.hero-copy{width:42%;position:relative;z-index:4}.hero-copy .eyebrow{margin-bottom:20px}h1{font-size:clamp(82px,7.1vw,119px);letter-spacing:-5.5px;line-height:1.02}.hero-description{font-size:20px;line-height:1.7;margin-top:26px;letter-spacing:-.3px}.hero-detail{color:var(--muted);font-size:14px;line-height:1.9;margin-top:14px}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:28px}.scroll-cue{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:1.65px;color:#7e8d97;margin-top:40px}.scroll-cue .icon{width:14px;height:14px}.scroll-line{height:1px;width:28px;background:#b6c2cb}.hero-stage{position:absolute;width:60%;height:610px;right:0;top:68px;perspective:1600px}.landscape{position:absolute;inset:-50px -40px -80px 18%;background:url('assets/garden.webp') 60% center/cover;opacity:.53;mask-image:linear-gradient(to right,transparent,#000 50%),linear-gradient(to bottom,transparent,#000 18%,#000 60%,transparent);mask-composite:intersect;filter:blur(2px)}.product-window{width:83%;height:472px;margin-top:44px;position:relative;border:1px solid #d5dce4;border-radius:14px;overflow:hidden;background:#fdfefe;box-shadow:0 36px 66px -26px #29425b35,0 4px 14px #23394a0a;transform:rotateY(-5deg) rotateZ(1deg);transition:transform 1s var(--ease);z-index:2;animation:product-enter 1.5s var(--ease) both}.hero-stage:hover .product-window{transform:rotateY(-1deg) rotateZ(0deg)}.window-top{height:33px;background:#f8f9fb;border-bottom:1px solid #e4e9ed;display:flex;align-items:center;justify-content:space-between;padding-inline:14px;font-size:6px;letter-spacing:1.5px;color:#a0a9b5}.window-top .icon{width:11px;height:11px}.window-dots{display:flex;gap:4px}.window-dots b{width:5px;height:5px;background:#d5dce3;border-radius:50%}.product-body{display:grid;grid-template-columns:136px 1fr;height:calc(100% - 33px)}.product-sidebar{background:#fafbfc;border-right:1px solid #e8ecf0;padding:22px 11px;display:flex;flex-direction:column}.mini-brand{font-size:10px;letter-spacing:-.3px;font-weight:650;margin:0 6px 23px}.mini-brand em{font-family:Georgia,serif;font-weight:400}.product-nav{display:grid;gap:5px}.product-nav button{display:flex;align-items:center;gap:8px;text-align:left;padding:10px 8px;border-radius:5px;font-size:9px;color:#718192;white-space:nowrap}.product-nav .icon{width:13px;height:13px;stroke-width:1.7}.product-nav button[aria-selected=true]{background:#e7edf6;color:#365883;font-weight:600}.product-nav button:hover{background:#edf2f7}.tiny-dot{width:3px;height:3px;border-radius:50%;background:#aab7c9}.sidebar-note{font-size:8px;color:#a0acb6;line-height:1.8;margin:auto 6px 0}.product-main{padding:23px 25px;min-width:0;overflow:hidden}.product-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600}.product-title .icon{width:14px;height:14px;color:#9aa9ba}.mini-caption{font-size:8px;color:#8a99a8;line-height:1.6}.mini-lesson{margin-top:23px;padding:16px;background:#fff;border:1px solid #e3e9ee;border-radius:9px}.mini-card-top{display:flex;justify-content:space-between;color:#8090a3;font-size:7px}.mini-pill{border:1px solid #dce6f3;background:#f2f6fb;padding:3px 7px;border-radius:20px;color:#5779a4}.mini-word{font-size:33px;letter-spacing:-1px;font-weight:500;text-align:center;margin-top:17px}.mini-meaning{font-size:10px;color:#789190;text-align:center;margin-top:6px;min-height:17px}.mini-card-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.mini-card-actions button{font-size:8px;padding:7px 12px;background:#f1f4f8;border:1px solid #e0e6ed;border-radius:5px}.mini-card-actions button:last-child{background:#344f72;color:white;border-color:#344f72}.mini-collection-head{font-size:9px;display:flex;justify-content:space-between;margin-top:23px}.mini-collection-head span{font-size:8px;color:#7c8e9f}.mini-bars{height:64px;display:flex;align-items:flex-end;gap:3px;margin-top:11px;border-bottom:1px solid #e5ebf2;position:relative}.mini-bars:before{content:"";position:absolute;inset:33% 0 auto;height:1px;background:#edf1f5}.mini-bars>span{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(to bottom,#c79ba4 0 24%,#c1ccdd 24% 47%,#8a9ebf 47% 71%,#4a628c 71% 100%);min-height:5px;z-index:1}.product-view-title{font-size:22px;line-height:1.25;font-family:Georgia,serif;margin-top:28px;letter-spacing:-.7px}.hero-dragon{position:absolute;height:350px;width:310px;object-fit:contain;bottom:14px;right:2%;z-index:4;filter:drop-shadow(0 20px 16px #1b35431d);pointer-events:none;animation:dragon-enter 1.5s .2s var(--ease) both}.floating-note{position:absolute;display:flex;gap:11px;align-items:center;left:1%;bottom:42px;background:#fffffff5;box-shadow:0 8px 35px #35517011;border:1px solid #dfe6ec;z-index:5;border-radius:10px;padding:16px 21px;transform:rotate(-2deg)}.note-icon{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#e8f2ec;color:#5d8a73}.note-icon .icon{width:15px;height:15px}.floating-note strong{display:block;font-size:10px;font-weight:600}.floating-note div>span{display:block;font-size:8px;color:#82918c;margin-top:4px}.hero-caption{position:absolute;left:20%;bottom:0;font-size:8px;color:#98a6ae;letter-spacing:.3px}.hero-bottom{position:absolute;bottom:29px;left:4%;right:4%;border-top:1px solid #dce4eb;display:flex;justify-content:center;gap:66px;padding-top:22px;color:#71808d;font-size:10px}.hero-bottom>span{display:flex;align-items:center;gap:10px}.hero-bottom .icon{width:16px;height:16px;color:#72869a}
.practice-section{background:white;padding-bottom:75px}.practice-journey{display:grid;grid-template-columns:1.3fr 1fr;gap:11%;align-items:start;max-width:1180px}.practice-sticky{position:sticky;top:145px}.demo-window{border:1px solid #dce4ed;border-radius:17px;background:white;box-shadow:0 22px 60px -30px #344a6136;overflow:hidden}.demo-top{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border-bottom:1px solid #e4eaf0;padding:19px 25px;font-size:8px;letter-spacing:1.4px;color:#8190a2}.demo-top>span:first-child{display:flex;align-items:center;gap:9px}.demo-card{height:390px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.demo-meaning{font-size:12px;letter-spacing:1.5px;color:#8294a8;text-transform:uppercase}.demo-word{font-size:52px;letter-spacing:-1.6px;font-weight:500;display:flex;align-items:center;gap:12px;line-height:1.3;margin:10px 0 16px}.demo-word .audio-word{color:#507a72;padding:8px;display:flex}.audio-word .icon{width:24px;height:24px}.demo-sub{font-size:13px;color:#7c8d9f;line-height:1.6;margin-top:3px}.demo-answer-info{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;width:100%;margin-top:12px}.demo-answer-info div{background:#f5f8f7;border:1px solid #e2eae6;border-radius:9px;padding:13px;text-align:left}.demo-answer-info span{display:block;font-size:9px;color:var(--green);margin-bottom:8px}.demo-answer-info strong{font-size:14px;font-weight:600}.demo-actions{display:flex;gap:10px;margin-top:26px}.demo-actions .button{min-height:40px;font-size:11px;padding:10px 17px}.demo-footer{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;background:#f7f9fc;border-top:1px solid #e4eaf0;font-size:10px;color:#8c9aac}.demo-footer button{font-size:10px;display:flex;gap:6px;align-items:center;color:#607b9a}.demo-footer .icon{width:12px;height:12px}.demo-caption{font-size:10px;text-align:center;margin-top:20px;color:#94a0ae;display:flex;gap:6px;justify-content:center;align-items:center}.demo-caption .icon{width:12px;height:12px}.journey-step{padding:24px 0 38px;min-height:270px;opacity:.55;transition:opacity .6s;position:relative;border-bottom:1px solid #e9edf1}.journey-step.active{opacity:1}.journey-step:last-child{border-bottom:0}.step-number{font-size:11px;letter-spacing:1px;color:#7da58f;display:block;margin-bottom:16px}.journey-step h3{font-size:30px;letter-spacing:-1px;margin-bottom:15px}.journey-step p{font-size:15px;line-height:1.9;color:#738396;max-width:350px}.journey-step .text-button{margin-top:12px}.practice-closing{font-family:Georgia,serif;font-size:26px;text-align:center;margin-top:80px;letter-spacing:-.7px;color:#8893a0}.practice-closing span{color:#355674}.build-slots{display:flex;gap:9px;min-height:42px;align-items:center;margin-top:12px}.build-slot{padding:12px 18px;border:1px dashed #aebfd2;border-radius:7px;color:#91a0af;min-width:55px;min-height:43px;font-size:13px;background:#f8fafc}.build-slot.filled{border-style:solid;background:#edf5f0;color:#367253;border-color:#b1cdbd}.build-choices{display:flex;gap:10px;margin-top:26px}.build-choices button{background:#edf2f8;border:1px solid #ccd9e9;box-shadow:0 3px #d8e1ed;padding:13px 20px;border-radius:9px;min-width:70px;font-weight:500;font-size:17px}.build-choices button:disabled{opacity:.3}.demo-status{font-size:12px;line-height:1.6;color:var(--green);min-height:20px;margin-top:18px}.demo-input{width:100%;padding:17px;border:1px solid #cbd7e5;border-radius:9px;outline:none;color:#26394e;background:#fafcff;font-size:17px;margin-top:18px}.demo-input:focus{box-shadow:0 0 0 3px #7990bd20;border-color:#839bc1}.demo-result{padding:17px;border:1px solid #bbd5c6;background:#eef6f0;color:#2e6a4b;border-radius:9px;margin-top:22px;width:100%;font-size:22px;text-align:left}.demo-result small{display:block;font-size:10px;margin-bottom:9px}.demo-result.incorrect{background:#fcf3f2;border-color:#ead0ce;color:#9a4c47}
.music-section{background:linear-gradient(160deg,#f4f7fb,#f7f9fb 60%,#f2f6f8);padding-bottom:83px}.music-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px;gap:40px}.music-intro .eyebrow{margin-bottom:24px}.music-intro>p{max-width:360px;font-size:16px;line-height:1.9;color:#728094;padding-bottom:8px}.music-showcase{display:grid;grid-template-columns:1.13fr 1fr;border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 24px 70px -37px #334c6235;border:1px solid #e3e9ee}.song-art{position:relative;min-height:485px;overflow:hidden;background:#b7c2c5}.song-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:48% center;transition:opacity .3s,transform 1s var(--ease)}.song-art:hover>img{transform:scale(1.025)}.song-art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#142a36c9,transparent 70%),linear-gradient(180deg,#142a363b,transparent 25%)}.song-art-top{position:absolute;top:29px;left:30px;color:white;display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:2px;font-weight:600}.song-art-top .icon{width:16px;height:16px}.song-art-bottom{position:absolute;bottom:38px;left:33px;color:white;max-width:70%}.song-art-bottom span{font-size:8px;letter-spacing:2px;color:#ffffffb0}.song-art-bottom h3{font-family:Georgia,serif;font-size:38px;margin-top:12px}.play-circle{position:absolute;bottom:37px;right:30px;width:65px;height:65px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;border:1px solid #ffffff70;background:#ffffff12;backdrop-filter:blur(12px);transition:background .2s,transform .2s}.play-circle:hover{background:#ffffff33;transform:scale(1.04)}.play-circle .icon{width:23px;height:23px;fill:currentColor;stroke-width:0}.song-story{padding:38px 40px;display:flex;flex-direction:column;min-width:0}.song-levels{display:flex;gap:6px;padding:5px;background:#f4f7fa;border:1px solid #e4eaf0;border-radius:9px;align-self:start}.song-levels button{font-size:11px;padding:9px 17px;border:1px solid transparent;border-radius:6px;color:#7c8c9e}.song-levels button[aria-selected=true]{background:white;color:#496a94;border-color:#dce5ee;box-shadow:0 2px 5px #24384e08;font-weight:600}.song-story-label{font-size:12px;color:#6b7f8d;margin-top:34px}.lyric-space{min-height:127px;padding-top:20px;display:flex;justify-content:center;flex-direction:column}.lyric-de{font-family:Georgia,serif;font-size:34px;letter-spacing:-1px;line-height:1.23;color:#294c68;transition:opacity .25s}.lyric-en{font-size:13px;margin-top:13px;color:#8a99a5}.song-track{height:3px;background:#edf1f5;overflow:hidden;border-radius:3px;margin-top:16px}.song-track span{display:block;height:100%;width:0%;background:#6685ac;transition:width .2s linear}.song-meta{display:flex;justify-content:space-between;font-size:9px;color:#8f9dad;margin-top:12px}.song-meta>span:last-child{display:flex;gap:6px;align-items:center;font-size:7px;letter-spacing:1px}.song-meta .icon{width:11px;height:11px}.language-note{display:flex;gap:12px;margin-top:30px;padding-top:25px;border-top:1px solid #e7ecf1;color:#749285}.language-note .icon{width:19px;height:19px;flex-shrink:0;margin-top:3px}.language-note p{font-size:12px;line-height:1.8;color:#788b91}.song-story>.text-button{margin-top:12px;align-self:flex-start}.music-closing{font-size:21px;line-height:1.7;letter-spacing:-.5px;text-align:center;color:#8b99a5;margin-top:59px}.music-closing strong{font-weight:400;color:#39576c}
.progress-section{padding-bottom:130px}.vocabulary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:990px;margin-top:85px;margin-bottom:65px}.vocabulary-cards article{padding:31px 30px 26px;border:1px solid #dce5ee;border-radius:11px;box-shadow:0 10px 26px #32456005;background:linear-gradient(150deg,#fff,#f9fbfd);transition:transform .4s var(--ease)}.vocabulary-cards article:nth-child(1){transform:rotate(-3deg) translateY(10px)}.vocabulary-cards article:nth-child(2){transform:translateY(-9px)}.vocabulary-cards article:nth-child(3){transform:rotate(3deg) translateY(10px)}.vocabulary-cards article:hover{transform:translateY(-12px)}.vocabulary-cards article>span{font-size:7px;letter-spacing:1.6px;color:#879ba8}.vocabulary-cards h3{font-size:32px;letter-spacing:-1px;margin-top:21px}.vocabulary-cards p{font-size:14px;color:#7a8b9a;margin-top:7px}.vocabulary-cards small{font-size:10px;display:block;border-top:1px solid #e8edf2;margin-top:24px;padding-top:17px;color:#65917d}.collection-panel{border:1px solid #e0e7f0;box-shadow:0 25px 70px -45px #31486336;background:#fff;border-radius:18px;padding:35px 39px;max-width:1230px}.collection-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.collection-head>div:first-child{display:flex;align-items:center;gap:13px}.collection-head .icon{color:#657eaa;width:24px;height:24px}.collection-head h3{font-size:20px;letter-spacing:-.6px}.collection-total{display:flex;gap:9px;align-items:baseline}.collection-total strong{font-size:30px;font-weight:500;color:#546c96;letter-spacing:-1px}.collection-total>span{font-size:10px;color:#8b9aaa}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:29px}.segmented{display:inline-flex;border:1px solid #e1e8ef;background:#f5f7fa;padding:4px;border-radius:8px;gap:3px}.segmented button{border:1px solid transparent;font-size:10px;color:#8291a1;padding:7px 13px;border-radius:5px}.segmented button[aria-pressed=true]{color:#46648f;border-color:#dce5ed;background:white;font-weight:600;box-shadow:0 1px 4px #40506d08}.sample-label{font-size:7px;letter-spacing:1.5px;color:#9ba7b2}.collection-chart{height:280px;margin-top:26px}.collection-chart>svg{width:100%;height:100%;overflow:visible}.collection-chart rect.band{transition:opacity .25s,filter .25s;stroke:#ffffff70;stroke-width:.6;pointer-events:all}.collection-chart .bar-group{cursor:pointer;outline:none}.collection-chart .bar-group:focus-visible .bar-outline{opacity:1}.bar-outline{fill:none;stroke:#3e628c;stroke-width:1.8;opacity:0;pointer-events:none}.bar-group.selected .bar-outline{opacity:1}.collection-chart .band-muted{opacity:.22}.collection-readout{min-height:49px;margin-top:15px;display:flex;align-items:center;gap:20px;background:#f8fafc;border:1px solid #e7edf4;border-radius:7px;padding:9px 14px;color:#788aa0;font-size:10px;flex-wrap:wrap}.collection-readout strong{color:#354f70;font-weight:600;font-size:11px;margin-right:auto}.collection-readout span{display:flex;align-items:center;gap:6px}.swatch{width:7px;height:7px;border-radius:2px;display:inline-block;flex-shrink:0}.swatch.red{background:var(--red)}.swatch.pale{background:var(--pale)}.swatch.mid{background:var(--mid)}.swatch.deep{background:var(--deep)}.collection-legend{display:flex;align-items:center;justify-content:space-between;margin-top:14px;gap:5px}.collection-legend button{padding:9px 8px;font-size:10px;color:#778a9d;border-radius:5px;display:flex;align-items:center;gap:8px}.collection-legend button:hover,.collection-legend button.active{background:#eff3f8;color:#29496b}.collection-goal{display:flex;justify-content:space-between;align-items:center;margin-top:21px;border-top:1px solid #e8ecf2;padding-top:23px;gap:25px}.collection-goal>div{display:flex;gap:15px;align-items:center}.goal-line{height:40px;width:2px;background:#6e88b0;flex-shrink:0}.collection-goal p>strong{font-size:13px;font-weight:600;color:#3b5a83;display:block}.collection-goal p>span{display:block;font-size:10px;color:#8a9aaa;margin-top:7px}.collection-goal .text-button{font-size:10px;white-space:nowrap}.collection-goal .icon{width:13px;height:13px}#graph-explanation{padding:20px 0 0;font-size:12px;line-height:1.9;color:#788da0;max-width:900px}
.experience-section{padding-top:95px;padding-bottom:70px;background:#f7f9fb}.experience-intro{display:flex;gap:60px;justify-content:space-between;align-items:end;margin-bottom:56px}.experience-intro .eyebrow{margin-bottom:24px}.experience-intro h2{font-size:clamp(45px,3.7vw,61px);letter-spacing:-2.6px}.experience-intro>p{max-width:300px;font-size:14px;line-height:1.9;color:#7e8c99;padding-bottom:5px}.trail-showcase{position:relative;height:530px;border-radius:18px;overflow:hidden;background:#8e9d8b}.trail-showcase>img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;transition:transform 1.5s var(--ease)}.trail-showcase:hover>img{transform:scale(1.025)}.trail-shade{position:absolute;inset:0;background:linear-gradient(90deg,#152c35bb,#172c3526 80%),linear-gradient(0deg,#172c3599,transparent 60%)}.trail-copy{position:absolute;left:52px;top:64px;color:#fff;max-width:410px}.trail-copy .eyebrow{color:#e0e8d7;font-size:8px;letter-spacing:2.4px}.trail-copy h3{font-family:Georgia,serif;font-size:51px;line-height:1.12;font-weight:400;letter-spacing:-1.8px;margin-top:21px}.trail-copy>p{font-size:13px;line-height:1.8;color:#e2e7df;margin-top:20px;max-width:290px}.white-button{background:#fffffff0;margin-top:25px;color:#335346;font-size:11px;min-height:44px}.trail-activities{position:absolute;bottom:34px;right:45px;display:flex;gap:12px;align-items:center}.trail-activities>div{display:grid;justify-items:center;gap:8px;color:#fff;font-size:10px}.trail-activities img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 4px 4px #21302c22)}.trail-connector{width:28px;height:1px;background:#e1e3c29c;margin-bottom:18px}.availability{font-size:10px;text-align:center;color:#909fa9;margin-top:21px}
.companion-section{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;padding-top:115px;padding-bottom:105px}.companion-art{height:510px;position:relative;display:flex;align-items:center;justify-content:center}.companion-art>img{height:450px;max-width:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 22px 12px #30465c12)}.companion-orbit{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(ellipse,#edf3f8 10%,#f4f7fa99 50%,transparent 72%);border:1px solid #edf1f5}.companion-orbit:after{content:"";position:absolute;inset:25px;border-radius:50%;border:1px dashed #dce5ee}.companion-art-caption{position:absolute;bottom:-10px;font-size:7px;letter-spacing:2px;color:#9faab5}.companion-copy .eyebrow{margin-bottom:24px}.companion-copy h2{font-size:clamp(56px,4.8vw,76px)}.companion-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#7b8d9b;max-width:360px;margin-top:28px}.companion-copy>p.small-copy{font-size:12px;color:#99a7b0;margin-top:19px}.companion-copy .text-button{margin-top:17px}
.routine-section{background:linear-gradient(110deg,#f7f9fc,#f0f5f9);padding-block:100px}.routine-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.routine-copy .eyebrow{margin-bottom:25px}.routine-copy h2{font-size:clamp(45px,4vw,65px);letter-spacing:-2.8px}.routine-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#7c8c9b;margin-top:25px;max-width:360px}.routine-benefits{display:grid;gap:20px;margin-top:35px}.routine-benefits>div{display:flex;gap:13px;align-items:center;color:#6a8290;font-size:12px}.routine-benefits .icon{width:18px;height:18px;color:#789f8e}.routine-preview{padding:28px;border:1px solid #dde6ed;background:#ffffffed;border-radius:15px;box-shadow:0 20px 50px -30px #30476025;transform:rotate(1deg)}.routine-preview-head{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.8px;color:#8b9eaa}.routine-preview-head .icon{width:15px;height:15px;color:#aebbc6}.routine-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px}.routine-stats>div{padding-left:18px;border-left:1px solid #e6ecf0}.routine-stats>div:first-child{padding-left:0;border:0}.routine-stats strong{font-size:26px;letter-spacing:-.5px;font-weight:500}.routine-stats>div:first-child strong{color:#b96351}.routine-stats strong small{font-size:18px;color:#9ba9b3;font-weight:400}.routine-stats>div>span{display:block;font-size:9px;color:#8c9ca9;margin-top:6px}.outlook-head,.activity-head{display:flex;justify-content:space-between;align-items:center;margin-top:31px}.outlook-head h3,.activity-head h3{font-size:11px;letter-spacing:0;font-weight:600}.outlook-head>span,.activity-head>span{font-size:8px;color:#8d9ea9}.outlook-chart{height:78px;display:flex;align-items:end;gap:6px;margin-top:18px;padding-bottom:14px;border-bottom:1px solid #e8edf1}.outlook-chart div{flex:1;position:relative;height:var(--height);background:#668e87;border-radius:3px 3px 0 0;min-height:3px}.outlook-chart div span{position:absolute;bottom:calc(100% + 4px);left:0;right:0;text-align:center;font-size:7px;color:#75928e}.activity-head{margin-top:24px}.activity-grid{display:grid;grid-template-columns:repeat(26,1fr);gap:3px;margin-top:14px}.activity-grid span{aspect-ratio:1;border-radius:2px;background:#edf1f3}.activity-grid span.activity-1{background:#d0e3d8}.activity-grid span.activity-2{background:#a9cbb8}.activity-grid span.activity-3{background:#7fa68d}.activity-grid span.activity-4{background:#4f7a61}.routine-caption{display:flex;gap:8px;align-items:center;font-size:8px;color:#8eaaa0;border-top:1px solid #e9edf0;margin-top:20px;padding-top:15px}.routine-caption>span:last-child{margin-left:auto;font-size:6px;letter-spacing:1px;color:#a6b1b7}
.questions-section{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;padding-block:110px}.questions-heading .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:25px}.questions-heading h2{font-size:55px;letter-spacing:-2px}.questions details{border-bottom:1px solid #e5eaf0;padding-block:23px}.questions details:first-child{padding-top:0}.questions summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:14px;cursor:pointer;gap:25px}.questions summary::-webkit-details-marker{display:none}.questions summary .icon{width:16px;height:16px;color:#8396a8;transition:transform .25s}.questions details[open] summary .icon{transform:rotate(45deg)}.questions details p{font-size:12px;line-height:1.9;color:#81919e;padding-top:17px;padding-right:25px;animation:fade .35s}.closing-section{text-align:center;padding:110px 40px 115px;position:relative;isolation:isolate;overflow:hidden;background:#f9fbfd}.closing-section .eyebrow{margin-bottom:26px}.closing-section h2{font-size:clamp(65px,6vw,92px);letter-spacing:-4px}.closing-section>p:not(.eyebrow){font-size:14px;color:#80919e;margin-top:28px}.closing-section .hero-actions{justify-content:center;margin-top:34px}.closing-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#d9e7f55c,transparent 72%)}.site-footer{display:flex;align-items:center;justify-content:space-between;min-height:115px;gap:30px}.site-footer .wordmark{font-size:21px}.site-footer>span:nth-child(2){font-size:11px;color:#84959f}.site-footer>span:last-child{font-size:7px;letter-spacing:1.4px;color:#a5b0b8}
dialog{border:1px solid #dce5ed;border-radius:17px;padding:45px;max-width:680px;width:calc(100% - 80px);max-height:85vh;overflow:auto;color:var(--ink);box-shadow:0 28px 90px #1d354338}dialog::backdrop{background:#1e34465e;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:17px;top:17px;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#f4f7fa;color:#8495a4}.dialog-close .icon{width:16px;height:16px}dialog h2{font-size:40px;letter-spacing:-1.7px;margin:15px 0 20px}dialog p{font-size:14px;line-height:1.9;color:#7b8b9b}dialog .eyebrow{font-size:9px}dialog .button{margin-top:26px}dialog img{border-radius:10px;width:100%;max-height:260px;object-fit:cover;margin:20px 0}dialog ul{padding-left:17px;color:#7b8b9b;font-size:13px;line-height:2}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#294c60;color:white;padding:13px 22px;font-size:12px;line-height:1.5;z-index:60;pointer-events:none;border-radius:9px;transition:transform .3s,opacity .3s;max-width:550px}.toast.visible{transform:translate(-50%,0);opacity:1}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform 1s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes product-enter{from{opacity:0;transform:rotateY(-7deg) rotateZ(1deg) translateY(20px)}to{opacity:1;transform:rotateY(-5deg) rotateZ(1deg) translateY(0)}}@keyframes dragon-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.hero{padding-left:max(70px,calc((100vw - 1450px)/2));height:850px;padding-top:125px}.hero-stage{width:58%;max-width:1050px;right:max(0px,calc((100vw - 1650px)/2));height:690px;top:80px}.product-window{height:530px;margin-top:55px}.hero-dragon{height:420px;width:365px;right:1%}.product-body{grid-template-columns:160px 1fr}.product-main{padding:27px 31px}.product-nav button{font-size:10px;padding-block:13px}.mini-brand{font-size:12px}.mini-lesson{padding:22px}.mini-word{font-size:45px;margin-top:22px}.mini-meaning{font-size:12px}.mini-card-actions button{font-size:10px;padding:9px 16px}.mini-caption{font-size:10px}.product-title{font-size:14px}.mini-collection-head{font-size:11px}.mini-bars{height:75px}.hero-bottom{left:7%;right:7%}}
@media(max-width:1150px){.site-header{padding-inline:32px;gap:15px}.site-header nav{gap:19px;margin-right:4px}.wordmark{font-size:22px}.hero{padding-left:37px;padding-top:92px;height:720px}.hero-copy{width:43%}h1{font-size:82px}.hero-description{font-size:18px}.hero-detail{font-size:12px}.hero-actions{gap:7px}.hero-actions .button{padding:12px 15px;font-size:11px}.hero-stage{top:85px;width:58%;height:535px}.product-window{width:86%;height:415px}.product-body{grid-template-columns:115px 1fr}.product-sidebar{padding-inline:7px}.product-main{padding:20px 17px}.product-nav button{font-size:8px;gap:5px;padding:9px 6px}.mini-brand{font-size:8px}.mini-word{font-size:28px}.mini-lesson{padding:13px}.mini-bars{height:46px}.hero-dragon{height:280px;width:245px;right:-1%;bottom:6px}.floating-note{padding:12px;bottom:30px;left:-5%}.hero-caption{left:8%}.hero-bottom{gap:43px}.shell{width:calc(100% - 80px)}.section{padding-block:100px}.practice-journey{gap:7%}.demo-card{padding:25px;height:370px}.demo-word{font-size:43px}.demo-answer-info strong{font-size:12px}.demo-answer-info{grid-template-columns:1fr 1.3fr}.music-intro>p{font-size:14px;max-width:300px}.song-story{padding:30px}.lyric-de{font-size:29px}.song-art{min-height:465px}.song-art-bottom h3{font-size:32px}.collection-panel{padding:30px}.collection-readout{gap:12px;font-size:9px}.collection-goal{gap:18px}.collection-goal p>span{font-size:9px}.companion-section{gap:7%}.companion-art{height:420px}.companion-art>img{height:380px}.companion-orbit{width:360px;height:360px}.companion-copy>p:not(.eyebrow){font-size:14px}.companion-copy h2{font-size:56px}.routine-grid{gap:7%}.routine-preview{padding:23px}.routine-copy h2{font-size:47px}.routine-copy>p:not(.eyebrow){font-size:13px}.questions-section{gap:8%}}
.hero{height:calc(100vh - 96px);min-height:650px;max-height:800px;padding-top:68px}.hero h1{font-size:clamp(72px,6vw,104px);letter-spacing:-4.5px}.hero h1>span{white-space:nowrap}.hero-stage{top:36px;height:570px}.hero-description{margin-top:24px}.hero .scroll-cue{margin-top:29px}.hero .hero-caption{bottom:7px}.site-header nav a,.sign-link{font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.journey-step{opacity:.72}.journey-step.active{opacity:1}.collection-legend button{font-size:12px}.collection-readout{font-size:11px}.collection-readout strong{font-size:12px}.collection-goal p>span{font-size:11px}.collection-goal .text-button{font-size:11px}.demo-word .audio-word{transform:translateY(3px)}
.section-heading>p:last-child,.journey-step p,.music-intro>p,.experience-intro>p,.companion-copy>p:not(.eyebrow),.routine-copy>p:not(.eyebrow),.questions details p{color:#607386}.journey-step{opacity:1}.journey-step:not(.active) .step-number{color:#8b9da3}.journey-step.active .step-number{color:#34745b}.journey-step.active:before{content:"";position:absolute;left:-19px;top:28px;height:23px;width:2px;background:#8ab59e}.trail-copy>p{font-size:16px;line-height:1.8;max-width:320px;color:#f1f4ee}.song-story-label{font-size:14px;color:#607386}.lyric-en{font-size:15px;color:#607386}.language-note p{font-size:14px;color:#607386}.song-meta{font-size:11px}.song-meta>span:last-child{font-size:9px}.song-levels button{font-size:13px}.collection-legend button,.collection-readout{color:#607386}.collection-goal p>span{color:#607386}.routine-copy>p:not(.eyebrow){font-size:17px}.routine-benefits>div{font-size:14px}.routine-preview h3{font-size:13px}.routine-stats>div>span{font-size:11px}.questions summary{font-size:16px}.questions details p{font-size:14px}.companion-copy>p.small-copy{font-size:14px}.availability{color:#70828e}.vocabulary-cards p{color:#607386}.vocabulary-cards small{font-size:12px}.demo-sub{color:#607386}.hero-detail{color:#607386}
@media(min-width:1600px){.hero{padding-top:95px;min-height:750px}.hero-stage{height:660px;top:45px}.hero-dragon{bottom:0}.hero h1{font-size:104px}.product-nav button{font-size:11px}.mini-card-actions button{font-size:11px}.mini-card-top{font-size:9px}.mini-meaning{font-size:13px}.mini-collection-head{font-size:12px}.hero-description{font-size:23px}.hero-detail{font-size:16px}}
@media(max-width:1150px){.hero h1{font-size:69px;letter-spacing:-4px}.hero-stage{height:535px;top:50px}.hero{min-height:640px}.site-header nav a,.sign-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){html:not([data-owner-preview-motion="full"]){scroll-behavior:auto}html:not([data-owner-preview-motion="full"]) *,html:not([data-owner-preview-motion="full"]) *:before,html:not([data-owner-preview-motion="full"]) *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html:not([data-owner-preview-motion="full"]).js-motion .reveal{opacity:1;transform:none}}

/* Reserve a clear reading column beside the product preview at desktop widths. */
.hero-copy{width:38%}.hero h1{font-size:clamp(66px,5vw,94px);letter-spacing:-4px}.hero-stage{width:54%}
@media(min-width:1600px){.hero-stage{right:max(0px,calc((100vw - 1750px)/2))}.hero-copy{width:36%}.site-header nav a,.sign-link{font-size:14px}}
@media(max-width:1150px){.hero h1{font-size:64px}.hero-copy{width:43%}.hero-stage{width:54%}}



/* Source: public/introduction/styles-v2.css */
/* Desktop introduction, second design review. The application UI is untouched. */
.site-header{height:86px;background:#fffdf9}.site-header nav{margin-right:0;gap:38px}.site-header nav a{font-size:14px}
.hero{height:calc(100vh - 86px);min-height:790px;max-height:960px;padding-top:108px;background:#fffcf5;overflow:hidden}
.hero-haze{background:url('assets/terrace-v2.lossless.webp') center bottom/cover no-repeat;inset:0;opacity:1}
.hero-copy{width:35%;max-width:540px}.hero h1{font-size:clamp(74px,5.7vw,108px);letter-spacing:-4.8px}.hero-copy .eyebrow{color:#3e6558;font-size:11px}.hero-description{font-size:21px;line-height:1.6}.hero-detail{font-size:15px;color:#52677d}.hero-actions{margin-top:30px}.scroll-cue{margin-top:27px;color:#627589}
.hero-stage{width:59%;max-width:1080px;right:1.6%;top:154px;height:608px;perspective:1700px}.hero-stage .landscape{display:none}
.product-window.tablet-device{width:94%;height:548px;margin:0;padding:12px;border:1px solid #fbf6ed;border-radius:34px;background:linear-gradient(135deg,#e2d3bb 0%,#85929b 19%,#3f5362 45%,#1c303f 77%,#a9b1b5 100%);box-shadow:1px 2px 0 #152837,0 30px 32px -16px #1c2b3e6e,0 8px 14px #5e493a33,inset 0 0 0 2px #ffffff89;overflow:visible;transform:rotateY(-7deg) rotateX(1deg) rotateZ(-1deg);animation:tablet-enter 1.2s var(--ease) both;transition:box-shadow .5s}
.product-window.tablet-device:before{content:"";position:absolute;left:4px;top:50%;width:4px;height:4px;background:#1a2b35;border-radius:50%;box-shadow:0 0 0 1px #b2b5b44f}
.hero-stage:hover .product-window.tablet-device{transform:rotateY(-7deg) rotateX(1deg) rotateZ(-1deg)}
.tablet-glass{height:100%;overflow:hidden;background:#fff;border-radius:23px;border:1px solid #cfd4d7;box-shadow:inset 0 0 16px #e1e6eb66;position:relative}
.tablet-glass:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff24,transparent 28%,transparent 76%,#ffffff12);pointer-events:none}
.product-body{height:100%;grid-template-columns:130px 1fr}.product-sidebar{padding:24px 10px;background:linear-gradient(110deg,#f5f5f2,#fafbfc);border-right:1px solid #e6e8e9}.mini-brand{font-size:13px;margin:0 5px 23px;line-height:1.05;letter-spacing:-.55px;white-space:nowrap}.mini-brand em{font-size:14px}.product-nav{gap:4px}.product-nav button{font-size:10px;padding:9px 6px;gap:7px;min-height:32px;color:#43566b}.product-nav button .icon{width:13px;height:13px}.product-nav button[aria-selected=true]{background:linear-gradient(120deg,#dbe9f3,#b3d0e7);color:#183e63;box-shadow:inset 0 0 0 1px #a8c4dc55}.sidebar-note{font-size:8px;color:#7b8b98}
.product-main{padding:22px 20px 15px;position:relative;background:linear-gradient(140deg,#fffefa,#fff 55%,#f6f9fb);overflow:hidden}
.tablet-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.tablet-chart-heading h3{font-size:16px;font-weight:650;letter-spacing:-.5px}.tablet-chart-heading>span{font-size:8px;color:#536c85;padding:5px 8px;border:1px solid #e0e6eb;border-radius:5px}.tablet-confidence>p{font-size:9px;color:#607387;margin-top:7px}.tablet-confidence>.confidence-svg{width:100%;height:225px;display:block;margin-top:12px}
.confidence-svg text{font-family:"Segoe UI",Arial,sans-serif}.tablet-lower{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.tablet-lower>section{padding:12px 11px 9px;border:1px solid #e3e7ec;border-radius:13px;background:linear-gradient(135deg,#fffdfa,#fff)}.tablet-lower h3{font-size:11px;font-weight:650;letter-spacing:-.25px;white-space:nowrap}.tablet-lower p{font-size:7px;color:#647789;margin-top:5px}.tablet-lower>section>svg{display:block;width:100%;height:103px;margin-top:5px}.tablet-recall-body{display:grid;grid-template-columns:65px 1fr;gap:9px;align-items:center;height:119px}.recall-ring{aspect-ratio:1;border-radius:50%;background:conic-gradient(#52847a var(--accuracy),#eaf0ee 0);padding:6px;display:grid;place-items:center}.recall-ring>span{width:100%;height:100%;background:#fffdfa;border-radius:50%;display:grid;align-content:center;justify-content:center;font-size:14px;letter-spacing:-.7px;font-weight:650;position:relative}.recall-ring small{font-size:8px;text-align:center;letter-spacing:0}.tablet-recall .confidence-svg{width:100%;height:75px}.recall-caption{display:block;font-size:6px;text-align:center;color:#657a8d;white-space:nowrap}.tablet-footnote{display:block;font-size:6px;letter-spacing:1px;color:#72859a;margin-top:11px;text-align:right}.hero-caption{bottom:-7px;font-size:7px;color:#4d6173;letter-spacing:1px;left:18%}.hero-dragon{width:355px;height:390px;right:-2%;bottom:0;object-fit:contain;filter:drop-shadow(0 14px 12px #302a1c26);z-index:5;animation:dragon-enter 1.5s .2s var(--ease) both}
.hero-benefits{bottom:25px;border-top-color:#d8d5c599}.hero-benefits>div{color:#405b66}.product-title{font-size:15px}.product-view-title{font-size:32px;line-height:1.17}.mini-caption{font-size:11px;line-height:1.8}.product-main>.text-button{font-size:11px;margin-top:20px}.mini-lesson{padding:22px 18px;margin-top:40px}.mini-word{font-size:48px;margin-top:30px}.mini-meaning{font-size:12px}.mini-card-actions button{font-size:12px;padding:10px 15px}.tablet-song-cover{height:190px;width:100%;object-fit:cover;border-radius:10px;margin-top:22px}.tablet-collection-large svg{width:100%;height:180px;margin-top:25px}.podium{height:150px;display:flex;gap:15px;align-items:flex-end;justify-content:center;margin-top:25px}.podium>span{width:60px;display:grid;place-items:center;background:#dce7f1;border-radius:8px 8px 0 0;color:#6f8fad}
@keyframes tablet-enter{from{opacity:0;transform:translateY(25px) rotateY(-7deg) rotateZ(-1deg)}to{opacity:1;transform:translateY(0) rotateY(-7deg) rotateX(1deg) rotateZ(-1deg)}}

.practice-section{padding-top:130px;padding-bottom:70px}.practice-section>.section-heading{margin-bottom:15px}.practice-journey{position:relative;display:block;height:245vh;max-width:1320px;--journey-progress:0}.practice-stage{position:sticky;top:max(45px,calc(50vh - 270px));height:540px;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:7%;align-items:center}.practice-sticky{position:static;top:auto;min-width:0}.demo-window{border-radius:22px;box-shadow:0 20px 70px #21476b0b,0 2px 8px #28415e04;border:1px solid #dbe4ed;background:linear-gradient(145deg,#fff,#fff 70%,#fafcfe);overflow:hidden}.demo-top{height:54px;padding:17px 27px;font-size:9px;letter-spacing:1.1px;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between}.demo-top>span:first-child{display:flex;gap:9px;align-items:center}.demo-card{min-height:385px;height:385px;padding:24px 35px 25px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:visible}.demo-meaning{font-size:9px;letter-spacing:1.5px;color:#647990}.demo-word{margin:17px 0 0!important;min-height:65px;font-size:43px;line-height:1.1;display:flex;gap:14px;align-items:center;justify-content:center;flex-shrink:0}.demo-word>small{font-family:"Segoe UI",sans-serif;font-size:17px;font-weight:400;color:#536f83;border-left:1px solid #b7c9d4;padding-left:14px}.demo-word .audio-word{transform:translateY(2px);display:grid;place-items:center;margin:0;padding:5px;color:#365c7f}.demo-word .icon{width:25px;height:25px}.demo-content{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.demo-content form{width:100%}.demo-sub{font-size:13px;line-height:1.7;text-align:center;margin:0}.demo-answer-info{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;width:100%;margin:0}.demo-answer-info>div{padding:16px 17px;background:#f6f9fb;border:1px solid #e1e8ed;border-radius:10px}.demo-answer-info span{font-size:10px;color:#327050;display:block;margin-bottom:10px}.demo-answer-info strong{font-size:20px;color:#233c50}.demo-actions{margin-top:15px;display:flex;gap:12px;justify-content:center;width:100%;flex-shrink:0}.demo-actions>.button{min-height:44px;font-size:12px;padding:11px 19px;gap:13px}.demo-actions .primary:disabled{opacity:.4;transform:none;box-shadow:none}.demo-footer{padding:13px 19px;min-height:59px;background:#f7f9fc;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4ebf2}.demo-footer>#restart-demo{font-size:10px;display:flex;gap:6px;align-items:center;color:#567084}.demo-footer .icon{width:14px;height:14px}.demo-card-picker{display:flex;gap:4px}.demo-card-picker button{font-size:10px;border:1px solid transparent;padding:7px 10px;border-radius:6px;color:#6d8094}.demo-card-picker button[aria-pressed=true]{background:white;color:#365b85;border-color:#dbe4ee;box-shadow:0 2px 4px #1f344a08;font-weight:650}.demo-caption{margin-top:14px;font-size:10px;display:flex;gap:8px;color:#71859a;align-items:center}.demo-caption .icon{width:13px;height:13px}
.build-slots{display:flex;gap:10px;margin:0;justify-content:center}.build-slot{min-width:90px;height:43px;border:1px dashed #9cb6c4;border-radius:7px;background:#f9fbfd;color:#708499;font-size:17px;display:grid;place-items:center;padding:5px 12px}.build-slot.filled{background:#e9f3ee;color:#286447;border-style:solid;border-color:#afcfbd}.build-choices{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:9px;margin:0}.build-choices button{height:43px;min-height:43px;padding:8px;font-size:15px;font-weight:600;border-radius:8px;background:#edf3f9;border:1px solid #ceddea;box-shadow:0 2px 0 #bccddb;transform:none;transition:background .2s,color .2s}.build-choices button:hover{background:#e0ebf6;transform:none}.build-choices button:disabled{background:#e8f2ec;color:#307250;border-color:#c1d8c9;opacity:1;box-shadow:0 2px 0 #aec9b8}.demo-status{min-height:18px;margin:0;font-size:11px;color:#267149;text-align:center}.demo-input{height:59px;padding:15px 18px;width:100%;font-size:19px;border:1px solid #b7c9dc;border-radius:10px;box-shadow:inset 0 1px 3px #a8bfd009;background:#fbfcfe}.demo-input:focus{outline:2px solid #7c9ec4;outline-offset:2px}.demo-result{width:100%;padding:18px 22px;background:#e9f3ed;border:1px solid #cfe0d6;border-radius:11px;margin:0;text-align:left}.demo-result small{font-size:11px;display:block;margin-bottom:12px}.demo-result strong{font-size:26px;display:block;color:#294d3b}.demo-result.incorrect{background:#fcf2ef;border-color:#e6d3ce}.demo-result.incorrect strong{color:#3a6851}
.journey-copy{position:relative;align-self:center;min-height:420px}.journey-steps{height:300px;position:relative;display:block}.journey-step{position:absolute;left:0;right:0;top:50%;width:100%;min-height:0;height:auto;opacity:0;transform:translateY(calc(-50% + 15px));padding:0;margin:0!important;pointer-events:none;visibility:hidden;transition:opacity .48s var(--ease),transform .6s var(--ease),visibility .48s}.journey-step.active{opacity:1;transform:translateY(-50%);pointer-events:auto;visibility:visible}.journey-step:before{display:none!important}.journey-step .step-number{font-size:9px;letter-spacing:1.5px;font-weight:650;color:#4d7964;display:block;margin-bottom:20px}.journey-step h3{font-family:Georgia,serif;font-size:55px;font-weight:400;letter-spacing:-2px;margin:0 0 22px;line-height:1}.journey-step p{font-size:16px;line-height:1.9;margin:0;max-width:330px;color:#5b7187}.journey-step .text-button{font-size:12px;margin-top:12px}.journey-stages{display:flex;align-items:center;gap:18px;border-top:1px solid #dde6ed;padding-top:18px}.journey-stages button{display:flex;align-items:center;gap:7px;font-size:11px;color:#8795a4}.journey-stages button>span{width:23px;height:23px;border:1px solid #e0e6ed;display:grid;place-items:center;border-radius:50%;font-size:8px}.journey-stages button[aria-pressed=true]{color:#285c4a;font-weight:650}.journey-stages button[aria-pressed=true]>span{background:#e5f1e9;color:#2d7252;border-color:#bfd8c8}.journey-scroll-note{font-size:10px;color:#7b8e9e;margin-top:17px}.practice-closing{margin-top:25px}
.song-art .play-circle{transition:box-shadow .5s,background .5s}.is-playing .play-circle{box-shadow:0 0 0 9px #ffffff20,0 8px 25px #0002}.song-art img{transition:opacity .45s,transform 1s}.is-playing .song-art img{transform:scale(1.025)}
.collection-panel{margin-top:65px}.sample-label{font-size:8px}.collection-legend button{font-size:11px}.collection-readout{min-height:41px}.collection-readout strong{font-size:11px}.collection-readout>span{font-size:10px}.vocabulary-still-life{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;min-height:400px;margin-top:80px}.paper-deck{position:relative;height:355px;perspective:1000px;background:radial-gradient(ellipse at 50% 80%,#e8e2d53b,transparent 62%)}.paper-card{position:absolute;width:280px;height:176px;padding:24px 28px;background:linear-gradient(125deg,#fffef9,#fffdf7 60%,#f5f0e4);border:1px solid #d9c9ad;border-radius:13px;box-shadow:0 2px 0 #eee4d5,0 4px 0 #d9c9ad,0 6px 0 #f4ebdc,0 8px 0 #d9c9ad,0 10px 0 #eee2ce,0 23px 27px -10px #4a352b45,inset 0 1px 0 white;color:#243a52;display:flex;flex-direction:column;align-items:center;justify-content:center}.paper-card>span{font-size:7px;letter-spacing:1.5px;color:#8b826e}.paper-card h3{font-family:Georgia,serif;font-size:30px;margin-top:14px;letter-spacing:-.7px}.paper-card p{font-size:12px;color:#687e90;margin-top:6px}.paper-card small{font-size:10px;color:#718798;margin-top:8px}.paper-card>div{display:flex;gap:9px;align-items:center;margin-top:7px}.paper-card>div small{margin:0}.paper-card .icon{width:14px;height:14px;color:#7b91a2}.back-card{left:3%;top:52px;transform:rotate(-14deg) rotateY(6deg);z-index:1}.middle-card{right:0;top:35px;transform:rotate(9deg) rotateY(-6deg);z-index:2}.front-card{left:25%;top:150px;transform:rotate(-4deg);z-index:3}.paper-deck-copy h3{font-family:Georgia,serif;font-size:35px;font-weight:400;line-height:1.25;letter-spacing:-1.2px;margin-top:18px}.paper-deck-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#607386;max-width:430px;margin-top:20px}.paper-deck-copy>.text-button{margin-top:11px}.routine-section{background:linear-gradient(150deg,#f8fafc,#f0f5f8)}.routine-copy h2{font-size:70px}.routine-preview{box-shadow:0 20px 55px #233f5f08}
@media(min-width:1600px){.hero{padding-left:max(70px,calc((100vw - 1550px)/2))}.hero-stage{width:58%;right:1.5%;top:155px;height:645px}.product-window.tablet-device{height:582px}.hero-dragon{width:395px;height:432px}.tablet-confidence>.confidence-svg{height:245px}.product-sidebar{grid-template-columns:145px 1fr}.product-body{grid-template-columns:145px 1fr}.product-nav button{font-size:12px;min-height:36px}.tablet-chart-heading h3{font-size:18px}.tablet-confidence>p{font-size:10px}.tablet-lower h3{font-size:12px}.tablet-lower p{font-size:8px}.tablet-lower>section>svg{height:113px}.tablet-recall-body{height:130px}.hero-caption{bottom:-4px}.hero-description{font-size:23px}}
@media(max-width:1250px){.hero{padding-left:38px;padding-top:94px;min-height:750px}.hero h1{font-size:73px}.hero-description{font-size:18px}.hero-detail{font-size:13px}.hero-stage{width:60%;right:1%;top:160px;height:560px}.product-window.tablet-device{height:490px}.product-body{grid-template-columns:110px 1fr}.product-main{padding:18px 13px}.product-sidebar{padding:22px 7px}.mini-brand{font-size:11px}.product-nav button{font-size:9px;padding:8px 3px;min-height:29px;gap:5px}.tablet-confidence>.confidence-svg{height:185px}.tablet-chart-heading h3{font-size:13px}.tablet-chart-heading>span{font-size:6px}.tablet-confidence>p{font-size:7px}.tablet-lower{gap:7px}.tablet-lower>section{padding:10px 8px}.tablet-lower h3{font-size:9px}.tablet-lower p{font-size:6px}.tablet-recall-body{grid-template-columns:49px 1fr;gap:5px;height:105px}.recall-ring{padding:5px}.recall-ring>span{font-size:12px}.tablet-recall .confidence-svg{height:65px}.recall-caption{font-size:5px}.hero-dragon{width:285px;height:320px;bottom:7px}.hero-caption{font-size:6px;bottom:18px}.practice-stage{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:6%}.journey-step h3{font-size:48px}.journey-step p{font-size:14px}.demo-card{padding-inline:25px}.paper-card{width:235px;height:160px}.paper-card h3{font-size:27px}.paper-deck-copy h3{font-size:30px}.routine-copy h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){html:not([data-owner-preview-motion="full"]) .journey-step{transition:none}html:not([data-owner-preview-motion="full"]) .product-window.tablet-device{animation:none}}

/* Keep both recall views in the visible space beside the foreground dragon. */
.tablet-recall{position:relative}.tablet-recall-body{display:block;position:relative}.tablet-recall-body .recall-ring{position:absolute;left:0;top:11px;width:52px;height:52px}.tablet-recall-body>div:last-child{position:absolute;left:0;bottom:1px;width:126px}.tablet-recall .confidence-svg{height:48px}.recall-caption{font-size:6px;text-align:left}
.demo-actions>.button{font-size:14px}.demo-card-picker button{font-size:12px}.demo-footer>#restart-demo{font-size:12px}.journey-stages button{font-size:12px}.journey-step{transition:opacity .16s,transform .35s,visibility .16s}.journey-step.active{transition:opacity .42s .16s,transform .55s .12s,visibility 0s}.product-nav button{font-size:11px}
@media(max-width:1250px){.tablet-recall-body .recall-ring{width:43px;height:43px;top:9px}.tablet-recall-body>div:last-child{width:98px}.tablet-recall .confidence-svg{height:42px}.product-nav button{font-size:9px}.demo-actions>.button{font-size:12px}}


#page-sound{display:flex;align-items:center;justify-content:center;gap:9px;padding:8px 12px;border:1px solid #dce3e8;border-radius:7px;font-size:11px;color:#63758a;white-space:nowrap}#page-sound .icon{width:16px;height:16px}#page-sound[aria-pressed=true]{background:#f4f6f8}#page-sound[aria-pressed=true] .icon{opacity:.5}.site-header nav{margin-left:auto;margin-right:0}


/* Readable product controls, with the same quiet selected-state treatment. */
.segmented button{font-size:13px;padding:9px 15px;color:#607389}.segmented button[aria-pressed=true]{color:#355f9f;font-weight:650}.collection-total>span{font-size:12px;color:#607386}.collection-legend button{font-size:13px;padding:10px}.collection-readout{gap:13px;font-size:12px;min-height:52px}.collection-readout strong{font-size:13px}.collection-readout>span{font-size:11px}.collection-goal p>strong{font-size:15px}.collection-goal p>span{font-size:13px}.collection-goal .text-button{font-size:12px}.collection-goal{padding-top:24px}.collection-toolbar .sample-label{font-size:9px}.song-levels button{font-size:14px}.song-meta{font-size:12px}.song-meta>span:last-child{font-size:10px}.site-footer>span{font-size:11px}


.hero{--hero-inset:clamp(38px,4vw,70px);padding-left:var(--hero-inset)}.hero-bottom{top:660px;bottom:auto;left:var(--hero-inset);right:auto;width:36%;max-width:560px;justify-content:space-between;align-items:flex-start;gap:15px;padding-top:22px;border-top-color:#d7d9d1;font-size:11px;color:#4f6875}.hero-bottom>span{gap:8px;line-height:1.6;align-items:flex-start}.hero-bottom .icon{flex-shrink:0;color:#4e7081;margin-top:2px}.hero-caption{background:#fffdf7d9;padding:5px 8px;border-radius:4px;color:#415d71}
@media(min-width:1600px){.hero{--hero-inset:max(70px,calc((100vw - 1550px)/2))}}
@media(max-width:1250px){.hero-bottom{top:620px;width:36%;font-size:10px;gap:10px}}


.hero h1{font-size:clamp(74px,5.7vw,98px)}
@media(min-width:2200px){.hero-stage{right:calc((100vw - 2000px)/2)}}
@media(max-width:1150px){.hero h1{font-size:64px}.hero-copy{width:37%}.hero-description{font-size:17px}.hero-detail{font-size:12px}.hero-stage{width:58%;top:180px}.hero-actions>.button{font-size:12px;padding-inline:16px;gap:12px}}



/* Source: public/introduction/styles-v3.css */
/* Desktop light introduction only. No authenticated app or device layout overrides. */
.demo-word{position:relative;gap:0;width:100%}.demo-word>span{position:relative}.demo-word>span>small{font-family:inherit;font-size:17px;font-weight:400;color:#063a5b;border-left:1px solid #9eb5c5;padding-left:14px;margin-left:14px;vertical-align:middle}.demo-word .audio-word{position:absolute;left:calc(50% + 100px);top:50%;transform:translateY(-45%)}
.demo-card{height:410px;min-height:410px}.demo-card:has(.plural-tip) .demo-content{gap:9px}.demo-card:has(.plural-tip) .demo-result{padding:13px 20px}.demo-card:has(.plural-tip) .demo-result small{margin-bottom:6px}
.build-choices button{position:relative;padding-right:23px;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;transform:none!important;scale:1!important}.build-choices button>.icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:15px;height:15px}.build-choices button.activity-selected{background:#98badb;color:#102f50;border-color:#739bbb;opacity:1;box-shadow:0 2px 0 #254e7e26}.build-choices button.component-correct,.activity-slice button.component-correct{background:#dcf1e4!important;border-color:#65a883!important;color:#215d40!important;opacity:1!important;box-shadow:0 2px 0 #84bb9c22!important;transform:none!important}.build-choices button.component-wrong,.activity-slice button.component-wrong{background:#f5e1e0!important;border-color:#ba8584!important;color:#813c3b!important;opacity:1!important;transform:none!important}.build-slots.complete .build-slot{background:#dcf1e4;border-color:#65a883;color:#215d40}.build-slot{transition:background .18s,border-color .18s,color .18s}.build-slot.filled:not(.complete .build-slot){background:#e6eef8;color:#294e77;border-color:#a9bfd6}.demo-status{color:#18734f;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px}.demo-status .icon{height:17px;width:17px}.demo-status.wrong-status{color:#953d3d}.demo-result{background:#dcf1e4;border-color:#93bfa4}.demo-result small{display:flex;align-items:center;gap:7px;color:#215d40;font-weight:600}.demo-result small .icon{width:17px;height:17px}.demo-result.incorrect{background:#fbefed;border-color:#d9b2ae}.demo-result.incorrect small{color:#813c3b}.demo-result.incorrect strong{color:#18734f}.submitted-answer{margin-top:9px;font-size:13px;color:#6e5353}.submitted-answer span{color:#9c3d39;text-decoration:underline;text-decoration-color:#c68b86;text-underline-offset:3px}.feedback-enter{animation:intro-feedback-in .35s ease both}.plural-tip{margin:0;text-align:left;width:100%;font-size:12px;line-height:1.55;color:#627783}.plural-tip>strong{color:#286447;display:block;margin-bottom:4px;font-weight:600}.plural-tip>span{display:block}.plural-tip b{color:#365971;font-weight:600}.result-content{justify-content:center}.demo-input:focus{outline:2px solid #7c9ec4;outline-offset:2px}.demo-card .button:hover{transform:none}
@keyframes intro-feedback-in{from{opacity:0;filter:blur(1.5px)}to{opacity:1;filter:blur(0)}}
.plural-tip{font-size:13px}.build-choices button:disabled:not(.component-correct):not(.activity-selected){background:#edf3f9;color:#647a90;border-color:#ceddea;box-shadow:0 2px 0 #bccddb;opacity:.65}
.confidence-section{background:linear-gradient(180deg,#fff,#f8fafe);padding-top:70px;padding-bottom:110px}.confidence-section .section-heading{max-width:930px;margin-bottom:55px}.confidence-feature{padding:38px 42px 25px;background:#fff;border:1px solid #dfe7f0;border-radius:23px;box-shadow:0 20px 70px #203f6b08}.confidence-feature-head{display:flex;justify-content:space-between;align-items:center;gap:25px}.feature-kicker{font-size:10px;letter-spacing:1.9px;font-weight:650;color:#68889b;display:block}.confidence-feature h3{font-size:26px;font-weight:600;letter-spacing:-.8px;margin-top:10px}.illustration-label{font-size:9px;letter-spacing:1.2px;color:#7c8c9f;border:1px solid #e1e7ef;border-radius:30px;padding:9px 13px}#confidence-feature-plot{position:relative;margin-top:27px;outline-offset:8px}#confidence-feature-plot svg{display:block;width:100%;height:auto}.confidence-cursor{position:absolute;width:12px;height:12px;background:#416caf;border:2px solid white;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #416caf16}.confidence-feature-footer{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4ebf1;padding:14px 0 22px;gap:20px;font-size:13px;color:#728399}.confidence-feature-footer>span{font-family:Georgia,serif;font-size:19px;font-style:italic;color:#6c83a0}#confidence-point{display:flex;gap:18px;align-items:center}#confidence-point strong{color:#2f568b}#confidence-point>span{color:#5d728b}.confidence-insight{display:flex;gap:13px;padding-top:23px;max-width:850px;color:#738392;font-size:13px;line-height:1.8}.confidence-insight>span{color:#567da7;padding-top:2px}.confidence-insight strong{color:#354c68;font-weight:600}.tablet-confidence .confidence-annotation text{font-size:9px}.confidence-annotation{pointer-events:none}
.experience-section{padding-top:110px}.activity-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}.activity-slice{border:1px solid #e0e7eb;border-radius:22px;background:#fff;padding:34px 35px 22px;min-width:0;overflow:hidden;box-shadow:0 14px 45px #284c6c05}.slice-copy h3{font-family:Georgia,serif;font-size:34px;line-height:1.15;letter-spacing:-1px;margin:15px 0 15px;color:#243e51}.slice-copy p{font-size:14px;color:#6c7f8b;line-height:1.75}.picture-slice{background:linear-gradient(145deg,#f6faf7,#fff 55%)}.picture-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.picture-mini button{aspect-ratio:1;background:white;border:1px solid #dbe7e0;border-radius:14px;padding:8px;box-shadow:0 3px 0 #d5e2d92a;transition:background .18s,border-color .18s}.picture-mini img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.slice-feedback{min-height:25px;margin:17px 0 0;font-size:12px;color:#28734f;line-height:1.6}.slice-feedback.slice-wrong{color:#923d3e}.listening-slice{background:linear-gradient(145deg,#f4f7fc,#fff 55%)}.listening-mini{display:flex;gap:21px;align-items:center;margin:25px 0 20px}.listening-mini>button{width:58px;height:58px;background:#e7eff8;color:#3c6390;border:1px solid #d2deed;display:grid;place-items:center;border-radius:50%}.listening-mini>button .icon{height:27px;width:27px}.mini-wave{display:flex;gap:4px;height:55px;align-items:center;flex:1}.mini-wave span{display:block;width:4px;height:var(--wave);background:#a4b8d3;border-radius:4px}.is-speaking .mini-wave span{animation:wave-listen .65s ease-in-out infinite alternate;animation-delay:calc(var(--wave)*-20ms)}.listen-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.listen-choices button{min-height:43px;border:1px solid #cddbed;background:#edf3fa;border-radius:9px;color:#375571;font-size:14px}.article-slice{background:linear-gradient(145deg,#faf8f4,#fff 55%)}.article-mini{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:36px 0 21px}.article-mini>strong{font-size:38px;color:#263e50;letter-spacing:-1px;font-weight:500}.article-mini>div{display:flex;gap:8px}.article-mini button{border:1px solid #d2dded;color:#375571;background:#f1f5fa;border-radius:10px;font-weight:600;width:65px;height:53px}.conversation-slice{background:linear-gradient(145deg,#faf6f4,#fff 60%)}.conversation-mini{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:27px}.conversation-mini>span{background:#edf3f9;border:1px solid #d8e3ef;border-radius:12px 12px 12px 3px;padding:11px 19px;font-size:16px;color:#36566f}.conversation-mini>span:nth-child(2){margin-left:auto;background:#f4f6f0;border-color:#dde5d6;border-radius:12px 12px 3px 12px;color:#446651}.conversation-skills{margin-top:23px;display:flex;gap:26px;color:#66806f;font-size:12px}.conversation-skills>span{display:flex;gap:7px;align-items:center}.conversation-skills .icon{width:15px;height:15px}.trail-invitation{display:grid;grid-template-columns:.85fr 1fr;gap:60px;align-items:center;margin-top:40px}.trail-invitation>img{height:235px;width:100%;object-fit:cover;border-radius:17px}.trail-invitation h3{font-family:Georgia,serif;font-size:32px;letter-spacing:-.9px;margin:13px 0}.trail-invitation p:not(.eyebrow){font-size:14px;line-height:1.8;color:#708392}.trail-invitation .text-button{margin-top:12px}.experience-intro>p{max-width:330px}
@keyframes wave-listen{to{transform:scaleY(.4);background:#567fae}}
#confidence-feature-plot:focus-visible{outline:2px solid #94afd0;border-radius:9px;outline-offset:7px}.confidence-annotation text{paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
@media(max-width:1250px){.confidence-feature{padding:30px}.activity-slice{padding:27px 25px 20px}.slice-copy h3{font-size:29px}.picture-mini{gap:6px}.picture-mini button{padding:4px}.article-mini{gap:14px}.article-mini button{width:54px}.conversation-skills{gap:17px}.demo-card:has(.plural-tip){padding-inline:25px}.plural-tip{font-size:11px}}
@media(prefers-reduced-motion:reduce){html:not([data-owner-preview-motion=full]) .feedback-enter,html:not([data-owner-preview-motion=full]) .is-speaking .mini-wave span{animation:none}}


/* Source: public/introduction/styles-v4.css */
/* Owner-selected original composition, unaltered raster + a live screen overlay. */
.hero-stage.reference-stage{width:65%;height:auto;aspect-ratio:1579/904;top:207px;right:-1%;transform:none;perspective:none;z-index:2}.reference-composition{width:100%;height:auto;display:block;overflow:visible;border-radius:12px;filter:drop-shadow(0 15px 22px #45382315)}.reference-interface{width:1130px;height:700px;transform-origin:0 0;background:#fafafa;color:#183044;font-family:"Segoe UI",Arial,sans-serif;overflow:hidden}.reference-interface .product-body{display:grid;grid-template-columns:202px 1fr;height:700px;background:#fcfcfc;gap:0}.reference-interface .product-sidebar{position:relative;display:flex;flex-direction:column;padding:29px 14px;background:linear-gradient(100deg,#f4f4f4,#edf0f2);border-right:1px solid #e3e7e9;gap:23px}.reference-interface .mini-brand{font-size:22px;font-weight:650;letter-spacing:-.8px;padding:0 5px;white-space:normal}.reference-interface .mini-brand em{font-family:Georgia,serif;font-size:25px;font-weight:400}.reference-interface .product-nav{display:flex;flex-direction:column;gap:8px}.reference-interface .product-nav button{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.3;padding:10px 10px;min-height:44px;border:1px solid transparent;border-radius:10px;color:#324a60;text-align:left}.reference-interface .product-nav .icon{width:21px;height:21px}.reference-interface .product-nav button[aria-selected=true]{background:linear-gradient(135deg,#c7d8e9,#afc9df);border-color:#b7ccde;color:#1e4566;box-shadow:inset 0 1px #ffffff66}.reference-interface .sidebar-note{font-size:11px;color:#7d8b98;margin-top:auto;padding:8px}.reference-interface .product-main{display:block;padding:26px 23px 17px;margin:0;overflow:hidden;height:700px;background:linear-gradient(145deg,#fff,#fcfcfb);min-width:0}.reference-interface .tablet-chart-heading h3{font-size:25px;letter-spacing:-.7px}.reference-interface .tablet-chart-heading>span{font-size:13px;padding:8px 13px;border-radius:9px;background:#f8fafb}.reference-interface .tablet-confidence>p{font-size:13px;margin-top:10px;color:#63788a}.reference-interface .tablet-confidence>.confidence-svg{height:300px;width:100%;margin-top:14px}.reference-interface .tablet-lower{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.reference-interface .tablet-lower>section{padding:16px 13px 10px;border-radius:17px;background:#fff;min-width:0}.reference-interface .tablet-lower h3{font-size:17px;white-space:normal;line-height:1.2}.reference-interface .tablet-lower p{font-size:10px;line-height:1.4;margin-top:7px}.reference-interface .tablet-lower>section>svg{height:153px;width:100%;margin-top:6px}.reference-interface .tablet-recall-body{height:179px;display:flex;align-items:center;gap:9px}.reference-interface .tablet-recall-body .recall-ring{position:static;flex:none;width:62px;height:62px;padding:6px}.reference-interface .recall-ring>span{font-size:18px}.reference-interface .recall-ring small{font-size:10px}.reference-interface .tablet-recall-body>div:last-child{position:static;flex:1;min-width:0;width:auto}.reference-interface .tablet-recall .confidence-svg{height:150px;width:100%}.reference-interface .recall-caption{font-size:8px;text-align:left;white-space:normal}.reference-interface .tablet-footnote{font-size:8px;letter-spacing:.8px;margin-top:13px}.reference-interface .tablet-confidence .confidence-annotation text{font-size:12px}.reference-interface .product-title{font-size:25px}.reference-interface .product-view-title{font-size:42px;line-height:1.25;margin-top:26px}.reference-interface .mini-caption{font-size:18px;line-height:1.8}.reference-interface .text-button{font-size:17px}.reference-interface .tablet-song-cover{height:260px}.reference-interface .mini-lesson{margin-top:35px}.reference-interface .mini-word{font-size:52px}.reference-interface .mini-meaning{font-size:19px}.reference-interface .mini-card-top{font-size:15px}.reference-interface .mini-card-actions button{font-size:16px}.reference-stage .hero-caption{bottom:-23px;left:12%;font-size:7px;background:#ffffffe6;padding:5px 8px;border-radius:3px}.hero h1{font-size:clamp(72px,6vw,90px)}.hero-copy{width:37%;z-index:4}.hero-bottom{max-width:36%}
.confidence-view-tools{display:flex;flex-direction:column;align-items:flex-end;gap:11px}.confidence-view-tools .segmented{display:flex;gap:4px;padding:5px;border:1px solid #dfe6ef;background:#f5f7fb;border-radius:10px}.confidence-view-tools button{min-height:40px;padding:9px 18px;font-size:13px;border:1px solid transparent;border-radius:7px;color:#6a7d94}.confidence-view-tools button[aria-pressed=true]{background:#fff;border-color:#d9e2ee;color:#3863a0;font-weight:650;box-shadow:0 2px 4px #25436308}.confidence-view-tools .illustration-label{border:0;padding:0;font-size:9px}.observed-line{vector-effect:non-scaling-stroke}.language-note p{color:#1f5278;font-weight:650;font-size:14px;line-height:1.75}.language-note{align-items:center}.song-demo-mode{display:flex;gap:4px;margin-top:19px;background:#f5f7fb;border:1px solid #e0e7f0;padding:4px;align-self:flex-start;border-radius:9px}.song-demo-mode button{padding:8px 12px;font-size:12px;line-height:1.4;border-radius:6px;border:1px solid transparent;color:#6a7d94}.song-demo-mode button[aria-pressed=true]{color:#365f96;background:#fff;border-color:#dfe6ef;font-weight:600}.song-story-label{margin-top:22px}.lyric-space{min-height:207px;justify-content:flex-start;padding-top:20px}.lyric-de{font-size:30px;min-height:75px;display:block;line-height:1.3}.lyric-gap{display:inline-block;min-width:55px;border-bottom:2px solid #9ab4d1;color:#7196b9;text-align:center;padding-inline:4px;margin-inline:4px}.lyric-choices{display:flex;gap:9px;position:relative;margin-top:17px;padding-bottom:7px;min-height:47px}.lyric-choices:has(button)::after{content:"";position:absolute;bottom:0;left:0;width:calc(100% * var(--lyric-time,1));height:2px;background:#7292b4;max-width:100%;opacity:.6}.lyric-choices button{position:relative;min-width:90px;min-height:38px;padding:8px 17px;border:1px solid #c9d9e9;border-radius:8px;background:#eff4fa;color:#355a77;font-size:14px;transition:background .18s,border-color .18s}.lyric-choices button:disabled:not(.component-correct):not(.component-wrong){opacity:.65}.lyric-choices .component-correct{background:#dcf1e4;color:#215d40;border-color:#65a883}.lyric-choices .component-wrong{background:#f5e1e0;color:#813c3b;border-color:#ba8584}#lyric-feedback{font-size:12px;color:#52766a;margin-top:7px;min-height:20px;line-height:1.4}.song-story>.language-note{margin-top:22px;padding-top:20px}.song-story{padding-top:29px;padding-bottom:29px}.music-showcase{min-height:610px}
.explanation-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:14px;background:#e8f2ed;color:#29734f;margin-bottom:23px}.explanation-icon .icon{width:28px;height:28px}dialog:has(.known-highlight){max-width:730px;padding:39px 43px}dialog .known-highlight{border-left:3px solid #548370;border-radius:0 10px 10px 0;background:#eff6f2;margin:23px 0;padding:15px 19px}dialog .known-highlight strong{font-size:17px;color:#2a6b50}dialog .known-highlight p{font-size:14px;margin-top:3px;color:#58766b;line-height:1.6}dialog .known-details{list-style:none;padding:0;margin:19px 0;display:grid;gap:12px}dialog .known-details li{display:flex;align-items:center;gap:12px;font-size:14px;color:#526c80;line-height:1.5}dialog .known-details .icon{width:19px;height:19px;color:#477b69;flex:none}dialog .complete-card-example{padding:23px 27px;background:linear-gradient(135deg,#f5f8fb,#fff);border:1px solid #dfe8ef;border-radius:15px;margin:22px 0}dialog .complete-card-example>span{font-size:14px;color:#71859b}dialog .complete-card-example>strong{display:block;font-size:34px;font-weight:550;color:#294a62;margin:12px 0 19px}dialog .complete-card-example>div{display:flex;justify-content:space-between;border-top:1px solid #e1e9ef;padding:10px 0;gap:20px;font-size:14px;color:#6b8094}dialog .complete-card-example b{color:#34596e;font-weight:600}dialog .signin-admin{border-top:1px solid #e3eaf0;padding-top:20px;margin-top:25px;font-size:12px}dialog .signin-admin a{color:#345f86;text-decoration:underline;text-underline-offset:3px}.google-signin{gap:17px}.google-signin>b{font-size:20px;font-family:Arial,sans-serif}.admin-signin{display:flex;align-items:center;gap:7px;font-size:12px;color:#657d91}.admin-signin .icon{width:14px;height:14px}.paper-deck-copy h3{font-size:35px}
.activity-slice{padding-bottom:24px}.picture-mini button{position:relative;overflow:hidden}.picture-mini button>svg:not(.icon){display:block;width:100%;height:100%;object-fit:contain}.picture-check{position:absolute;right:5px;top:5px;width:23px;height:23px;background:#e2f3e8;color:#28704d;border:1px solid #91bb9e;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .2s}.picture-check .icon{width:15px;height:15px}.picture-mini button.component-correct .picture-check{opacity:1}.slice-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px;font-size:11px;color:#7d8c9c;min-height:25px}.mini-restart{display:flex;gap:7px;align-items:center;color:#63809a;font-size:11px;padding:3px 0}.mini-restart .icon{width:13px;height:13px}.slice-feedback{margin-top:9px}.listen-choices button:disabled:not(.component-correct):not(.component-wrong){opacity:.55}.article-countdown{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin-top:26px;font-size:10px;letter-spacing:.7px;color:#718697}.article-countdown>strong{font-size:15px;letter-spacing:0;color:#446a8a}.countdown-track{height:4px;border-radius:4px;background:#edf2f6;display:block;width:100%;overflow:hidden}.countdown-track>i{height:100%;display:block;width:100%;background:#6a8dac;border-radius:4px}.article-mini{margin:22px 0 16px}.article-mini>strong{font-size:clamp(25px,2.4vw,36px)}.article-mini button:disabled:not(.component-correct):not(.component-wrong){opacity:.5}.article-start .button{font-size:12px;min-height:37px;padding:9px 15px}.article-start .button:disabled{background:#e9eff4;color:#75899a;box-shadow:none}.article-start .icon{width:15px;height:15px}.conversation-task{margin-top:24px}.conversation-task-top{display:flex;align-items:center;justify-content:space-between;color:#8091a1;font-size:11px;gap:20px}.conversation-task-top button{display:flex;align-items:center;gap:7px;color:#456f91;font-size:12px;min-height:30px;padding:4px 0}.conversation-task-top .icon{width:17px;height:17px}#conversation-english{font-size:14px;color:#536d7d;margin-top:10px;line-height:1.6}.conversation-slots{display:flex;gap:8px;margin-top:15px;min-height:41px;flex-wrap:wrap}.conversation-slots button{flex:1;min-width:60px;min-height:41px;border:1px dashed #a9bbc8;border-radius:8px;color:#7b90a1;background:#fafcfd;padding:6px 9px;font-size:13px}.conversation-slots button.filled{background:#e8f0f8;color:#315b7b;border-style:solid;border-color:#adc5da}.conversation-slots.sentence-correct button{background:#dcf1e4;color:#215d40;border-color:#65a883}.conversation-slots.sentence-wrong button{background:#f5e1e0;border-color:#ba8584;color:#813c3b}.conversation-pieces{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;min-height:38px}.conversation-pieces button{padding:8px 11px;font-size:13px;background:#edf3f9;color:#365977;border:1px solid #c9d9e7;border-radius:8px;box-shadow:0 2px 0 #a5bdd12b}.conversation-pieces button:disabled{opacity:.35}.conversation-task-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}.conversation-task-actions button{min-height:33px;padding:7px 11px;border-radius:7px;border:1px solid #dae4ed;font-size:11px;color:#56748d;display:flex;gap:8px;align-items:center}.conversation-task-actions button:last-child{background:#eaf1f8;color:#365e81}.conversation-task-actions button:disabled{opacity:.4}.conversation-task-actions .icon{width:13px;height:13px}.conversation-task .slice-feedback{min-height:38px;line-height:1.5}
@media(min-width:1600px){.hero-stage.reference-stage{top:197px;width:65%;right:-1%}.hero h1{font-size:95px}.hero-copy{width:36%}}
@media(max-width:1250px){.hero-stage.reference-stage{width:65%;top:215px;right:-1.5%}.hero h1{font-size:73px}.hero-copy{width:36%}.confidence-view-tools button{padding-inline:13px}.article-mini{gap:7px}.article-mini button{width:48px;height:45px}.article-mini>div{gap:5px}.conversation-pieces button{font-size:12px}.conversation-slots button{font-size:12px}.reference-stage .hero-caption{font-size:6px;bottom:-18px}.lyric-de{font-size:27px}}


/* Source: public/introduction/styles-v5.css */
/* Desktop light introduction. Keep the complete original terrace objects intact. */
.hero{height:840px;min-height:840px;max-height:900px}
.hero-stage.reference-stage{width:67%;max-width:none;height:auto;top:auto;bottom:0;right:0;transform:none}
.reference-composition{filter:none;overflow:visible;border-radius:0}
.reference-interface,.reference-interface .product-main{background:#fff;opacity:1;filter:none}
.reference-interface .product-sidebar{background:linear-gradient(100deg,#edf1f5,#e5ebf1)}
.reference-interface .product-nav button{color:#203e58;font-weight:500}
.reference-interface .product-nav button[aria-selected=true]{background:linear-gradient(130deg,#b2cce5,#96b7d7);color:#153e62;border-color:#8baac8}
.reference-interface .tablet-confidence>p{color:#38546e;font-size:16px;line-height:1.5}
.reference-interface .tablet-confidence>.confidence-svg{height:310px;margin-top:9px}
.reference-interface .tablet-confidence .confidence-annotation text{font-size:16px}
.reference-interface .tablet-lower{margin-top:4px;gap:13px}
.reference-interface .tablet-lower>section{border-color:#cbd8e5;background:#fbfcff;box-shadow:0 2px 4px #183e5910}
.reference-interface .tablet-lower p{color:#405e79;font-size:12px}
.reference-interface .tablet-lower h3{color:#183b59;font-size:19px}
.reference-interface .tablet-recall .confidence-svg text{font-size:13px}
.reference-interface .tablet-recall-body .recall-ring{width:67px;height:67px;background:conic-gradient(#367d69 var(--accuracy),#dce7e2 0)}
.reference-interface .recall-ring>span{font-size:20px;background:#fbfcff;color:#153e35}
.reference-interface .recall-caption{font-size:10px;color:#3e5e71}
.hero-bottom{top:635px;bottom:auto;left:var(--hero-inset);right:auto;width:30%;max-width:440px;display:grid;justify-content:start;gap:12px;padding:16px 18px 16px 0;border:0;background:linear-gradient(90deg,#fffdf8ed,#fffdf8c9 75%,#fffdf800);color:#29485e;font-size:13px;font-weight:500;line-height:1.6;z-index:5}
.hero-bottom>span{align-items:center;gap:10px}.hero-bottom .icon{color:#32664e;width:18px;height:18px;margin:0}
.confidence-view-tools #confidence-period-note{letter-spacing:.3px;color:#59718c;font-size:11px;text-transform:none}
.confidence-feature-head{align-items:flex-start}.confidence-annotation rect{stroke:#e1e9f2;stroke-width:.8}
.music-showcase{grid-template-columns:1fr 1.15fr;min-height:690px}.song-art{min-height:690px}
.song-art[data-level="2"]>img{object-position:78% center;transform:none!important}
.song-art-bottom{max-width:75%;left:28px}.song-art-bottom h3{font-size:34px}
.song-story{padding:30px 31px}.song-story-label{margin-top:22px}.song-demo-mode{margin-top:14px}
.lyric-space{height:262px;min-height:262px;padding-top:21px;justify-content:flex-start;overflow:hidden}
.lyric-viewport{display:flex;flex-direction:column;height:190px;min-height:190px;gap:16px;overflow:hidden;font-family:Georgia,serif;letter-spacing:-.55px}
.lyric-line{display:block;flex:0 0 84px;min-height:84px;line-height:1.58;font-size:26px;color:#234c71;transition:opacity .3s,transform .38s;overflow:visible}
.lyric-line.next-line{color:#4a6d8d}.lyric-line.past-line{opacity:.4;color:#668097}
.inline-lyric-options{display:inline-flex;align-items:center;gap:5px;margin:0 5px;vertical-align:baseline;white-space:nowrap}
.inline-lyric-options button{display:inline-block;border:1px solid #b3c8de;border-radius:7px;background:#edf3fa;color:#264e73;font:600 21px/1.4 "Segoe UI",Arial,sans-serif;padding:3px 9px;min-height:35px;vertical-align:baseline;transition:color .18s,background .18s,border-color .18s}
.inline-lyric-options button:not(:disabled):hover{background:#dde9f6;border-color:#7599c1}
.inline-lyric-options button:focus-visible{outline:2px solid #386cad;outline-offset:2px}
.inline-lyric-options button:disabled{cursor:default;opacity:1}
.inline-lyric-options .component-correct{background:#dcf1e4;color:#215d40;border-color:#65a883}.inline-lyric-options .component-wrong{background:#f5e1e0;color:#813c3b;border-color:#ba8584}
.lyric-space .lyric-en{font-size:13px;margin-top:8px;line-height:1.5;min-height:20px}.lyric-space #lyric-feedback{font-size:11px;line-height:1.5;margin-top:6px}
.lyric-viewport.line-advance .current-line{animation:lyric-rise .45s ease both}.lyric-viewport.line-advance .next-line{animation:lyric-next .5s ease both}
@keyframes lyric-rise{from{transform:translateY(64px);opacity:.35}to{transform:translateY(0);opacity:1}}
@keyframes lyric-next{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
.picture-slice .slice-copy h3{font-size:clamp(22px,1.7vw,31px);letter-spacing:-.85px;white-space:nowrap;line-height:1.25;margin-bottom:17px}
#picture-target{color:#18734f;font-weight:650}#picture-target>span{font-weight:500}
.picture-mini{gap:8px;margin-top:22px}.picture-mini button{padding:3px;border-radius:12px}.picture-mini img{border-radius:9px}
.conversation-task-top button{background:#e7eff9;border:1px solid #abc2dd;border-radius:11px;padding:13px 19px;min-height:51px;font-size:16px;gap:11px;color:#224f7b;box-shadow:0 3px 0 #7899bd22;font-weight:600}
.conversation-task-top button:hover{background:#dae7f7;border-color:#779ac2}.conversation-task-top .icon{width:25px;height:25px}
.conversation-task-top button:focus-visible{outline:2px solid #4774af;outline-offset:3px}
@media(min-width:1600px){.hero-stage.reference-stage{width:67%;top:auto;right:0;bottom:0}.hero{height:890px;min-height:890px}.hero-bottom{top:680px}.lyric-line{font-size:29px}.inline-lyric-options button{font-size:23px}.lyric-space{height:278px;min-height:278px}.lyric-viewport{height:204px;min-height:204px}.lyric-line{flex-basis:91px;min-height:91px}}
@media(max-width:1250px){.hero{height:800px;min-height:800px}.hero-stage.reference-stage{width:67%;top:auto;right:0;bottom:0}.hero-bottom{font-size:12px;top:610px;width:31%;gap:10px}.song-story{padding:28px 25px}.lyric-line{font-size:23px}.inline-lyric-options button{font-size:18px;padding-inline:7px}.song-art-bottom h3{font-size:29px}.picture-slice .slice-copy h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html:not([data-owner-preview-motion="full"]) .lyric-viewport .lyric-line{animation:none;transition:none}}

.lyric-viewport{position:relative}.lyric-line.lyric-outgoing{position:absolute;inset:0 0 auto;pointer-events:none;animation:lyric-exit .44s ease forwards}
@keyframes lyric-exit{from{transform:translateY(0);opacity:1}to{transform:translateY(-72px);opacity:0}}
@media(prefers-reduced-motion:reduce){html:not([data-owner-preview-motion="full"]) .lyric-line.lyric-outgoing{display:none}}


/* Source: public/introduction/styles-v6.css */
/* Desktop/light introduction only. Existing authenticated app is unchanged. */
.bond-section{position:relative;background:linear-gradient(120deg,#fbfaf6,#f7f9fc 65%,#f1f5fb);overflow:hidden;padding-block:104px 110px}
.bond-grid{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:85px}.bond-art{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center;isolation:isolate}.bond-art>img{position:relative;width:92%;height:auto;max-height:650px;object-fit:contain;filter:drop-shadow(0 25px 22px #52688616)}.bond-halo{position:absolute;z-index:-1;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#e9edf2 0%,#f4f1e8 43%,#ffffff00 71%)}.bond-art-label{position:absolute;top:2px;left:9%;font-size:9px;letter-spacing:1.65px;color:#697b8a;display:flex;gap:10px;align-items:center}.bond-keepsake{position:absolute;bottom:25px;left:2%;display:flex;gap:13px;align-items:center;background:#fffffff2;border:1px solid #e3e8ef;border-radius:13px;padding:17px 23px;box-shadow:0 12px 32px #243a5310;font-size:12px;line-height:1.7;color:#6b7b8b}.bond-keepsake>.icon,.bond-keepsake .icon{width:26px;height:26px;color:#6b84b4}.bond-keepsake strong{font-weight:500;color:#263f55}.bond-copy .eyebrow{margin-bottom:23px}.bond-copy h2{font-size:clamp(51px,4.1vw,65px);letter-spacing:-2.8px}.bond-lead{margin-top:27px;max-width:475px;font-size:17px;line-height:1.85;color:#627285}.bond-points{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:24px}.bond-points li{display:flex;gap:17px;align-items:flex-start}.bond-point-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid #dce4ec;border-radius:11px;color:#4c7397;background:#ffffff9c}.bond-point-icon .icon{width:20px;height:20px}.bond-points h3{font-size:15px;font-weight:650;letter-spacing:-.15px;margin-top:1px}.bond-points p{margin-top:6px;font-size:13px;line-height:1.8;color:#65758a;max-width:460px}.bond-closing{border-top:1px solid #dde5ed;margin-top:29px;padding-top:22px;font-size:15px;line-height:1.85;color:#65758a}.bond-closing strong{font-weight:550;color:#367159}
.anywhere-section{padding-block:105px 95px;background:#fff;overflow:hidden}.anywhere-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:45px}.anywhere-copy{padding-left:8px}.anywhere-copy .eyebrow{margin-bottom:23px}.anywhere-copy h2{font-size:clamp(54px,4.6vw,72px);letter-spacing:-3px}.anywhere-lead{font-size:18px;line-height:1.8;margin-top:28px;color:#344c60}.anywhere-description{font-size:15px;line-height:1.9;color:#65758a;margin-top:18px;max-width:465px}.anywhere-continuity{display:flex;flex-wrap:wrap;gap:12px 22px;max-width:450px;margin-top:27px;font-size:12px;font-weight:500;color:#426d5b}.anywhere-continuity span{display:inline-flex;align-items:center;gap:7px}.anywhere-continuity .icon{width:15px;height:15px;stroke-width:2}.anywhere-actions{margin-top:29px}.anywhere-actions .button{gap:13px;min-height:53px;font-size:13px;padding-inline:21px}.anywhere-actions .icon{width:21px;height:21px}.anywhere-fine{font-size:11px;line-height:1.9;color:#7b8896;margin-top:15px}.anywhere-art{position:relative;aspect-ratio:1;isolation:isolate;min-width:0}.anywhere-collage{width:100%;height:100%;object-fit:contain}.device{position:absolute;background:linear-gradient(125deg,#a6a9af,#34373d 30%,#989ca5 65%,#33373e);border:1px solid #9298a3;border-radius:33px;padding:6px;box-shadow:9px 22px 32px #263e5436,1px 2px 3px #ffffffa0 inset}.device-screen{position:relative;overflow:hidden;border-radius:27px;background:#f5f7fc;width:100%;height:100%}.device-screen>img{position:absolute;max-width:none;width:371.51%;height:111.887%;left:-133.95%;top:-9.844%;object-fit:fill}.device-camera{position:absolute;top:10px;left:36%;width:28%;height:9px;background:#1d2026;border-radius:0 0 9px 9px;box-shadow:0 0 0 2px #24272d}.device-home{position:absolute;bottom:11px;left:34%;width:32%;height:3px;background:#313844;border-radius:3px;opacity:.65}.device-back{width:33%;height:73%;left:17%;top:16%;transform:rotate(-11deg);z-index:1}.device-front{width:33%;height:73%;left:43%;top:25%;transform:rotate(9deg);z-index:2}.anywhere-art-note{position:absolute;bottom:-10px;left:26%;font-size:10px;color:#81908c;letter-spacing:.4px}.install-dialog{max-width:650px}.install-dialog .eyebrow{margin-bottom:17px}.install-dialog h2{font-size:43px;letter-spacing:-1.7px}.install-dialog>p{font-size:15px;line-height:1.8;color:#627487;margin-top:18px}.install-platforms{display:flex;gap:7px;padding:5px;background:#f3f6fa;border:1px solid #e0e7f0;border-radius:12px;margin-top:25px;width:max-content}.install-platforms button{padding:10px 20px;border-radius:8px;font-size:14px;color:#637487;border:1px solid transparent}.install-platforms button[aria-selected=true]{background:#fff;border-color:#d7e1ee;box-shadow:0 2px 5px #314e6e0c;color:#345b8d;font-weight:650}.install-steps{list-style:none;padding:0;counter-reset:install;margin:23px 0}.install-steps li{counter-increment:install;display:flex;gap:15px;align-items:flex-start;padding:14px 0}.install-steps li:before{content:counter(install);display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#eaf0f8;color:#3e628a;font-size:12px;font-weight:600}.install-steps h3{font-size:16px;letter-spacing:0;font-weight:600}.install-steps p{font-size:13px;line-height:1.8;color:#64758b;margin-top:5px}.install-help{display:flex;gap:15px;align-items:center;padding-top:18px;border-top:1px solid #e1e8f0;font-size:12px;color:#4b739a}.install-note{background:#f5f8fa;border-radius:10px;padding:14px 17px;color:#64758a;font-size:12px;line-height:1.8;margin-top:22px}
@media(max-width:1250px){.bond-grid{gap:40px}.bond-art{min-height:520px}.bond-copy h2{font-size:50px}.bond-lead{font-size:16px}.anywhere-grid{gap:25px}.anywhere-copy h2{font-size:57px}.anywhere-lead{font-size:16px}.anywhere-art{margin-right:-25px}}


/* Source: public/introduction/styles-v7.css */
/* Approved local desktop/light refinement; no authenticated app geometry. */
.components-section{padding-block:50px 100px;background:#fff}.components-section .vocabulary-still-life{margin-top:0;grid-template-columns:1.3fr 1fr;gap:75px}.paper-deck{height:350px;perspective:none;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:14px;padding:0 8px}.paper-card{position:relative!important;inset:auto!important;width:100%;height:226px;padding:23px 14px;border-radius:14px;display:flex;align-items:center;flex-direction:column;text-align:center}.paper-card>span{font-size:7px;letter-spacing:1.2px;line-height:1.6;min-height:24px}.paper-card h3{font-size:27px;margin-top:16px;white-space:nowrap}.paper-card p{font-size:12px;margin-top:7px}.paper-card small{font-size:10px;line-height:1.5;display:block;margin-top:8px}.paper-card .paper-form{font-size:15px;color:#3c5773;margin-top:15px;white-space:nowrap}.paper-card .circled-detail{font-size:10px}.paper-card .paper-form .circled-detail{font-size:15px;display:inline-block;margin:0;padding:1px 5px}.circled-detail{display:inline-block;border:1.5px solid #7697ae;border-radius:50%;padding:3px 9px;color:#315976;transform:rotate(-3deg)}.paper-card.back-card{transform:rotate(-7deg) translateY(12px)}.paper-card.middle-card{transform:rotate(2deg) translateY(-10px);z-index:3}.paper-card.front-card{transform:rotate(7deg) translateY(15px)}.paper-deck-copy h3{font-size:37px}.paper-deck-copy>p:not(.eyebrow){font-size:15px}
.music-showcase{grid-template-columns:1.25fr 1fr;min-height:650px}.song-art{min-height:650px}.song-art>img{object-position:70% center;transform:none!important}.song-art[data-level="2"]>img{object-position:100% center}.song-art-bottom{max-width:75%}.song-story{padding:29px 30px}.song-story-label{margin-top:20px}.lyric-space{height:250px;min-height:250px;padding-top:16px;overflow:visible}.lyric-viewport{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;height:176px;min-height:176px;overflow:hidden;letter-spacing:-.45px}.lyric-line{display:flex;align-items:center;flex-wrap:wrap;align-content:center;gap:0;flex:0 0 70px;min-height:70px;font-size:27px;line-height:1.28;transition:none;color:#294f72}.lyric-line.previous-line{color:#345b7a;opacity:1}.lyric-line.current-line{color:#214767}.lyric-viewport.first-line-only{justify-content:flex-end}.inline-lyric-options{gap:4px;margin:0 5px}.inline-lyric-options button{font-size:20px;padding:3px 8px;min-height:35px}.lyric-viewport.line-advance .previous-line{animation:lyric-rise-v7 .48s var(--ease) both}.lyric-viewport.line-advance .current-line{animation:lyric-new-v7 .48s var(--ease) both}.lyric-viewport .lyric-outgoing{position:absolute;top:0;inset-inline:0;pointer-events:none;animation:lyric-away-v7 .4s ease both}.lyric-en{font-size:13px;margin-top:12px;min-height:20px}#lyric-feedback{font-size:11px;line-height:1.5;min-height:17px;margin-top:6px}.song-story>.language-note{margin-top:17px;padding-top:17px}.language-note p{font-size:12px;line-height:1.75}.song-progression-note{font-size:11px;line-height:1.7;color:#687d90;margin-top:12px}.song-story #song-replay{margin-top:7px;font-size:12px}
@keyframes lyric-rise-v7{from{transform:translateY(78px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes lyric-new-v7{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes lyric-away-v7{to{transform:translateY(-40px);opacity:0}}
dialog:has(.components-dialog){max-width:940px;padding:37px 43px}.components-dialog h2{font-size:47px;letter-spacing:-2px}.components-dialog>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:18px;max-width:720px;color:#6a7d90}.component-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:23px}.component-examples>div{border:1px solid #dce5ed;border-radius:11px;background:#fafbf9;padding:17px 19px}.component-examples>div>span{font-size:9px;letter-spacing:1.3px;color:#79907e}.component-examples strong{display:block;font:26px Georgia,serif;margin-top:10px}.component-examples p{font-size:12px;line-height:2;color:#60778c;margin-top:10px}.component-checklist{list-style:none;padding:0;display:grid;gap:12px;margin:25px 0}.component-checklist li{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.7;color:#65798e}.component-checklist .icon{color:#3e7c61;width:17px;flex-shrink:0;margin-top:3px}.component-checklist strong{color:#314d65;font-weight:600}.component-summary{background:#f0f6f2;padding:13px 16px;border-radius:9px;font-size:12px;line-height:1.7;color:#47715d}
dialog:has(.trail-preview-dialog){max-width:1060px;padding:37px 43px}.trail-preview-dialog h2{font-size:46px;letter-spacing:-1.9px}.trail-preview-dialog>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#687e91;margin-top:17px}.trail-mini-map{height:330px;position:relative;overflow:hidden;border:1px solid #e2e7ed;border-radius:17px;margin-top:25px;background:#fafbf9;isolation:isolate}.trail-map-scene{position:absolute;left:-50px;bottom:-110px;width:480px;opacity:.82;z-index:-1;mask-image:linear-gradient(to right,#000 65%,transparent),linear-gradient(to top,transparent,#000 18%);mask-composite:intersect}.trail-mini-map>svg{position:absolute;inset:10px 0 0;width:100%;height:290px;overflow:visible}.mini-map-road{fill:none;stroke:#b6bfda;stroke-width:17;stroke-linecap:round}.mini-map-dashes{fill:none;stroke:#eee1a0;stroke-width:4;stroke-dasharray:5 10;stroke-linecap:round}.trail-mini-node{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;width:190px;gap:8px}.trail-mini-icon{width:83px;height:83px;background:#e5daf4;border:1px solid #d5cbe5;border-bottom:5px solid #b3a4c7;border-radius:25px;display:grid;place-items:center;box-shadow:0 6px 15px #3e526d0b}.trail-mini-icon>img{width:76px;height:76px;object-fit:contain}.node-one{left:5%;top:53px}.node-two{left:36%;top:134px}.node-three{right:5%;top:75px}.node-two .trail-mini-icon{background:#f5dcc4;border-color:#dcc4ad;border-bottom-color:#c4ad95}.node-three .trail-mini-icon{background:#d3e8fb;border-color:#bad3e9;border-bottom-color:#a1bbd2}.trail-mini-node strong{font-size:15px;font-weight:600;color:#2c485f}.trail-mini-node small{font-size:11px;color:#718594}.trail-mini-rule{display:flex;align-items:center;gap:15px;margin-top:22px;border-radius:10px;background:#eff6f1;padding:14px 20px;color:#407257}.trail-mini-rule .icon{width:23px;height:23px}.trail-mini-rule p{font-size:13px;line-height:1.8}.trail-mini-caption{font-size:11px!important;margin-top:13px!important}.trail-preview-dialog>.button{margin-top:18px}
@media(min-width:1600px){.lyric-line{font-size:29px}.inline-lyric-options button{font-size:21px}.music-showcase,.song-art{min-height:670px}}
@media(max-width:1250px){.components-section .vocabulary-still-life{gap:35px;grid-template-columns:1.35fr 1fr}.paper-deck{gap:8px}.paper-card{padding:18px 9px;height:215px}.paper-card h3{font-size:23px}.paper-card>span{font-size:6px}.paper-card .paper-form{font-size:13px}.paper-card small{font-size:9px}.song-story{padding:25px 24px}.lyric-line{font-size:23px}.inline-lyric-options button{font-size:17px}.song-art-bottom h3{font-size:30px}.music-showcase{grid-template-columns:1.15fr 1fr}.song-story-label{font-size:15px}}
@media(prefers-reduced-motion:reduce){html:not([data-owner-preview-motion="full"]) .lyric-line{animation:none!important}}


/* Source: public/introduction/styles-v8.css */
/* Local desktop/light introduction. Chapter rhythm; no logged-in or phone styling. */
html{scrollbar-gutter:stable;--chapter-header:86px;scroll-padding-top:var(--chapter-header)}
.site-header nav{gap:clamp(9px,1.05vw,20px);flex-wrap:wrap;justify-content:center;min-width:0;margin-right:0}
.site-header nav a{font-size:11px;white-space:nowrap;padding-block:7px;position:relative}
.site-header nav a[aria-current=location]{color:#2b586b;font-weight:650}.site-header nav a[aria-current=location]:after{content:'';height:2px;background:#78a18a;position:absolute;bottom:0;left:0;right:0;border-radius:2px}
.site-header{gap:24px;padding-inline:clamp(24px,2.4vw,50px)}.site-header .wordmark{flex-shrink:0;font-size:25px}#page-sound{flex-shrink:0;font-size:11px;padding:9px 12px;gap:7px}
.hero h1>span{white-space:nowrap}.hero h1{font-size:clamp(65px,6vw,100px)}
.week-example{margin-top:27px;border:1px solid #d9e4e9;background:#ffffffc9;border-radius:17px;padding:21px;box-shadow:0 12px 30px #29496106}
.week-example-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;letter-spacing:1.6px;color:#547968}.week-example-head small{font-size:9px;letter-spacing:0;color:#7b8994}.week-example h3{font-family:Georgia,serif;font-size:23px;font-weight:400;line-height:1.3;margin-top:14px;letter-spacing:-.5px}.week-example>p{font-size:12px;line-height:1.7;color:#667c8c;margin-top:10px}.week-example-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:18px}.week-example-days label{display:grid;gap:9px;text-align:center;font-size:11px;color:#405d72}.week-example-days select{font:10px 'Segoe UI',sans-serif;width:100%;border:1px solid #d8e3ec;color:#355972;background:#eef4fa;border-radius:7px;padding:9px 2px;text-align:center;cursor:pointer}.week-example-days label[data-availability=busy] select{background:#f7efe8;color:#795d45}.week-example-days label[data-availability=more] select{background:#e8f2eb;color:#32674e}.week-example .week-example-note{font-size:10px;line-height:1.7;margin-top:15px;color:#6f8291}
/* A single backdrop paint avoids blur seams at composited section edges. */
dialog::backdrop{background:rgba(29,43,61,.44);backdrop-filter:none;-webkit-backdrop-filter:none}html:has(dialog[open]){overflow:hidden}dialog{overscroll-behavior:contain;max-height:calc(100dvh - 48px)}
dialog:has(.install-dialog){width:min(800px,calc(100vw - 64px));max-width:800px;height:min(820px,calc(100dvh - 48px));padding:36px 42px;overflow:auto}.install-dialog{max-width:none}.install-dialog h2{font-size:40px}.install-dialog>p{font-size:14px}.install-platforms{margin-top:18px}.install-steps{margin:14px 0}.install-steps li{min-height:91px;padding-block:11px}.install-steps h3{font-size:15px}.install-steps p{font-size:12px;line-height:1.65}.install-help{padding-top:12px}.install-note{font-size:11px;margin-top:17px}.install-platform-content{min-height:325px}
.bond-keepsake{position:static;align-self:center;justify-content:center;margin:16px auto 0;width:max-content;max-width:100%;box-shadow:none;background:#fff9}.bond-art{flex-direction:column}.bond-art>img{flex:none}.anywhere-art-note{position:absolute;top:calc(100% + 23px);bottom:auto;left:0;right:0;text-align:center;font-size:12px;color:#657e79}.anywhere-art{margin-bottom:43px}
.trail-mini-map{height:350px;background:radial-gradient(ellipse at 10% 30%,#e1eef5,transparent 65%),linear-gradient(125deg,#eef5fa,#f8fafc 65%,#e2edf6);border-color:#dbe7ed}.mini-map-road{stroke:#93bacd;stroke-width:19}.mini-map-dashes{stroke:#e7f6fb;stroke-width:4;stroke-dasharray:4 22}.trail-map-scene{mask:none;left:2%;bottom:1%;width:31%;opacity:1;z-index:0;max-height:none;margin:0}.trail-mini-node{width:180px}.trail-mini-icon{width:96px;height:96px;border:0;border-bottom:6px solid #bcafcf;border-radius:29px;box-shadow:0 9px 15px #2b4a6712}.trail-mini-icon>img{width:102px;height:102px;max-width:none;max-height:none;margin:0;object-fit:contain;overflow:visible}.trail-mini-node:hover .trail-mini-icon{transform:translateY(-5px);box-shadow:0 15px 20px #2b4a671f;transition:transform .25s,box-shadow .25s}.node-one{left:15%;top:30px}.node-two{left:45%;top:187px}.node-three{right:1%;top:46px}.trail-extra-scene{position:absolute;right:15%;bottom:0;width:20%;height:110px;object-fit:contain;max-height:none;margin:0}
@media(min-width:1000px){
main>section.chapter{min-height:calc(100svh - var(--chapter-header));padding-block:clamp(28px,4.4vh,55px);display:flex;flex-direction:column;justify-content:center;scroll-margin-top:0;box-sizing:border-box}
main>.hero.chapter{height:calc(100svh - var(--chapter-header));max-height:none;min-height:700px;display:block;padding-top:clamp(60px,8vh,100px)}
.chapter .section-heading{margin-bottom:26px}.chapter .section-heading h2,.chapter .music-intro h2,.chapter .routine-copy h2,.chapter .anywhere-copy h2,.chapter .bond-copy h2{font-size:clamp(43px,5.7vh,63px);letter-spacing:-2.5px}.chapter .section-heading .eyebrow{margin-bottom:14px}.chapter .section-heading>p:last-child{margin-top:17px;font-size:15px;line-height:1.6}
.practice-journey{height:auto;min-height:0;width:min(1320px,calc(100% - 112px))}.practice-stage{position:relative;top:auto;height:auto;min-height:400px;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);align-items:center;gap:6%}.practice-sticky{position:static}.journey-copy{min-height:340px}.journey-steps{height:235px}.journey-step h3{font-size:43px}.journey-step p{font-size:14px;line-height:1.8}.journey-step .step-number{margin-bottom:14px}.practice-closing{margin-top:17px;font-size:23px}.demo-card{height:330px!important;min-height:330px!important;padding:25px 33px!important}.demo-word{font-size:43px}.demo-top{padding:13px 23px}.demo-footer{padding:14px 20px}.demo-caption{margin-top:10px;font-size:10px}
.components-section .vocabulary-still-life{grid-template-columns:1.4fr 1fr;align-items:center;gap:65px}.paper-deck{height:auto;min-height:540px;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px;padding:14px 8px}.paper-card{grid-column:span 2;height:226px}.paper-card.adult-card{grid-column:2/span 2;transform:rotate(-4deg)}.paper-card.writing-card{grid-column:4/span 2;transform:rotate(5deg)}.paper-card.adult-card h3{font-size:23px;white-space:normal}.paper-card .circled-detail{white-space:nowrap}.paper-deck-copy h3{font-size:clamp(36px,4.8vh,51px)}.paper-deck-copy>p:not(.eyebrow){line-height:1.9;font-size:15px}
.confidence-feature{max-width:1160px;padding:24px 30px 20px}.confidence-feature h3{font-size:22px;margin-top:5px}#confidence-feature-plot{margin-top:16px}#confidence-feature-plot svg{height:clamp(220px,30vh,330px);width:100%}.confidence-feature-footer{padding:9px 0 13px}.confidence-feature-footer>span{font-size:16px}.confidence-insight{margin-top:14px;padding:13px 17px}.confidence-insight p{font-size:12px;line-height:1.65}.confidence-feature-head{align-items:center}
.music-intro{margin-bottom:24px}.music-intro .eyebrow{margin-bottom:13px}.music-intro>p{font-size:14px;line-height:1.75}.music-showcase{grid-template-columns:1.25fr 1fr;min-height:0;max-width:1220px}.song-art{min-height:0;height:clamp(480px,54vh,590px)}.song-story{padding:22px 27px}.song-story-label{margin-top:12px;font-size:15px}.song-demo-mode{margin-top:12px}.lyric-space{height:194px;min-height:194px;padding-top:9px}.lyric-viewport{height:139px;min-height:139px;gap:5px}.lyric-line{font-size:24px;flex-basis:62px;min-height:62px}.inline-lyric-options button{font-size:18px;min-height:31px}.lyric-en{margin-top:7px;font-size:12px}.song-story>.language-note{padding-top:12px;margin-top:12px}.language-note p{font-size:11px;line-height:1.6}.song-progression-note{font-size:10px;line-height:1.6;margin-top:8px}.song-meta{margin-top:8px}.music-closing{font-size:16px;margin-top:18px;line-height:1.55}
.collection-panel{margin-top:0;max-width:1160px;padding:24px 30px}.collection-chart{height:clamp(220px,28vh,310px);margin-top:15px}.collection-toolbar{margin-top:16px}.collection-readout{min-height:45px;padding:10px 0}.collection-legend{margin-top:5px}.collection-goal{margin-top:10px;padding-top:14px}.collection-head h3{font-size:23px}.collection-total strong{font-size:33px}
.bond-grid{gap:60px}.bond-art{min-height:0}.bond-art>img{height:clamp(420px,52vh,600px);width:auto;max-width:100%}.bond-art-label{position:static;margin-bottom:17px}.bond-lead{font-size:15px;line-height:1.8;margin-top:22px}.bond-points{gap:18px;margin-top:23px}.bond-points p{line-height:1.7}.bond-closing{padding-top:16px;margin-top:20px}.bond-keepsake{padding:12px 20px;font-size:12px}
main>.experience-section.chapter{display:block;min-height:0;padding-block:60px}.experience-intro{margin-bottom:35px}
.routine-grid{gap:65px;grid-template-columns:1.1fr 1fr}.routine-copy .eyebrow{margin-bottom:17px}.routine-copy>p:not(.eyebrow){margin-top:20px;max-width:440px;font-size:14px}.routine-benefits{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:20px}.routine-benefits>div{font-size:11px}.routine-preview{padding:30px;transform:rotate(1deg)}
.anywhere-art{max-width:620px;width:100%;justify-self:center}.anywhere-grid{gap:55px}.anywhere-copy .eyebrow{margin-bottom:17px}.anywhere-lead{font-size:16px;line-height:1.8;margin-top:22px}.anywhere-description{font-size:14px;line-height:1.8}.anywhere-continuity{margin-top:20px}.anywhere-actions{margin-top:23px}
.questions-section.chapter{display:grid;grid-template-columns:1fr 1.4fr;gap:9%;align-items:center}.questions-heading h2{font-size:56px}.questions details{padding-block:19px}.questions details p{font-size:13px;line-height:1.75;padding-top:12px}.questions summary{font-size:14px}.closing-section.chapter{padding-bottom:60px}.closing-section h2{font-size:clamp(62px,7.5vh,90px)}
}
@media(min-width:1000px) and (max-height:850px){
main>section.chapter{padding-block:26px}.chapter .section-heading{margin-bottom:20px}.chapter .section-heading h2,.chapter .music-intro h2{font-size:42px}.chapter .section-heading>p:last-child{font-size:13px;margin-top:12px}.chapter .section-heading .eyebrow{margin-bottom:9px}.demo-card{height:285px!important;min-height:285px!important}.demo-word{font-size:36px}.practice-stage{min-height:340px}.practice-closing{font-size:19px;margin-top:12px}.journey-copy{min-height:290px}.journey-steps{height:200px}.journey-step h3{font-size:35px}.journey-step p{font-size:13px}.paper-deck{min-height:440px;gap:12px}.paper-card{height:190px;padding:15px 10px}.paper-card h3{font-size:24px;margin-top:10px}.paper-card.adult-card h3{font-size:20px}.paper-card .paper-form{font-size:13px;margin-top:11px}.paper-card small{margin-top:6px}.song-art{height:480px}.music-closing{display:none}.bond-art>img{height:410px}.bond-grid{gap:40px}.bond-copy .eyebrow{margin-bottom:13px}.bond-copy h2{font-size:43px}.bond-points{gap:13px}.bond-points p{font-size:12px}.bond-closing{font-size:13px}.anywhere-art{max-width:510px}.questions details{padding-block:14px}.week-example{padding:16px;margin-top:20px}.week-example h3{font-size:20px}.routine-benefits{gap:9px}.routine-preview{padding:23px}
}
@media(prefers-reduced-motion:reduce){html:not([data-owner-preview-motion=full]){scroll-behavior:auto}}
@media(min-width:1000px){.site-header{position:sticky;top:0;z-index:50;background:#fffdf9f7}.site-header nav a{font-size:12px}#progress .collection-chart{height:clamp(200px,25vh,270px)}#progress .section-heading{margin-bottom:18px}#progress .section-heading h2{font-size:clamp(43px,5.1vh,56px)}#progress .collection-panel{padding-top:20px;padding-bottom:20px}}
.trail-mini-map>svg{height:350px;inset:0;width:100%}.trail-map-scene{width:27%;left:1%;bottom:0}.trail-invitation{grid-template-columns:1.3fr 1fr;min-height:330px}.invitation-wide-trail{min-width:0}.invitation-wide-trail .trail-mini-map{border:0;margin:0;height:330px;border-radius:0}.invitation-wide-trail .trail-mini-map>svg{height:330px}.invitation-wide-trail .trail-mini-node{width:120px;gap:8px}.invitation-wide-trail .trail-mini-icon{width:76px;height:76px;border-radius:23px}.invitation-wide-trail .trail-mini-icon>img{width:80px;height:80px}.invitation-wide-trail .node-one{left:14%;top:35px}.invitation-wide-trail .node-two{left:44%;top:183px}.invitation-wide-trail .node-three{right:1%;top:50px}.invitation-wide-trail .trail-mini-node strong{font-size:12px}.invitation-wide-trail .trail-mini-node small{font-size:9px}.invitation-wide-trail .trail-extra-scene{right:9%;width:23%;height:84px}.trail-invitation>div:not(.invitation-wide-trail){padding:30px}.trail-invitation .trail-mini-map img{object-fit:contain;border-radius:0}.trail-invitation .trail-map-scene{height:auto}.trail-invitation .trail-extra-scene{height:84px}
@media(min-width:1000px){.demo-card{height:365px!important;min-height:365px!important}.demo-word{min-height:60px;margin-top:13px!important}.demo-content{padding-top:10px}.demo-card:has(.build-slots) .demo-content{gap:8px}.demo-card:has(.build-slots) .demo-actions{margin-top:10px}.demo-card:has(.build-slots) .demo-status:empty{display:none}}
@media(min-width:1000px) and (max-height:850px){.demo-card{height:315px!important;min-height:315px!important;padding:19px 27px!important}.demo-word{min-height:48px;font-size:36px;margin-top:10px!important}.demo-content{padding-top:5px}.demo-card:has(.build-slots) .build-slots{margin-top:5px}.demo-card:has(.build-slots) .demo-actions>.button{min-height:36px;padding-block:8px}.practice-section .section-heading h2{font-size:36px}.practice-section .section-heading>p:last-child{font-size:12px;line-height:1.55}.demo-top{padding-block:10px}.demo-footer{padding-block:10px}.practice-section .section-heading{margin-bottom:15px}}
@media(min-width:1000px){.site-header nav a{font-size:13px}}


/* Source: public/introduction/styles-v9.css */
/* Keep the illustrated river in the page, without a rectangular picture frame. */
.trail-invitation,.invitation-wide-trail,.trail-mini-map{border:0!important;box-shadow:none!important}
.trail-invitation .trail-mini-map{background:transparent!important}
.availability-control{position:relative;min-width:0}
.availability-button{width:100%;display:flex;justify-content:center;align-items:center;gap:5px;min-height:40px;padding:10px 5px;border:1px solid #d5e0e9;border-radius:11px;background:#edf3f9;color:#31546c;font:600 11px 'Segoe UI',sans-serif;cursor:pointer;box-shadow:0 2px 0 #dde6ee;transition:background .15s,border-color .15s}
.availability-button:hover,.availability-button[aria-expanded=true]{background:#e1ebf5;border-color:#819cb8}
[data-availability=busy] .availability-button{background:#f4eee7;color:#71553d;border-color:#e1d7c9}
[data-availability=more] .availability-button{background:#e7f1e9;color:#276347;border-color:#cadfcf}
.availability-options{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);width:145px;padding:6px;background:#fff;border:1px solid #dce5ec;border-radius:14px;box-shadow:0 12px 34px #21364c25;z-index:30;text-align:left}
.availability-options[hidden]{display:none}
.availability-options button{display:block;width:100%;text-align:left;font:12px 'Segoe UI',sans-serif;padding:10px;border:0;border-radius:8px;color:#334d61;background:transparent;cursor:pointer}
.availability-options button:hover,.availability-options button:focus-visible{background:#edf3f9;outline:2px solid #a4b7cd;outline-offset:-2px}
.availability-options button[aria-selected=true]{background:#e6f0e9;color:#246341;font-weight:700}
.sprint-victory #article-word,.sprint-victory #article-feedback{color:#187442;font-weight:700}
.sprint-victory #article-start{background:#237748;border-color:#237748;color:#fff}
.sprint-victory .article-countdown{color:#187442}
@media(min-width:1000px){
 .music-showcase{max-width:1320px;grid-template-columns:1.45fr 1fr;align-items:stretch}
 .music-showcase .song-art{position:relative;height:auto;min-height:480px;align-self:stretch;overflow:hidden}
 .music-showcase .song-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
 .routine-grid{align-items:start;gap:50px;grid-template-columns:1.05fr 1fr}
 .routine-copy>h2{margin-top:0}
 .routine-preview{transform:none;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:30px}
 .routine-preview .outlook-chart{height:125px}
 .routine-preview .activity-grid{gap:4px}
 .week-example{margin-top:26px;padding:23px;overflow:visible}
 .routine-benefits{margin-top:24px;margin-bottom:25px}
 .questions-section.chapter{grid-template-columns:minmax(210px,.55fr) minmax(0,2fr);gap:65px;align-items:start}
 .questions-heading{padding-top:20px}
 .questions details{padding-block:16px}
 .article-slice{display:flex;flex-direction:column;justify-content:flex-start;gap:22px;padding:32px 36px}
 .article-slice .slice-copy p{margin-top:15px}
 .article-slice .article-countdown{margin-top:8px}
 .article-slice .article-mini{margin-top:0;align-items:center}
}


/* Source: public/introduction/styles-phone.css */
/* Light introduction on phones. Desktop and the signed-in Practice UI are untouched. */
.mobile-menu-toggle{display:none}
@media(max-width:999px){
 html{scrollbar-gutter:auto;scroll-padding-top:78px}body{min-width:0;overflow-x:clip}.shell{width:calc(100% - 36px)}main,main>section{min-width:0;max-width:100%}.section{padding-block:64px}.chapter{height:auto!important;min-height:0!important}
 .site-header{position:sticky;top:0;z-index:50;height:76px;padding:12px 18px;display:flex;gap:12px;background:#fffdf9f5;align-items:center;border-bottom:1px solid #e6ebef}.site-header .wordmark{font-size:22px;line-height:1.1;margin-right:auto}.wordmark>span{font-size:7px;letter-spacing:1.5px;margin-top:7px}
 .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #dae4eb;border-radius:12px;color:#31546c;background:#f3f7fb;font-size:22px}#page-sound{width:40px;height:42px;padding:8px;border-radius:12px}#page-sound span{display:none}#page-sound svg{width:18px;height:18px}
 .site-header nav{display:none;position:absolute;inset:76px 0 auto;margin:0;padding:16px 18px 22px;max-height:calc(100dvh - 90px);overflow-y:auto;background:#fffdf9;box-shadow:0 16px 25px #243c5012;grid-template-columns:1fr 1fr;gap:5px 14px;border-bottom:1px solid #dce6ed}.site-header nav.mobile-menu-open{display:grid}.site-header nav a{display:block;font-size:14px;padding:12px;border-radius:8px;background:#f4f7fa}.site-header nav a[aria-current]{background:#e7f0e9;color:#216447}
 h1,h2{letter-spacing:-1.9px;line-height:1.08}h2,.section-heading h2{font-size:39px}.eyebrow{font-size:9px;letter-spacing:1.8px}.section-heading{width:calc(100% - 36px);margin-bottom:30px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p:last-child{font-size:15px;line-height:1.75;margin-top:19px}.wide-only{display:none}
 .hero{height:auto!important;min-height:0;max-height:none;padding:45px 0 0;background:#fffaf2;display:flex;flex-direction:column;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(#fffaf2fa 0%,#fffaf2f2 65%,#fffaf200 100%);pointer-events:none}.hero-copy{width:auto!important;margin:0 22px;position:relative}.hero h1{font-size:62px;letter-spacing:-3px;line-height:1.04}.hero-description{font-size:18px;line-height:1.65;margin-top:22px}.hero-detail{font-size:13px;line-height:1.8;max-width:330px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-actions .button{font-size:12px;min-height:48px;padding:12px 17px;gap:12px}.scroll-cue{margin-top:25px;font-size:8px}
 .hero-stage.reference-stage{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1579/904;margin:20px 0 0;transform:none!important;pointer-events:none}.reference-composition{display:block!important;width:100%!important;height:100%!important;position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;filter:none!important}
 .hero-bottom{width:100%!important;max-width:none!important;grid-template-columns:1fr!important;box-sizing:border-box!important;position:relative!important;inset:auto!important;display:grid!important;gap:13px;margin:0;padding:22px;border:0;background:#fffaf2;font-size:12px;z-index:3}.hero-bottom>span{font-size:12px}.hero-bottom svg{width:18px;height:18px}
 .practice-journey,.vocabulary-still-life,.components-section .vocabulary-still-life,.music-intro,.music-showcase,.bond-grid,.routine-grid,.anywhere-grid,.questions-section,.trail-invitation{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:30px!important}.practice-stage,.practice-sticky{position:static!important;inset:auto!important;min-height:0!important;height:auto!important}.demo-window{width:100%;max-width:none}.demo-card{height:auto!important;min-height:350px!important;padding:24px 18px!important}.demo-word{font-size:39px!important;min-height:60px}.demo-top,.demo-footer{padding:13px 16px}.demo-content{min-height:130px}.demo-card input{max-width:100%;min-width:0}.demo-answer-info{grid-template-columns:1fr;gap:12px}.demo-actions{gap:8px;flex-wrap:wrap}.demo-actions .button{font-size:12px;padding:12px}.build-slots,.build-pieces{flex-wrap:wrap}.journey-copy{min-height:0!important}.journey-steps{height:auto!important;min-height:125px}.journey-step{position:relative!important;inset:auto!important}.journey-step:not(.active){display:none!important}.journey-step h3{font-size:31px}.journey-step p{font-size:14px}.practice-closing{font-size:20px;margin-top:30px}.journey-controls{justify-content:center}
 .paper-deck{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px 10px;padding:12px 0;order:2}.paper-card{width:100%!important;height:220px!important;padding:20px 7px!important;transform:none!important;grid-column:auto!important;grid-row:auto!important}.paper-card:last-child{grid-column:1 / -1!important;width:60%!important;justify-self:center}.paper-card h3{font-size:25px!important;white-space:normal!important}.paper-card.adult-card h3{font-size:23px!important}.paper-deck-copy{order:1}.paper-deck-copy h3{font-size:36px}.paper-deck-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}.paper-card .paper-form{font-size:13px!important}.paper-card .circled-detail{font-size:11px}.paper-card>span{font-size:8px}
 .confidence-feature{padding:22px 14px}.confidence-feature-head{gap:12px;flex-wrap:wrap}.confidence-feature h3{font-size:18px}.confidence-ranges{max-width:100%;gap:3px;flex-wrap:wrap}.confidence-ranges button{font-size:11px;padding:8px}.confidence-big-chart{height:240px!important}.confidence-feature-foot{flex-wrap:wrap;gap:12px;font-size:12px}.confidence-explanation{font-size:13px;line-height:1.7}.confidence-annotation{font-size:12px}
 .music-intro>p,.experience-intro>p{max-width:none;font-size:15px;line-height:1.8}.music-showcase{width:calc(100% - 36px);gap:0!important;border-radius:22px;overflow:hidden}.song-art{height:330px!important;min-height:330px!important;position:relative;align-self:stretch}.song-art>img{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% 35%!important}.song-art-bottom{padding:22px;max-width:85%}.song-art-bottom h3{font-size:29px}.song-play{width:52px;height:52px;right:18px;bottom:20px}.song-story{padding:23px 20px}.song-story-label{font-size:13px;margin-top:18px}.song-levels{display:flex}.song-levels button{flex:1;font-size:13px;padding:10px}.song-modes button{font-size:12px}.lyric-space{height:245px;min-height:245px}.lyric-viewport{height:172px;min-height:172px;gap:10px}.lyric-line{font-size:23px;flex-basis:72px;min-height:72px}.inline-lyric-options button{font-size:18px;min-height:38px}.language-note p{font-size:13px}.song-progression-note{font-size:12px}.music-closing{font-size:18px;margin-top:28px}
 .collection-panel{padding:20px 13px}.collection-head{gap:10px}.collection-head h3{font-size:18px}.collection-head>div{gap:9px}.collection-total{font-size:13px}.collection-chart{height:250px!important}.collection-legend{gap:8px;flex-wrap:wrap}.collection-legend button{font-size:11px;padding:5px}.collection-readout{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.collection-goal{gap:15px;align-items:start;flex-wrap:wrap}.collection-goal p{font-size:14px;line-height:1.7}.collection-goal p>span{font-size:12px}
 .bond-art{height:auto!important;min-height:0!important;padding-top:12px;order:2}.bond-art>img{width:90%;height:auto!important;max-height:400px;object-fit:contain;margin:auto}.bond-halo{max-width:100%;width:320px;height:320px}.bond-copy{order:1}.bond-copy h2{font-size:39px}.bond-lead{font-size:16px;line-height:1.8}.bond-points{gap:20px}.bond-points h3{font-size:17px}.bond-points p{font-size:14px;line-height:1.75}.bond-keepsake{margin:24px auto 0;padding:15px;max-width:100%;font-size:12px}.bond-art-label{font-size:8px;letter-spacing:1.2px}.bond-closing{font-size:15px}
 .experience-intro{display:grid;gap:22px}.activity-gallery{grid-template-columns:minmax(0,1fr)!important;gap:20px}.activity-slice{min-width:0;padding:26px 20px!important;min-height:0!important;overflow:hidden}.activity-slice h3{font-size:28px;white-space:normal!important;line-height:1.2}.activity-slice p{font-size:14px;line-height:1.7}.slice-copy{max-width:100%}.picture-choices{gap:7px}.picture-choices button{min-width:0}.picture-choices img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.article-mini{gap:12px;flex-wrap:wrap}.article-mini #article-word{font-size:34px}.article-options{gap:8px}.article-options button{min-width:65px;padding:13px 15px;font-size:20px}.listening-choices{gap:8px;flex-wrap:wrap}.listening-choices button{min-width:0;font-size:14px}.conversation-demo{max-width:100%}.conversation-tiles{gap:7px;flex-wrap:wrap}.conversation-tiles button{font-size:15px;padding:12px}.conversation-slots{gap:6px;flex-wrap:wrap}.conversation-listen{font-size:16px;min-height:48px}
 .trail-invitation{gap:14px!important;width:100%;margin-top:34px}.trail-invitation>div:not(.invitation-wide-trail){padding:20px 24px}.invitation-wide-trail{overflow:hidden}.invitation-wide-trail .trail-mini-map{height:285px}.invitation-wide-trail .trail-mini-map>svg{height:285px}.invitation-wide-trail .trail-mini-node{width:100px}.invitation-wide-trail .trail-mini-icon{width:60px;height:60px;border-radius:20px}.invitation-wide-trail .trail-mini-icon>img{width:64px;height:64px}.invitation-wide-trail .node-one{left:6%;top:23px}.invitation-wide-trail .node-two{left:38%;top:148px}.invitation-wide-trail .node-three{right:0;top:35px}.invitation-wide-trail .trail-mini-node strong{font-size:11px}.invitation-wide-trail .trail-mini-node small{font-size:8px}.trail-invitation h3{font-size:29px}.trail-invitation p{font-size:15px}
 .routine-copy h2{font-size:40px}.routine-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}.routine-benefits{display:grid;gap:14px}.routine-preview{padding:22px 17px;transform:none}.routine-stats strong{font-size:27px}.routine-stats>div>span{font-size:11px}.week-example{padding:20px 15px}.week-example h3{font-size:25px}.week-example-head{letter-spacing:1px}.week-example-head small{display:none}.week-example-days{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px}.availability-button{font-size:11px;padding:11px 3px}.week-example-days label{font-size:12px}.week-example .week-example-note{font-size:11px}.availability-options{width:130px}.availability-control:nth-of-type(4n) .availability-options{left:auto;right:0;transform:none}.outlook-chart{height:105px}.routine-preview .outlook-head,.routine-preview .activity-head{margin-top:28px}.routine-preview h3{font-size:14px}.activity-grid{gap:3px}.routine-caption{font-size:10px}
 .anywhere-art{width:100%;height:auto!important;aspect-ratio:1;max-width:100%;margin:0 0 45px;transform:none!important}.anywhere-copy h2{font-size:39px}.anywhere-copy>p{font-size:15px;line-height:1.8}.anywhere-art-note{font-size:12px;top:calc(100% + 18px)}.questions-section{padding-block:55px;gap:30px!important}.questions-heading h2{font-size:39px}.questions-heading{position:static!important;padding:0!important}.questions summary{font-size:16px;line-height:1.6;gap:15px}.questions details p{font-size:14px;line-height:1.8;padding-right:0}.questions details{padding-block:20px}.closing-section{padding:65px 22px}.closing-section h2{font-size:45px;letter-spacing:-2px}.closing-section>p:not(.eyebrow){font-size:15px;line-height:1.8}.site-footer{padding-block:30px;flex-wrap:wrap;justify-content:center;text-align:center;gap:20px}.site-footer .wordmark{font-size:23px}
 dialog,dialog:has(.install-dialog),dialog:has(.components-dialog),dialog:has(.trail-preview-dialog){width:calc(100% - 24px)!important;max-width:none!important;height:auto;max-height:calc(100dvh - 24px);padding:40px 22px 28px;border-radius:22px}dialog h2,.install-dialog h2,.components-dialog h2{font-size:34px;letter-spacing:-1.5px}dialog p{font-size:14px;line-height:1.8}.dialog-close{width:34px;height:34px;right:12px;top:12px}.install-platform-content{min-height:390px}.install-steps li{min-height:105px;padding-block:16px}.install-steps h3{font-size:15px}.install-steps p{font-size:13px}.install-note{font-size:11px;line-height:1.7}.component-examples{grid-template-columns:1fr}.component-checklist li{font-size:14px}.toast{width:calc(100% - 30px);font-size:13px}
}
@media(max-width:360px){.site-header .wordmark{font-size:20px}.hero h1{font-size:54px}.hero-actions .button{font-size:11px;padding-inline:12px}.section-heading h2,h2{font-size:35px}.song-story{padding-inline:16px}}

/* Compact phone Practice: the real experience's prompt / typing / check rhythm. */
@media(max-width:999px){
 .practice-journey.shell{display:block!important;width:calc(100% - 36px)!important;max-width:none!important;height:auto!important;min-height:0!important}
 .practice-stage{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:18px!important;width:100%!important;max-width:100%!important;min-width:0!important}
 .practice-sticky,.journey-copy{width:100%!important;min-width:0!important;max-width:100%!important}
 .journey-copy{order:-1;align-self:stretch;min-height:0!important;transform:none!important}
 .journey-steps,.journey-scroll-note{display:none!important}
 .journey-stages{justify-content:center;gap:20px;padding:0 0 14px;border-top:0;border-bottom:1px solid #e2e9f0}
 .journey-stages button{font-size:13px;min-height:38px;gap:7px}
 .demo-window{width:100%!important;min-width:0;border-radius:19px}
 .demo-top{height:auto;min-height:44px;gap:8px;padding:12px 14px;font-size:8px;letter-spacing:.8px}
 .demo-card{box-sizing:border-box;width:100%;min-height:300px!important;height:auto!important;padding:24px 16px!important;gap:13px}
 .demo-word{width:100%;font-size:36px!important;min-height:45px;margin:0!important;overflow-wrap:anywhere}
 .demo-word>span>small{display:block;font:12px "Segoe UI",sans-serif;margin-top:7px;color:#667c8c}
 .demo-content{width:100%;min-height:0;flex:1;gap:14px}.demo-sub{font-size:12px;line-height:1.6}
 .demo-input{box-sizing:border-box;min-width:0;width:100%;height:50px;padding:13px 14px;font-size:16px;background:#f7f9fc;border-color:#d1dce9;border-radius:11px}
 .demo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;width:100%;justify-content:space-between}
 .demo-actions>.button{min-height:44px;padding:11px 13px;font-size:12px;gap:7px}.demo-actions>.primary{background:#405b91;color:white}
 .demo-footer{gap:8px;flex-wrap:wrap;min-height:48px;padding:10px 12px}.demo-card-picker{gap:3px}.demo-card-picker button{font-size:11px;padding:8px}.demo-footer>#restart-demo{font-size:11px;gap:4px}
 .demo-caption{font-size:10px;line-height:1.6;justify-content:center;text-align:center;margin-top:13px;gap:7px}
 .demo-result{padding:16px}.demo-result strong{font-size:24px}.plural-tip{font-size:12px;line-height:1.65}.plural-tip>span{display:block;margin-top:7px}
 .build-choices{gap:7px}.build-choices button{font-size:14px;min-width:0;padding:7px 2px}.demo-answer-info>div{padding:13px}.demo-answer-info strong{font-size:18px}
}


/* Source: public/introduction/styles-v10.css */
/* The phone keeps its existing flow, artwork sizes and routine arrangement. */
@media(min-width:1000px){
 .invitation-wide-trail .trail-extra-scene{width:69%;height:252px;right:-19%;bottom:-10px;pointer-events:none}
 .invitation-wide-trail .trail-map-scene{width:40.5%;left:-1%;bottom:0}
 .invitation-wide-trail .node-three{right:16%;top:32px}
 .invitation-wide-trail .trail-mini-map{height:390px;overflow:visible}
 .invitation-wide-trail .trail-mini-map>svg{height:390px}
 .invitation-wide-trail .node-two{top:220px}
 #routine.chapter{justify-content:flex-start;padding-block:clamp(30px,4.5vh,54px)}
 .routine-grid.desktop-routine{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3.4vh,38px) clamp(30px,3vw,55px);align-items:stretch}
 .desktop-routine .routine-copy{grid-column:1;grid-row:1;align-self:center}
 .desktop-routine>.week-example{grid-column:2;grid-row:1;margin:0;align-self:stretch;padding:clamp(23px,2.6vw,38px);display:flex;flex-direction:column;justify-content:center}
 .desktop-routine>.routine-preview[hidden]{display:none}
 .desktop-routine .routine-copy>h2{font-size:clamp(44px,5.7vh,63px);margin-top:0}
 .desktop-routine .routine-copy>p:not(.eyebrow){max-width:540px;font-size:15px;line-height:1.7;margin-top:17px}
 .desktop-routine .routine-benefits{margin-top:19px;margin-bottom:0;gap:12px 18px}
 .desktop-routine .week-example h3{font-size:clamp(22px,2.6vh,30px);max-width:480px}
 .desktop-routine .week-example-days{margin-top:22px;gap:8px}
 .desktop-routine .availability-button{min-height:42px;font-size:11px;gap:3px;padding-inline:3px}
 .desktop-routine .availability-button>span:first-child{white-space:nowrap}
 .desktop-routine .week-example-note{line-height:1.65}
 .routine-report-card{border:1px solid #dce5ed;background:#ffffffed;border-radius:20px;padding:clamp(23px,2.6vw,38px);box-shadow:0 16px 38px #233f5f06;min-width:0}
 .routine-outlook-card{grid-column:1;grid-row:2}
 .routine-activity-card{grid-column:2;grid-row:2;display:flex;flex-direction:column}
 .routine-report-card .routine-preview-head{font-size:8px}
 .routine-report-card .routine-stats{margin-top:20px}
 .routine-report-card .routine-stats strong{font-size:29px}
 .routine-report-card .outlook-head{margin-top:22px}
 .routine-report-card h3{font-size:17px;font-weight:650}
 .routine-report-card .outlook-head>span,.routine-report-card .activity-head>span{font-size:10px}
 .routine-report-card .outlook-chart{height:clamp(130px,18vh,195px);margin-top:27px;gap:7px;padding-bottom:13px}
 .routine-report-card .outlook-chart div span{font-size:9px}
 .routine-report-card .outlook-chart div{height:var(--desktop-bar-height,var(--height))}
 .routine-report-card .activity-head{margin-top:0}
 .routine-report-card .activity-grid{grid-template-columns:repeat(19,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));grid-auto-flow:column;gap:clamp(3px,.32vw,6px);height:clamp(185px,24vh,245px);margin-top:28px;padding-top:0}
 .routine-report-card .activity-grid span{border-radius:3px;aspect-ratio:auto}
 .routine-report-card .routine-caption{margin-top:24px;padding-top:18px;font-size:10px}
 .routine-report-card .routine-caption>span:last-child{font-size:8px}
 .questions-section.chapter{grid-template-columns:minmax(250px,.8fr) minmax(0,1.75fr);gap:7%;align-items:center}
 #questions.chapter{--faq-pad:clamp(28px,4.4vh,55px);padding-block:var(--faq-pad)}
 .questions-heading{padding-top:0;align-self:start;position:sticky;top:calc((100svh + var(--chapter-header))/2 - 50px);margin-top:calc((100svh - var(--chapter-header))/2 - 50px - var(--faq-pad))}
 .questions-heading h2{max-width:400px;line-height:1.12}
 .questions-section .questions{padding-top:clamp(80px,12vh,140px);padding-bottom:28px}
}
@media(min-width:1000px) and (max-height:850px){
 .desktop-routine .routine-copy>h2{font-size:43px}
 .desktop-routine .routine-copy>p:not(.eyebrow){font-size:13px;margin-top:13px}
 .desktop-routine .routine-copy .eyebrow{margin-bottom:12px}
 .desktop-routine>.week-example,.routine-report-card{padding:21px 25px}
 .desktop-routine .week-example h3{font-size:22px;margin-top:10px}
 .desktop-routine .week-example-days{margin-top:15px}
 .desktop-routine .week-example-note{font-size:9px;margin-top:12px}
 .routine-report-card .outlook-chart{height:115px}
 .routine-report-card .activity-grid{height:180px;margin-top:23px}
 .routine-report-card .routine-stats{margin-top:14px}
 .routine-report-card .routine-stats strong{font-size:26px}
 .routine-report-card .outlook-head{margin-top:16px}
}


/* Source: public/introduction/styles-v11.css */
/* Shared landing polish, independently scoped from the signed-in application. */
:root{--muted:#596982;--muted-foreground:#596982}
.eyebrow,.section-note,.hint,.small,.routine-caption,.week-example-note,.anywhere-fine,.practice-note,.trail-node-copy p{color:#536580;opacity:1}
.request-access-link{color:#294970;font-weight:650}.request-access-link:focus-visible{outline:2px solid #4663a6;outline-offset:5px}.request-access-link{margin-inline:12px}
.invitation-wide-trail .node-three{display:grid;grid-template-columns:76px minmax(130px,1fr);grid-template-rows:auto auto;column-gap:12px;width:238px;right:6%;text-align:left;align-items:center}
.invitation-wide-trail .node-three .trail-mini-icon{grid-column:1;grid-row:1/3}
.invitation-wide-trail .node-three strong{grid-column:2;align-self:end}
.invitation-wide-trail .node-three small{grid-column:2;align-self:start}
.questions p,.anywhere-art-note,.bond-art-label,.trail-mini-node small,.site-footer,.availability-note,.week-example-note{color:#52647b}
.access-request-note{font-size:15px;line-height:1.65;color:#52647b}
.welcome-draft-link{margin-top:16px;color:#315c49;font-weight:650}
@media(max-width:650px){.invitation-wide-trail .node-three{grid-template-columns:54px minmax(104px,1fr);width:180px;right:2%;column-gap:8px}.invitation-wide-trail .node-three .trail-mini-icon{width:54px;height:54px}.invitation-wide-trail .node-three .trail-mini-icon img{width:58px;height:58px}}
.bond-art-mobile{display:none}
@media(max-width:999px){.bond-art-mobile{display:block;width:min(88%,390px);margin:28px auto 34px}.bond-art-mobile img{width:100%;height:auto;display:block}.bond-grid>.bond-art{display:none!important}.bond-art-mobile .bond-keepsake,.bond-art-mobile .bond-art-label{display:none}}

/* Readable labels on the pale introduction panels. */
.scroll-cue,.song-meta,.collection-toolbar .sample-label,.routine-stats>div>span,.outlook-head>span,.activity-head>span,.routine-caption>span:last-child,.week-example-head>span,.week-example-head>small{color:#52647b;opacity:1}
.hero-copy .scroll-cue{position:relative;z-index:5}
.hero-copy>.request-access-link{display:block;width:max-content;max-width:100%;margin:22px 0 0;padding:0;border:0;background:none;text-align:left}


/* Source: public/introduction/styles-v12.css */
/* Compact public demonstrations; no authenticated Practice layout changes. */
#page-sound[hidden]{display:none!important}
.demo-study-summary{display:flex;justify-content:space-around;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line,#e0e5ed)}
.demo-study-summary>div{display:grid;gap:3px}.demo-study-summary strong{font-size:25px;font-weight:700;color:#25334c}.demo-study-summary strong small{font-size:15px;font-weight:400;color:#657487}.demo-study-summary span{font-size:12px;color:#53657c}
.routine-preview .activity-grid,.routine-report-card .activity-grid{display:grid;grid-template-columns:repeat(52,minmax(0,1fr));grid-template-rows:repeat(7,auto);grid-auto-flow:column;gap:3px;height:auto;margin-top:22px;padding:0}
.routine-preview .activity-grid span,.routine-report-card .activity-grid span{aspect-ratio:1;border-radius:2px;min-width:0;height:auto}
@media(max-width:999px){.routine-preview .activity-grid{grid-template-columns:repeat(26,minmax(0,1fr));grid-template-rows:repeat(7,auto)}.routine-preview .activity-grid span:nth-child(n+183){display:none}.demo-study-summary{padding:14px 16px;gap:10px}.demo-study-summary strong{font-size:22px}.demo-study-summary span{font-size:11px}}

/* Final reading rhythm: generous spacing without fixed empty panel space. */
.questions summary{color:#213e64;font-weight:650}
.questions details p{color:#596b83}
.outlook-explanation,.activity-explanation{font-size:13px;line-height:1.75;color:#4f647b;margin-top:23px;max-width:68ch}
.anywhere-copy .anywhere-lead{margin-top:30px;line-height:1.9}
.anywhere-copy .anywhere-description{margin-top:28px;line-height:1.9}
.anywhere-copy .anywhere-continuity{margin-top:28px;gap:14px 25px;flex-wrap:wrap}
.anywhere-copy .anywhere-actions{margin-top:30px}
.anywhere-copy .anywhere-fine{margin-top:20px;line-height:1.9}
@media(min-width:1000px){
 .questions-heading{position:static;top:auto;align-self:center;margin-top:0;padding-top:0;transform:none}
 #questions .questions-heading.reveal{transform:none;opacity:1}
 #questions .questions{padding-top:24px}
 .routine-preview .activity-grid,.routine-report-card .activity-grid{grid-template-columns:repeat(40,minmax(0,1fr));grid-template-rows:repeat(7,auto);gap:4px;margin-top:26px}
 .routine-preview .activity-grid span:nth-child(n+281),.routine-report-card .activity-grid span:nth-child(n+281){display:none}
 .routine-report-card{align-self:start}
 .routine-activity-card{min-height:0}
 .hero-bottom{position:relative;inset:auto;width:max-content;max-width:100%;margin:34px 0 0;padding:0;background:transparent;box-shadow:none}
 .hero-copy .eyebrow{margin-bottom:28px}
 .hero-copy .hero-description{margin-top:32px;line-height:1.8}
 .hero-copy .hero-detail{margin-top:23px;line-height:1.95}
 .hero-copy .hero-actions{margin-top:30px}
 .hero-copy>.request-access-link{margin-top:25px}
 .hero-copy .scroll-cue{margin-top:28px}
 main>.hero.chapter{height:auto;min-height:calc(100svh - var(--chapter-header));padding-top:clamp(42px,6vh,80px);padding-bottom:48px}
}
@media(min-width:1000px) and (max-height:850px){
 .hero-copy .hero-description{margin-top:24px;font-size:17px}
 .hero-copy .hero-detail{margin-top:18px;font-size:12px}
 .hero-copy .hero-actions{margin-top:23px}
 .hero-copy .eyebrow{margin-bottom:23px}
 .hero h1{font-size:clamp(64px,5.4vw,86px)}
 .anywhere-copy .anywhere-lead{margin-top:24px}.anywhere-copy .anywhere-description{margin-top:22px}
 .anywhere-copy .anywhere-continuity{margin-top:23px}.anywhere-copy .anywhere-actions{margin-top:24px}
}

/* Keep the hero benefits in the copy column, clear of the tablet. */
@media(min-width:1000px){
 .hero-bottom{left:auto;right:auto;top:auto;bottom:auto;width:max-content;max-width:100%;margin:34px 0 0;background:none}
 .anywhere-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,4vw,70px)}
 .anywhere-art{max-width:744px;width:100%;justify-self:center}
}
/* The illustrated route ends beneath the Woodland icon, with its copy on the right. */
.invitation-wide-trail .node-three{right:auto;left:calc(75% - 38px)}
@media(max-width:650px){.invitation-wide-trail .node-three{left:calc(75% - 27px);right:auto;width:calc(25% + 27px);grid-template-columns:54px minmax(0,1fr);column-gap:8px}.invitation-wide-trail .node-three strong{font-size:10px}.invitation-wide-trail .node-three small{font-size:8px}}

/* The right-hand pair moves together, preserving its gap and matching report bottoms. */
@media(min-width:1000px){.routine-grid.desktop-routine>.week-example,.routine-grid.desktop-routine>.routine-activity-card{transform:translateY(var(--routine-right-offset,0px))}}


/* Source: introduction-source/refinements.css */
/* Public introduction only. The approved light illustration and chapter effects stay intact. */
:root{--intro-support:#455b73;--intro-focus:#315b8c}
.hero-detail,.journey-step p,.song-story-label,.lyric-en,.language-note p,.song-progression-note,.questions details p,.anywhere-description{color:var(--intro-support)}
.hero-detail{font-size:.875rem!important;line-height:1.85}
.questions summary{font-size:1rem;line-height:1.6}
.questions details p{font-size:.9375rem;line-height:1.8}
.outlook-explanation,.activity-explanation,.week-example .week-example-note,.anywhere-fine{font-size:.8125rem!important;line-height:1.75;color:var(--intro-support)}
.routine-preview-head,.routine-caption,.outlook-head>span,.activity-head>span,.song-meta,.song-meta>span:last-child,.sample-label,.anywhere-art-note{font-size:.75rem!important;line-height:1.5;color:var(--intro-support)}
.routine-preview-head,.routine-caption{letter-spacing:.06em;flex-wrap:wrap}
.routine-caption>span:last-child{font-size:.6875rem!important;line-height:1.5;color:var(--intro-support)}
.outlook-chart div span{color:#355f56!important;font-size:.6875rem!important}
.week-example-head small,.routine-stats>div>span{color:var(--intro-support)}
.scroll-cue{color:#425b70;font-size:.6875rem;line-height:1.5}
.section-heading p,.music-intro>p,.experience-intro>p,.questions details p{max-width:68ch}
.questions summary{min-height:44px}
.questions details[open] summary{color:#244b72}
.site-header nav a,.availability-button,.availability-options button,.collection-legend button,.song-levels button,.segmented button,.journey-stages button{min-height:44px;align-content:center}
.desktop-routine .availability-button{min-height:44px}
:is(button,a,summary,input,select):focus-visible{outline:3px solid var(--intro-focus);outline-offset:4px}
.button:active{transform:translateY(0)}
.chapter-menu-label{display:none}
.trail-availability{margin-top:16px!important;font-size:.875rem!important;line-height:1.75;color:var(--intro-support);max-width:62ch}
.trail-availability summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;color:#315b78;font-weight:600}
.trail-availability summary::after{content:'+';font-size:1rem}
.trail-availability[open] summary::after{content:'−'}
.trail-availability summary::-webkit-details-marker{display:none}
.trail-availability [lang=pt]{font-size:.875rem;line-height:1.75;margin-top:4px;color:var(--intro-support)}
.trail-invitation p:not(.eyebrow){color:var(--intro-support)}
@media(min-width:1000px) and (max-width:1279px){
 .site-header{justify-content:space-between}
 .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 15px;border:1px solid #c9d6e2;border-radius:10px;background:#f4f7fb;color:#294b6b;margin-left:auto}
 .chapter-menu-label{display:inline;font-size:.875rem;font-weight:600}
 .site-header nav{display:none;position:absolute;left:auto;right:24px;top:100%;width:min(480px,calc(100vw - 48px));max-height:calc(100dvh - var(--chapter-header) - 24px);overflow-y:auto;margin:8px 0 0;padding:12px;grid-template-columns:1fr 1fr;gap:4px 8px;border:1px solid #d3dfe8;border-radius:14px;background:#fffdf9;box-shadow:0 14px 35px #25394d19}
 .site-header nav.mobile-menu-open{display:grid}
 .site-header nav a{padding:12px;border-radius:8px;font-size:.875rem;white-space:normal;line-height:1.4}
 .site-header nav a:hover,.site-header nav a[aria-current]{background:#eaf1f5;color:#224a69}
 .site-header nav a[aria-current]:after{display:none}
}
@media(min-width:1280px){.site-header nav a{font-size:.8125rem;line-height:1.5}}
@media(max-width:999px){
 .mobile-menu-toggle{width:44px;height:44px}
 .site-header nav a{font-size:.875rem;line-height:1.5;white-space:normal}
 .hero-detail{max-width:38ch}
 .routine-preview-head{gap:10px;letter-spacing:.04em}
 .routine-caption{gap:8px}
 .routine-caption>span:last-child{margin-left:0}
 .outlook-head,.activity-head{align-items:baseline;gap:10px;flex-wrap:wrap}
 .questions details{padding-block:20px}
}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
/* Desktop demo: one quiet toolbar instead of separate counter and title rows. */
@media(min-width:1000px){
 .demo-toolbar{display:grid;grid-template-columns:minmax(135px,1fr) minmax(230px,3fr) minmax(90px,1fr);align-items:center;gap:14px;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e4eaf0}
 .demo-toolbar .demo-top{display:contents}
 .demo-toolbar .demo-top>span:first-child{grid-column:1;grid-row:1;white-space:nowrap}
 .demo-toolbar #demo-stage-label{grid-column:3;grid-row:1;white-space:nowrap;text-align:right}
 .demo-toolbar .demo-study-summary{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:16px;padding:0;border:0;background:transparent}
 .demo-toolbar .demo-study-summary>div{gap:3px;min-width:0}
 .demo-toolbar .demo-study-summary strong{font-size:20px;line-height:1.2}
 .demo-toolbar .demo-study-summary strong small{font-size:12px}
 .demo-toolbar .demo-study-summary span{font-size:11px;line-height:1.35;white-space:nowrap}
}

/* Double the current closing-thought gap at each layout size. */
.practice-closing{margin-top:34px!important}
@media(max-width:750px){.practice-closing{margin-top:24px!important}}