:root{--ink:#241B2F;--ink-soft:#6C5F7D;--paper:#F0EAF7;--card:#FFFFFF;--do:#FF3B4E;--re:#FF8A1F;--mi:#FFC400;--fa:#3FCF6E;--sol:#2E8DFF;--la:#7A5CFF;--si:#E24BC4;--accent:var(--sol);--wood:#F2D3AC;--wood-light:#FBE8CE;--wood-dark:#E0B685;--wood-hole:#B98A5C;--line:3px;--lift:6px;--radius:18px;--shadow:var(--lift) var(--lift) 0 var(--ink);--shadow-sm:4px 4px 0 var(--ink);--font-display:"Jua",-apple-system,"Apple SD Gothic Neo","Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;--font-music:"Bravura","Noto Music","Apple Symbols","Segoe UI Symbol",serif}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}html{text-size-adjust:100%}.pad,.seq__cell,.seq__label,.tool,[role=button],button,label{touch-action:manipulation}.flower-shell svg,.inst svg,.pad,.seq__cell,.seq__label,.tool,[role=button],button,label{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flower-shell svg,.inst svg{touch-action:none}body{font-family:var(--font-display);color:var(--ink);background-color:var(--paper);background-image:repeating-linear-gradient(180deg,transparent 0 13px,rgba(36,27,47,.055) 13px 14px,transparent 14px 27px,rgba(36,27,47,.055) 27px 28px,transparent 28px 41px,rgba(36,27,47,.055) 41px 42px,transparent 42px 55px,rgba(36,27,47,.055) 55px 56px,transparent 56px 69px,rgba(36,27,47,.055) 69px 70px,transparent 70px 140px);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;min-height:100svh}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:4px solid var(--ink);outline-offset:3px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(clamp(12px,3vw,28px),env(safe-area-inset-right)) 12px max(clamp(12px,3vw,28px),env(safe-area-inset-left));background:var(--paper);border-bottom:var(--line) solid var(--ink)}.topbar__back{display:none;align-items:center;gap:6px;padding:8px 16px 10px;background:var(--card);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:var(--shadow-sm);cursor:pointer;font-size:17px}body:has(.instrument-view) .topbar__back{display:inline-flex}.topbar__back:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.topbar__title{font-size:clamp(19px,2.6vw,25px);margin:0;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.topbar__dot{width:16px;height:16px;border-radius:50%;background:var(--accent);border:var(--line) solid var(--ink)}.topbar__spacer{flex:1 1}.topbar__tools{display:flex;align-items:center;gap:10px}.lessons-link{display:inline-flex;gap:6px;background:var(--sol);box-shadow:var(--shadow-sm)}.lessons-link,.topbar__vol{align-items:center;padding:7px 12px 9px;border:var(--line) solid var(--ink);border-radius:999px;font-size:14px}.topbar__vol{display:flex;gap:8px;background:var(--card)}.topbar__vol input{width:92px}.language-link{padding:7px 12px 9px;border:2px solid var(--ink);border-radius:999px;background:var(--mi);font-size:13px;box-shadow:3px 3px 0 var(--ink)}.view{display:block;padding:clamp(14px,3vw,32px) max(clamp(12px,3vw,28px),env(safe-area-inset-right)) calc(40px + env(safe-area-inset-bottom)) max(clamp(12px,3vw,28px),env(safe-area-inset-left))}.wrap{max-width:1080px;margin:0 auto}.hero{text-align:center;padding:clamp(8px,4vw,40px) 0 clamp(20px,4vw,36px)}.hero__eyebrow{display:inline-block;font-size:15px;letter-spacing:.16em;padding:7px 18px 9px;border:var(--line) solid var(--ink);border-radius:999px;background:var(--mi);box-shadow:var(--shadow-sm);transform:rotate(-2deg)}.hero__box-hint{margin:18px 0 0;color:var(--ink-soft);font-family:var(--font-body);font-size:14px}.hero__title{font-size:clamp(42px,10vw,88px);line-height:.98;margin:14px 0;letter-spacing:-.03em}.hero__title span{display:inline-block}.hero__title span:first-child{color:var(--do)}.hero__title span:nth-child(2){color:var(--re)}.hero__title span:nth-child(3){color:var(--fa)}.hero__title span:nth-child(4){color:var(--sol)}.hero__title span:nth-child(5){color:var(--la)}.hero__sub{font-family:var(--font-body);font-size:clamp(15px,2vw,18px);color:var(--ink-soft);margin:0}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:26px 0 0;padding:0;list-style:none}.legend li{width:clamp(38px,11vw,54px);padding:clamp(7px,1.6vw,10px) 0 clamp(9px,1.9vw,12px);text-align:center;font-size:clamp(16px,4vw,19px);background:var(--c);border:var(--line) solid var(--ink);border-radius:12px}.age-filter,.legend li{box-shadow:var(--shadow-sm)}.age-filter{display:grid;grid-template-columns:minmax(190px,1fr) auto auto;align-items:center;grid-gap:16px;gap:16px;padding:16px 20px;margin-bottom:22px;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius)}.age-filter h2,.age-filter p{margin:0}.age-filter h2{font-size:clamp(20px,3vw,28px)}.age-filter__eyebrow{color:var(--ink-soft);font:12px var(--font-body);letter-spacing:.08em;text-transform:uppercase}.age-filter__choices{display:flex;flex-wrap:wrap;gap:7px}.age-filter__choice{padding:8px 13px 10px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;cursor:pointer}.age-filter__choice.is-selected{background:var(--accent);box-shadow:var(--shadow-sm)}.age-filter__count{color:var(--ink-soft);font:14px var(--font-body);white-space:nowrap}.catalog-box{padding:clamp(12px,2vw,24px);background:rgba(242,211,172,.22);border:var(--line) solid var(--ink);border-radius:28px;box-shadow:8px 8px 0 rgba(36,27,47,.18)}.group{margin-top:clamp(28px,4vw,46px)}.group:first-child{margin-top:0}.group__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.group__name{margin:0;font-size:clamp(23px,3vw,31px)}.group__sticker{display:inline-block;padding:7px 18px 10px;background:var(--c);border:var(--line) solid var(--ink);border-radius:8px 18px 14px 10px;box-shadow:var(--shadow-sm);transform:rotate(-1deg)}.group__note{font-family:var(--font-body);color:var(--ink-soft);font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));grid-gap:clamp(16px,2.4vw,26px);gap:clamp(16px,2.4vw,26px);margin-top:clamp(20px,3vw,30px)}.tool{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:24px 22px 26px;text-align:left;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.tool:nth-child(odd){transform:rotate(-.8deg)}.tool:nth-child(2n){transform:rotate(.7deg)}.tool:hover{transform:rotate(0deg) translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.tool:active{transform:translate(var(--lift),var(--lift));box-shadow:0 0 0 var(--ink)}.tool__number{position:absolute;top:12px;right:14px;padding:4px 8px 5px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;font:700 11px var(--font-body)}.tool__icon{display:grid;place-items:center;width:68px;height:68px;margin-bottom:8px;font-size:34px;background:var(--c);border:var(--line) solid var(--ink);border-radius:16px}.tool__name{font-size:25px}.tool__desc{font-family:var(--font-body);font-size:14.5px;color:var(--ink-soft);line-height:1.5}.tool__coming{margin-top:8px;padding:4px 11px 6px;font:700 12px var(--font-body);background:var(--paper);border:2px solid var(--ink);border-radius:999px}.hint{font-family:var(--font-body);font-size:14px;color:var(--ink-soft);line-height:1.6;margin:18px 0 0}.lessons-hero{padding:clamp(22px,5vw,54px) 0 30px;max-width:760px}.lessons-hero h2{margin:20px 0 8px;font-size:clamp(36px,7vw,68px);line-height:1}.lessons-hero p{margin:0;color:var(--ink-soft);font:16px/1.6 var(--font-body)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;padding-bottom:36px}.lesson-card{display:flex;flex-direction:column;min-height:280px;padding:22px;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.lesson-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.lesson-card:nth-child(3n+1){background:color-mix(in srgb,var(--do) 35%,var(--card))}.lesson-card:nth-child(3n+2){background:color-mix(in srgb,var(--mi) 35%,var(--card))}.lesson-card:nth-child(3n){background:color-mix(in srgb,var(--sol) 35%,var(--card))}.activity-card__meta,.lesson-card__topline{display:flex;justify-content:space-between;gap:10px;color:var(--ink-soft);font:13px var(--font-body)}.lesson-card__age{padding:4px 9px 5px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:999px;font-weight:700}.lesson-card h3{margin:22px 0 8px;font-size:clamp(24px,3vw,32px)}.lesson-card ol{margin:0;padding-left:22px;color:var(--ink-soft);font:14px/1.6 var(--font-body)}.lesson-card__open{margin-top:auto;padding-top:18px;font-size:15px;font-weight:700}.lesson-detail__actions{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.lesson-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px;margin-bottom:22px;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.lesson-detail__header h2{margin:18px 0 4px;font-size:clamp(34px,7vw,64px);line-height:1}.lesson-detail__header p{margin:0;color:var(--ink-soft);font:15px var(--font-body)}.lesson-detail__stamp{padding:12px 15px;background:var(--mi);border:var(--line) solid var(--ink);border-radius:12px;font-size:18px;white-space:nowrap;transform:rotate(2deg)}.activity-list{display:grid;grid-gap:18px;gap:18px}.activity-card{display:grid;grid-template-columns:70px 1fr;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.activity-card__number{padding-top:24px;color:var(--ink);background:var(--re);font-size:28px;text-align:center}.activity-card:nth-child(2) .activity-card__number{background:var(--fa)}.activity-card:nth-child(3) .activity-card__number{background:var(--la)}.activity-card__body{padding:24px}.activity-card h3{margin:16px 0 10px;font-size:clamp(25px,4vw,38px)}.activity-card__goal,.activity-card__tip{margin:0 0 16px;font:15px/1.6 var(--font-body)}.activity-card__goal b{color:var(--do)}.activity-card__tip{padding:12px 14px;background:var(--paper);border-left:5px solid var(--sol)}.activity-card ol{display:grid;grid-gap:9px;gap:9px;margin:0 0 18px;padding-left:25px;font:16px/1.55 var(--font-body)}.curriculum-block{padding:18px 20px;margin-top:18px;background:#fffdf8;border:2px dashed var(--ink);border-radius:14px}.curriculum-block h3{margin:0;font-size:21px}.curriculum-block__note{margin:5px 0 12px;color:var(--ink-soft);font:13px/1.5 var(--font-body)}.curriculum-block ul{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.curriculum-block li{display:grid;grid-template-columns:auto auto;justify-content:start;grid-column-gap:8px;column-gap:8px;font:14px/1.5 var(--font-body)}.curriculum-block li strong{font-weight:800}.curriculum-block__content-gloss,.curriculum-block__gloss{color:var(--ink-soft);font-size:12px}.curriculum-block li b{grid-column:1}.curriculum-block li p{grid-column:1/-1;margin:0}@media print{body{background:white}.lesson-detail__actions,.topbar{display:none!important}.view{padding:0}.lesson-sheet{max-width:none}.activity-card,.lesson-detail__header{box-shadow:none;page-break-inside:avoid;break-inside:avoid}.activity-card{margin-bottom:14px}.curriculum-block{page-break-inside:avoid;break-inside:avoid}}.instrument-heading{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:clamp(16px,2.6vw,26px)}.instrument-heading h2{margin:0;font-size:clamp(32px,6vw,56px);line-height:1}.instrument-heading p{width:100%;margin:0;color:var(--ink-soft);font:15px/1.6 var(--font-body)}.instrument-number{padding:5px 10px 7px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);font:700 12px var(--font-body)}.coming-panel{display:grid;justify-items:center;grid-gap:12px;gap:12px;padding:60px 24px;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);font-family:var(--font-body);text-align:center}.coming-panel span{font-size:54px}.bar{flex-wrap:wrap;gap:10px;padding:14px 16px;margin-bottom:clamp(16px,2.6vw,26px);background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.bar,.bar__label{display:flex;align-items:center}.bar__label{font-size:15.5px;gap:8px}.bar__gap{flex:1 1}.btn{padding:10px 20px 12px;background:var(--card);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:var(--shadow-sm);cursor:pointer;font-size:16px;transition:transform .08s,box-shadow .08s,background .12s}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn:disabled{opacity:.38;cursor:default;box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn--go,.btn.is-on{background:var(--accent)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);border:3px solid var(--ink)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:3px solid var(--ink)}.pads{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:clamp(10px,1.6vw,18px);gap:clamp(10px,1.6vw,18px)}.pad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1/.92;background:var(--c);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;overflow:hidden;transition:transform .06s,box-shadow .06s}.pad__emoji{font-size:clamp(28px,5vw,46px);line-height:1}.pad__name{font-size:clamp(14px,1.8vw,19px)}.pad__key{position:absolute;top:8px;right:10px;font:700 12px var(--font-body);opacity:.45}.pad.is-hit{transform:translate(var(--lift),var(--lift));box-shadow:0 0 0 var(--ink)}.pad__ring{position:absolute;inset:0;margin:auto;width:40px;height:40px;border:4px solid var(--ink);border-radius:50%;opacity:0;pointer-events:none}.pad.is-hit .pad__ring{animation:ring .45s ease-out}@keyframes ring{0%{opacity:.55;transform:scale(.5)}to{opacity:0;transform:scale(4.5)}}.rec-dot{display:inline-block;width:12px;height:12px;margin-right:2px;border-radius:50%;background:var(--do);border:2px solid var(--ink)}.is-recording .rec-dot{animation:blink .8s steps(2,start) infinite}@keyframes blink{50%{opacity:.15}}.readout{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 9px;background:var(--paper);border:var(--line) solid var(--ink);border-radius:999px;font-size:clamp(16px,2.2vw,21px)}.readout b{min-width:2.2em;text-align:center}.flower-shell{max-width:min(360px,max(180px,calc((100svh - 306px) * .6154)));margin:0 auto}.flower-shell svg{display:block;width:100%;height:auto;overflow:visible;cursor:-webkit-grab;cursor:grab}.flower-shell svg:active{cursor:-webkit-grabbing;cursor:grabbing}.flower-shell text{font-family:var(--font-display);fill:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.pitch-guide{stroke:var(--ink);stroke-width:1.5;opacity:.16}.seq{grid-gap:8px;padding:16px;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.seq,.seq__row{display:grid;gap:8px}.seq__row{grid-template-columns:48px repeat(8,1fr);grid-gap:8px}.seq__label{display:grid;place-items:center;padding:0;background:var(--c);border:var(--line) solid var(--ink);border-radius:12px;box-shadow:var(--shadow-sm);font-size:18px}.seq__cell,.seq__label{min-height:56px;cursor:pointer}.seq__cell{position:relative;background:var(--paper);border:var(--line) dashed var(--ink-soft);border-radius:12px;transition:background .1s,transform .1s}.seq__cell.is-on{background:var(--c);border-style:solid;border-color:var(--ink)}.seq__cell.is-now{transform:translateY(-8px);box-shadow:0 6px 0 var(--ink)}.seq__cell.is-beat{border-left-width:4px}.rhythm-palette{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.rcard{display:flex;flex-direction:column;align-items:center;gap:2px;width:96px;padding:14px 6px 12px;background:var(--card);border:var(--line) solid var(--ink);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .1s,box-shadow .1s,background .12s}.rcard.is-picked{background:var(--c);transform:translate(-2px,-3px);box-shadow:6px 7px 0 var(--ink)}.rcard__glyph{display:flex;align-items:center;justify-content:center;height:40px;font-family:var(--font-music);font-size:30px;line-height:1.1}.rcard__say{font-size:18px}.rcard__name{font-family:var(--font-body);font-size:12px;color:var(--ink-soft)}.track{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:8px;gap:8px;padding:16px;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;aspect-ratio:1/1.15;background:var(--paper);border:var(--line) dashed var(--ink-soft);border-radius:12px;cursor:pointer;transition:background .1s,transform .1s}.slot.is-filled{border-style:solid;border-color:var(--ink);background:var(--c)}.slot.is-now{transform:translateY(-8px);box-shadow:0 6px 0 var(--ink)}.slot:nth-child(4):after{content:"";position:absolute;right:-8px;top:6%;bottom:6%;width:3px;background:var(--ink);border-radius:2px}.slot__glyph{display:flex;align-items:center;justify-content:center;height:clamp(28px,4vw,40px);font-family:var(--font-music);font-size:clamp(20px,3vw,30px);line-height:1.1}.slot__say{font-size:clamp(12px,1.6vw,16px)}.slot__num{position:absolute;top:5px;left:7px;font-family:var(--font-body);font-size:11px;font-weight:700;color:var(--ink-soft)}.presets{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.slide{position:relative;height:min(520px,max(260px,calc(100svh - 250px)));max-width:640px;margin:0 auto;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slide:active{cursor:-webkit-grabbing;cursor:grabbing}.slide__band{position:absolute;left:0;right:0;display:flex;align-items:center;padding-left:18px;background:var(--c);font-size:clamp(15px,2.2vw,21px);border-top:2px solid var(--ink)}.slide__band:first-child{border-top:0}.slide__puck{position:absolute;left:0;right:0;height:5px;background:var(--ink);pointer-events:none}.slide__puck:after{content:"";right:16px;top:50%;width:30px;height:30px;margin-top:-15px;border:var(--line) solid var(--ink);border-radius:50%}.slide__puck:after,.slide__read{position:absolute;background:var(--paper)}.slide__read{right:60px;transform:translateY(-50%);padding:8px 18px 12px;border:var(--line) solid var(--ink);border-radius:14px;box-shadow:var(--shadow-sm);font-size:clamp(24px,4vw,38px);pointer-events:none}.zoo{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:clamp(14px,2vw,22px);gap:clamp(14px,2vw,22px)}.zoo__card{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:clamp(18px,2.4vw,26px) 16px clamp(18px,2.4vw,24px);text-align:center;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .1s,box-shadow .1s}.zoo__card:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.zoo__emoji{display:grid;place-items:center;width:74px;height:74px;font-size:38px;background:var(--c);border:var(--line) solid var(--ink);border-radius:18px}.zoo__name{font-size:clamp(19px,2.4vw,24px)}.zoo__how{font-family:var(--font-body);font-size:13.5px;color:var(--ink-soft);line-height:1.5}.zoo__tag{padding:5px 13px 7px;font-size:13px;background:var(--paper);border:2px solid var(--ink);border-radius:999px}.rain{max-width:420px;margin:0 auto}.rain svg{display:block;width:100%;height:auto;overflow:visible;touch-action:none;cursor:-webkit-grab;cursor:grab}.rain.is-on svg{cursor:-webkit-grabbing;cursor:grabbing}.jaw-art{display:block;width:min(100%,360px);height:auto;margin:0 auto;overflow:visible;touch-action:none}.jaw-art text{font-family:var(--font-display);fill:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.jaw-tongue.is-twang{animation:twang .5s ease-out}@keyframes twang{35%{transform:translateX(8px)}}.kazoo-art{max-width:480px;margin:0 auto 16px}.kazoo-art svg{display:block;width:100%;height:auto}.kazoo-art.buzzing ellipse:last-child{animation:buzz .14s ease-in-out infinite alternate;transform-origin:192px 34px}@keyframes buzz{to{transform:scaleX(1.12)}}.kazoo-keys{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:clamp(5px,1vw,10px);gap:clamp(5px,1vw,10px)}.kazoo-key{display:grid;place-items:center;grid-gap:4px;gap:4px;min-height:70px;padding:12px 4px;background:var(--c);border:var(--line) solid var(--ink);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .08s,box-shadow .08s}.kazoo-key.is-on{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.kazoo-key small{font-family:var(--font-body);font-size:11px;font-weight:700;opacity:.45}.mic-note{margin:0 auto 16px;max-width:620px;font:14px/1.5 var(--font-body)}.tap-wrap{display:grid;justify-items:center;grid-gap:clamp(16px,2.6vw,26px);gap:clamp(16px,2.6vw,26px)}.tap{display:grid;place-items:center;grid-gap:6px;gap:6px;width:clamp(190px,34vw,280px);aspect-ratio:1;background:var(--accent);border:var(--line) solid var(--ink);border-radius:50%;box-shadow:var(--shadow);cursor:pointer;font-size:clamp(19px,2.8vw,26px);transition:transform .07s,box-shadow .07s}.tap:active{transform:translate(var(--lift),var(--lift)) scale(.97);box-shadow:0 0 0 var(--ink)}.tap em{font-style:normal;font-size:clamp(40px,7vw,64px);line-height:1}.beats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.beat{display:grid;place-items:center;width:clamp(38px,5.4vw,52px);height:clamp(38px,5.4vw,52px);background:var(--paper);border:var(--line) solid var(--ink-soft);border-radius:12px;font-size:19px}.beat.is-now{border-color:var(--ink);transform:translateY(-6px)}.beat.is-good{background:var(--fa);border-color:var(--ink)}.beat.is-close{background:var(--mi);border-color:var(--ink)}.beat.is-miss{background:var(--paper);border-color:var(--ink);opacity:.5}.score{display:flex;gap:10px;align-items:center;font-size:19px}.score b{font-size:26px}.verdict{min-height:34px;font-size:clamp(20px,3vw,28px);text-align:center}.dyn{display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,2vw,24px);padding:clamp(20px,3.4vw,36px) clamp(12px,2vw,24px);background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.dyn__step{display:grid;justify-items:center;grid-gap:10px;gap:10px;cursor:pointer;background:none;border:0;padding:0}.dyn__ball{width:calc(var(--s) * 1px);height:calc(var(--s) * 1px);background:var(--c);border:var(--line) solid var(--ink);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .1s,box-shadow .1s}.dyn__step.is-lit .dyn__ball,.dyn__step:active .dyn__ball{transform:translate(4px,4px) scale(1.06);box-shadow:0 0 0 var(--ink)}.dyn__sym{font:700 italic clamp(19px,2.6vw,26px) Georgia,Times New Roman,serif}.dyn__word{font-family:var(--font-body);font-size:12.5px;color:var(--ink-soft)}.xylo{--tall:min(clamp(150px,26vw,290px),max(120px,calc(100svh - 330px)));align-items:flex-start;gap:clamp(5px,1.1vw,14px);padding:clamp(14px,2.4vw,26px);touch-action:pan-y;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.key,.xylo{display:flex}.key{flex:1 1;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:calc(var(--tall) * var(--hf));padding-bottom:clamp(8px,1.4vw,16px);background:var(--c);border:var(--line) solid var(--ink);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;transition:transform .06s,box-shadow .06s}.key.is-hit{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.key__name{font-size:clamp(14px,2.1vw,22px)}.key__key{font:700 11px var(--font-body);opacity:.45}.key__dot{width:10px;height:10px;margin-bottom:2px;border-radius:50%;background:var(--ink);opacity:0}.kalimba{--pad-x:clamp(14px,2.4vw,30px);max-width:100%;padding:clamp(14px,2vw,22px) var(--pad-x) clamp(16px,2.4vw,28px);background-color:var(--wood);background-image:repeating-linear-gradient(90deg,rgba(150,105,62,.07) 0 1px,transparent 1px 26px),linear-gradient(180deg,var(--wood-light),var(--wood) 45%,var(--wood-dark));border:var(--line) solid var(--ink);border-radius:26px 26px 46px 46px;box-shadow:var(--shadow);overflow-x:auto;overflow-y:hidden}.kalimba,.kalimba__track{width:-moz-fit-content;width:fit-content;margin:0 auto}.kalimba__track{--tall:min(clamp(170px,28vw,320px),max(140px,calc(100svh - 350px)));--anchor:clamp(14px,1.8vw,22px);--bridge-h:clamp(9px,1.2vw,13px);--lab:clamp(38px,4.4vw,48px);--hole:clamp(52px,6.4vw,72px);align-items:flex-start;justify-content:center;gap:clamp(3px,.55vw,7px);padding-bottom:var(--hole)}.kalimba__track,.tine{position:relative;display:flex}.tine{z-index:1;flex:0 0 clamp(27px,4.4vw,46px);height:calc(var(--tall) * var(--hf));padding-top:calc(var(--anchor) + var(--bridge-h) + 4px);flex-direction:column;align-items:center;background:linear-gradient(100deg,rgba(255,255,255,.34),transparent 42%),var(--c);border:var(--line) solid var(--ink);border-radius:7px 7px 999px 999px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;transition:transform .06s}.tine.is-hit{transform:translateY(5px)}.tine__cap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:var(--lab)}.tine__name{font-size:clamp(12px,1.6vw,17px)}.tine__dots{display:flex;gap:2px;height:5px}.tine__dots i{width:4px;height:4px;border-radius:50%;background:var(--ink)}.kalimba__bridge{z-index:2;left:calc(var(--pad-x) * -1);right:calc(var(--pad-x) * -1);top:var(--anchor);height:var(--bridge-h);background:linear-gradient(180deg,#7a8090,var(--ink) 60%);border-radius:999px}.kalimba__bridge,.kalimba__hole{position:absolute;pointer-events:none}.kalimba__hole{z-index:0;left:50%;bottom:2px;width:var(--hole);height:var(--hole);margin-left:calc(var(--hole) / -2);border:var(--line) solid var(--ink);border-radius:50%;background:radial-gradient(circle at 50% 32%,#d3a87c,var(--wood-hole) 78%)}.cam{position:relative;max-width:760px;margin:0 auto;aspect-ratio:4/3;background:var(--ink);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.cam__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);background:var(--ink)}.cam__video,.cam__zones{position:absolute;inset:0}.cam__zones{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px dashed rgba(255,255,255,.5);color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7);font-size:clamp(13px,1.8vw,17px);transition:background .18s}.zone__emoji{font-size:clamp(26px,5vw,44px);filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.zone.is-hit{background:var(--c)}.zone.is-hit .zone__emoji{animation:pop .3s ease-out}@keyframes pop{50%{transform:scale(1.35)}}.zone__meter{position:absolute;left:8px;right:8px;bottom:8px;height:7px;background:rgba(255,255,255,.28);border-radius:999px;overflow:hidden}.zone__meter i{display:block;height:100%;background:var(--c);transition:width .08s linear}.cam__overlay{position:absolute;inset:0;display:grid;place-items:center;padding:28px;text-align:center;color:#fff;background:rgba(36,27,47,.92);font:15px/1.6 var(--font-body)}.cam__overlay h3{margin:0 0 6px;font:24px var(--font-display)}.drum svg{display:block;width:100%;height:auto;overflow:visible}.tongue-drum{max-width:min(540px,max(230px,calc(100svh - 262px)))}.tongue{cursor:pointer}.tongue circle,.tongue rect{fill:var(--c);stroke:var(--ink);stroke-width:4}.tongue circle.tongue__dot{fill:var(--ink);stroke:none}.tongue text{font-family:var(--font-display);fill:var(--ink);text-anchor:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tongue.is-hit circle,.tongue.is-hit rect{animation:tongueHit .5s ease-out}@keyframes tongueHit{0%{filter:brightness(1.45)}to{filter:none}}.song-pick{gap:10px;margin-bottom:clamp(14px,2.2vw,22px)}.sheet,.song-pick{display:flex;flex-wrap:wrap}.sheet{justify-content:center;gap:clamp(5px,.9vw,10px);padding:clamp(16px,2.6vw,26px);margin-bottom:clamp(16px,2.6vw,26px);background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.sheet__break{flex-basis:100%;height:0}.chip{display:grid;place-items:center;width:clamp(34px,4.4vw,48px);height:clamp(34px,4.4vw,48px);font-size:clamp(14px,1.8vw,19px);background:var(--c);border:var(--line) solid var(--ink);border-radius:50%;opacity:.28;transition:opacity .18s,transform .18s}.chip.is-done{opacity:1}.chip.is-now{opacity:1;transform:scale(1.22);box-shadow:var(--shadow-sm)}.song-done{min-height:32px;font-size:clamp(19px,2.6vw,26px);text-align:center;margin:0 0 14px}.song-keys{margin-top:14px}.cactus-art,.mimic-art{max-width:min(360px,max(180px,calc((100svh - 306px) * .6154)));margin:0 auto}.cactus-art svg,.mimic-art svg{display:block;width:100%;height:auto;overflow:visible;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab}.cactus-art text,.mimic-art text{font-family:var(--font-display);fill:var(--ink);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.m-mouth{transform-box:fill-box;transform-origin:center}.is-listening .m-mouth{animation:mListen 1.6s ease-in-out infinite}@keyframes mListen{50%{transform:scaleY(.72)}}.is-dancing{animation:mBob .92s ease-in-out infinite}@keyframes mBob{50%{transform:translateY(-9px)}}.level{height:12px;margin-top:10px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;overflow:hidden}.level i{display:block;height:100%;background:var(--accent)}.mic-note{margin:12px 0 0;min-height:20px;color:var(--ink-soft);font:13.5px var(--font-body);text-align:center}.quiz{display:grid;grid-gap:clamp(18px,3vw,30px);gap:clamp(18px,3vw,30px);justify-items:center}.staff-box{width:100%;max-width:560px;padding:10px;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.staff-box svg{display:block;width:100%;height:auto}.staff-box.is-wrong{animation:shake .4s}@keyframes shake{25%{transform:translateX(-9px)}50%{transform:translateX(9px)}75%{transform:translateX(-5px)}}.choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:clamp(6px,1.2vw,14px);gap:clamp(6px,1.2vw,14px);width:100%;max-width:620px}.choice{padding:16px 0 20px;font-size:clamp(18px,3.4vw,28px);background:var(--c);border:var(--line) solid var(--ink);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer}.choice.is-wrong{opacity:.3}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(146px,1fr));grid-gap:clamp(14px,2vw,22px);gap:clamp(14px,2vw,22px)}.flip{perspective:1000px;cursor:pointer}.flip__inner{position:relative;aspect-ratio:3/4;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,1.4,.5,1)}.flip.is-open .flip__inner{transform:rotateY(180deg)}.flip__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center}.flip__face--front{background:var(--c)}.flip__face--back{background:var(--card);transform:rotateY(180deg)}.flip__title{font-size:clamp(26px,4vw,36px);line-height:1}.flip__sub{font:13.5px var(--font-body);color:var(--ink-soft)}.flip__notes{display:flex;gap:7px}.flip__note{display:grid;place-items:center;width:42px;height:42px;font-size:17px;border:var(--line) solid var(--ink);border-radius:50%;background:var(--c)}.ear{display:grid;grid-gap:16px;gap:16px;justify-items:center;padding:clamp(20px,3vw,30px);margin-top:clamp(24px,4vw,38px);background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.ear__h{margin:0;font-size:clamp(20px,3vw,26px)}.ear__row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.big-play{display:grid;place-items:center;grid-gap:8px;gap:8px;width:min(280px,70vw);aspect-ratio:1;margin:24px auto 0;background:var(--accent);border:var(--line) solid var(--ink);border-radius:50%;box-shadow:var(--shadow);cursor:pointer;font-size:20px}.big-play em{font-size:54px;font-style:normal}.guess{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:clamp(10px,1.6vw,18px);gap:clamp(10px,1.6vw,18px);max-width:720px;margin:clamp(18px,3vw,28px) auto 0}.guess__opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:clamp(16px,2.4vw,26px) 8px;background:var(--c);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer}@media (max-width:720px){.kazoo-keys,.track{grid-template-columns:repeat(4,1fr)}.track{gap:4px;padding:10px}.slot:nth-child(4):after{display:none}.slot:nth-child(4){border-right-width:8px;border-right-color:var(--ink)}.slot{border-radius:8px}.dyn__word{display:none}.dyn{gap:6px;padding:16px 8px}.dyn__ball{width:calc(var(--s) * .78px);height:calc(var(--s) * .78px)}.pads{grid-template-columns:repeat(2,1fr)}.seq__row{grid-template-columns:34px repeat(8,1fr);gap:4px}.seq__cell,.seq__label{min-height:46px}.language-link,.topbar__vol{font-size:11px;padding:5px 8px 7px}}@media (max-height:560px) and (orientation:landscape){.topbar{position:static;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:6px}.topbar__title{font-size:17px}.topbar__vol{display:none}.topbar__back{padding:5px 13px 7px;font-size:15px}.btn{padding:7px 14px 9px;font-size:14.5px}.readout{padding:5px 12px 7px;font-size:15px}.view{padding-top:8px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.bar{margin-bottom:8px;padding:7px 11px;gap:7px}.hero__box-hint,.hint{display:none}.hero{padding:6px 0 12px}.hero__title{font-size:clamp(30px,7vw,52px)}.legend{margin-top:14px}.legend li{width:44px;padding:6px 0 8px;font-size:16px}.flower-shell{max-width:min(360px,max(110px,calc((100svh - 168px) * .6154)))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}html[data-calm=true] *,html[data-calm=true] :after,html[data-calm=true] :before{animation:none!important;transition:none!important}@media (max-width:760px){.age-filter{grid-template-columns:1fr}.age-filter__count{text-align:right}.lesson-grid{grid-template-columns:1fr}.lesson-detail__header{flex-direction:column}.topbar__tools{gap:5px}.lessons-link{font-size:12px;padding:6px 9px 8px}}.print-page{max-width:900px;margin:0 auto;padding:clamp(16px,3vw,32px) clamp(12px,3vw,28px) 64px}.print-guide{padding:clamp(18px,2.6vw,28px);margin-bottom:clamp(20px,3vw,32px);background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.print-guide__title{font-size:clamp(26px,4vw,38px);margin:0 0 10px}.print-guide__purpose{font-family:var(--font-body);line-height:1.7;margin:0 0 18px}.print-guide__sub{font-size:19px;margin:0 0 8px}.print-guide__steps{font-family:var(--font-body);line-height:1.8;margin:0 0 18px;padding-left:22px}.print-guide__curriculum{font-family:var(--font-body);font-size:13.5px;color:var(--ink-soft);padding:12px 14px;margin-bottom:18px;border:2px dashed var(--ink-soft);border-radius:12px}.print-guide__curriculum p{margin:6px 0 0}.print-sheet{padding:24px;background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius)}.print-sheet__head{display:flex;align-items:baseline;gap:14px;padding-bottom:12px;margin-bottom:20px;border-bottom:var(--line) solid var(--ink)}.print-sheet__head h2{font-size:24px;margin:0;flex:1 1}.print-sheet__brand{font-size:15px}.print-sheet__name{font-size:13px}.print-sheet__foot,.print-sheet__name{font-family:var(--font-body);color:var(--ink-soft)}.print-sheet__foot{margin-top:20px;padding-top:10px;border-top:2px solid var(--ink-soft);font-size:11px;text-align:right}.print-cards{display:grid;grid-gap:10px;gap:10px}.print-cards--3{grid-template-columns:repeat(3,1fr)}.print-cards--4{grid-template-columns:repeat(4,1fr)}.print-cards+.print-cards{margin-top:14px}.print-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:96px;padding:10px;text-align:center;border:2px dashed var(--ink);border-radius:10px;background:var(--c,#fff)}.print-card--label{background:var(--paper)}.print-card__big{font-size:26px}.print-card__glyph{font-size:30px;font-family:var(--font-music);line-height:1.1}.print-card__sub{font-family:var(--font-body);font-size:12px}.print-card__blank{width:70%;height:0;border-bottom:1.5px solid var(--ink);margin-top:6px}.print-card__notes{display:flex;gap:5px}.print-card__notes i{display:grid;place-items:center;width:26px;height:26px;font-style:normal;font-size:13px;background:#fff;border:2px solid var(--ink);border-radius:50%}.print-grid{display:grid;grid-gap:12px;gap:12px}.print-grid__row{display:grid;grid-template-columns:34px repeat(8,1fr);grid-gap:6px;gap:6px;align-items:stretch}.print-grid__no{display:grid;place-items:center;font-family:var(--font-body);font-size:12px;color:var(--ink-soft)}.print-grid__cell{position:relative;min-height:62px;border:2px solid var(--ink);border-radius:8px}.print-grid__cell small{position:absolute;top:4px;left:6px;font-family:var(--font-body);font-size:10px;color:var(--ink-soft)}.print-grid__cell.is-barline{border-right-width:6px}.print-staves{display:grid;grid-gap:16px;gap:16px}.print-stave{display:grid;grid-template-columns:30px 1fr 90px;grid-gap:8px;gap:8px;align-items:center}.print-stave svg{width:100%;height:auto}.print-stave__no{font-family:var(--font-body);font-size:12px;color:var(--ink-soft)}.print-stave__blank{height:0;border-bottom:2px solid var(--ink)}@media print{.hint,.print-guide,.topbar{display:none!important}body{background:#fff!important;background-image:none!important}.print-page{max-width:none;padding:0}.print-sheet{border:0;border-radius:0;padding:0;box-shadow:none}.print-card,.print-grid__row,.print-stave{page-break-inside:avoid;break-inside:avoid}@page{size:A4 portrait;margin:14mm}}@media (max-width:720px){.print-cards--3{grid-template-columns:repeat(2,1fr)}.print-cards--4{grid-template-columns:repeat(3,1fr)}.print-grid__row{grid-template-columns:24px repeat(8,1fr);gap:3px}.print-stave{grid-template-columns:22px 1fr 60px}}.tool__desc,.tool__name{overflow-wrap:anywhere}@media print{.print-cards--3{grid-template-columns:repeat(3,1fr)}.print-cards--4{grid-template-columns:repeat(4,1fr)}}.hum-meter{background:rgba(36,27,47,.08);border:3px solid var(--ink);border-radius:999px;height:20px;margin:10px auto 0;max-width:420px;overflow:hidden;width:100%}.hum-meter__fill{background:var(--si);border-radius:999px;display:block;height:100%;transition:width 60ms linear}.kazoo-art.buzzing svg{transform:scale(calc(1 + var(--hum, 0) * .05));transform-origin:center}@media (prefers-reduced-motion:reduce){.kazoo-art.buzzing svg{transform:none}}.topbar{flex-wrap:wrap}.topbar__spacer{min-width:0}.topbar__tools{flex-wrap:wrap;justify-content:flex-end}@media (max-width:360px){.key{min-width:0}.key__name{font-size:13px}.key__key{display:none}.xylo{gap:4px;padding:10px}}.calm-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 14px 9px;background:var(--card);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:var(--shadow-sm);font:inherit;font-size:14px;color:var(--ink);cursor:pointer}.calm-toggle:before{content:"";width:13px;height:13px;border:2.5px solid var(--ink);border-radius:50%;background:transparent}.calm-toggle.is-on{background:var(--la);color:#ffffff}.calm-toggle.is-on:before{border-color:#ffffff;background:#ffffff}.calm-toggle:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}@media (max-width:760px){.calm-toggle{font-size:12px;padding:6px 10px 8px}}.brand{display:inline-flex;align-items:center;gap:9px}.brand svg{flex:none}.brand__word{display:inline-flex;letter-spacing:-.02em}.brand__word span:first-child{color:var(--do)}.brand__word span:nth-child(2){color:var(--re)}.brand__word span:nth-child(3){color:var(--fa)}.brand__word span:nth-child(4){color:var(--sol)}.brand__word span:nth-child(5){color:var(--la)}html{overscroll-behavior:none}a,img,svg{-webkit-user-drag:none}@media (max-width:620px){.bar,.topbar,.topbar__tools{flex-wrap:nowrap}.bar,.topbar__tools{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bar::-webkit-scrollbar,.topbar__tools::-webkit-scrollbar{display:none}.bar>*,.topbar__tools>*{flex:none}.bar__gap,.bar__label{display:none}.readout{padding:0;background:none;border:0;border-radius:0;font-size:15px;gap:6px}.readout b{min-width:0}.bar .btn,.bar .check{padding:8px 11px 10px;font-size:13px;gap:5px}.bar{padding:10px 12px;gap:8px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 22px),transparent)}.brand__word{display:none}}.cactus-art,.drum,.flower-shell,.inst,.jaw-art,.kalimba,.rain,.slide,.xylo{touch-action:none}.menu-button,.menu-veil{display:none}.share-button{display:inline-flex;align-items:center;padding:7px 14px 9px;background:var(--card);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:var(--shadow-sm);font:inherit;font-size:14px;color:var(--ink);cursor:pointer}.share-button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}@media (max-width:620px){.menu-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:var(--card);border:var(--line) solid var(--ink);border-radius:14px;box-shadow:var(--shadow-sm);cursor:pointer}.menu-button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.menu-button__bars,.menu-button__bars:after,.menu-button__bars:before{display:block;width:20px;height:3px;border-radius:2px;background:var(--ink)}.menu-button__bars{position:relative}.menu-button__bars:after,.menu-button__bars:before{content:"";position:absolute;left:0}.menu-button__bars:before{top:-7px}.menu-button__bars:after{top:7px}.topbar__tools{position:absolute;top:calc(100% + 8px);right:12px;z-index:60;display:none;flex-direction:column;align-items:stretch;gap:10px;min-width:210px;padding:14px;background:var(--card);border:var(--line) solid var(--ink);border-radius:20px;box-shadow:var(--shadow)}.topbar__tools.is-open{display:flex}.topbar__tools>*{justify-content:center;width:100%}.menu-veil{display:block;position:fixed;inset:0;z-index:50;padding:0;background:transparent;border:0;cursor:default}.topbar{position:-webkit-sticky;position:sticky;flex-wrap:nowrap}.topbar__spacer{flex:1 1}}.doc{max-width:62ch;margin:0 auto 60px;font-family:var(--font-body);font-size:16px;line-height:1.75;color:var(--ink)}.doc section{margin-bottom:30px;padding:20px 22px;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.doc h2{margin:0 0 10px;font-family:var(--font-display);font-size:20px}.doc p{margin:0 0 6px}