@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}.canto-fun-heading h1 button{color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:18px;padding:0;display:inline-flex}.canto-fun-heading h1 button>svg{width:.32em;min-width:24px;height:.32em}.canto-fun-heading h1 button:focus-visible{outline:2px solid var(--build-signal);outline-offset:8px}.canto-fun-modes{gap:12px;padding:16px 4px 32px;display:grid}.canto-fun-modes button{text-align:left;border:1px solid var(--build-line,#bec8c7);background:var(--build-panel,#f4f1e8);width:100%;min-height:88px;color:var(--build-ink,#111719);cursor:pointer;border-radius:14px;align-items:center;gap:16px;padding:18px;display:flex}.canto-fun-modes button[aria-pressed=true]{border-color:var(--build-signal,#008d96)}.canto-fun-modes button span{flex:1;gap:6px;display:grid}.canto-fun-modes strong{font-size:20px}.canto-fun-modes small{font-size:14px;line-height:1.6}.canto-picture-page{padding-bottom:36px}.canto-picture-page :is(button,input,textarea,select){font:inherit}.canto-picture-page button{cursor:pointer}.canto-picture-page button:disabled{cursor:default;opacity:.45}.canto-picture-page :is(button,input,textarea,select):focus-visible{outline:2px solid var(--build-signal);outline-offset:3px}.picture-toolbar,.picture-editor-top,.picture-view-actions,.picture-editor-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.picture-toolbar{justify-content:space-between;margin-bottom:24px}.picture-toolbar label{color:var(--build-muted);align-items:center;gap:12px;font-size:14px;display:flex}.canto-picture-page :is(.picture-toolbar,.picture-editor-top,.picture-view-actions,.picture-editor) button{border:1px solid var(--build-line);min-height:44px;color:var(--build-ink);background:var(--build-panel);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.canto-picture-page select{max-width:100%;min-height:44px;color:var(--build-ink);background:var(--build-panel);border:1px solid var(--build-line);border-radius:8px;padding:9px}.picture-workspace{gap:24px;display:grid}.picture-workspace.is-editing{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.picture-learning{min-width:0}.picture-scene-title h2{margin:0 0 10px;font-size:clamp(24px,3vw,36px)}.picture-scene-title p{color:var(--build-muted);margin:0 0 24px;font-size:16px;line-height:1.7}.picture-canvas{isolation:isolate;background:#152422;border-radius:16px;width:100%;position:relative}.picture-canvas>img{-webkit-user-select:none;user-select:none;border-radius:16px;width:100%;height:auto;display:block}.picture-canvas.is-placing{cursor:crosshair;outline:3px solid var(--build-signal);outline-offset:4px}.picture-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.picture-lines path{fill:none;stroke:#fffdf4;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 1px 2px #0008);animation:.44s cubic-bezier(.22,.72,.2,1) both picture-draw-line}.canto-picture-page .picture-pin{color:#fff;z-index:2;background:0 0;border:0;place-items:center;width:44px;height:44px;min-height:44px;padding:8px;font-size:13px;font-weight:700;display:grid;position:absolute;transform:translate(-50%,-50%)}.picture-pin:before{content:"";z-index:-1;background:#101c1ee6;border:1px solid #fff;border-radius:50%;position:absolute;inset:8px}.picture-pin.is-active:before{background:#ff3728;border-color:#fff}.picture-workspace.is-editing .picture-pin,.picture-workspace.is-editing .picture-callout{touch-action:none;cursor:grab}.canto-picture-page .picture-callout{z-index:3;transform:translate(var(--label-shift),-100%);text-align:left;color:#fff;filter:drop-shadow(0 1px 2px #0008);background:0 0;border:0;border-bottom:2px solid #fffdf4;border-radius:0;gap:3px;max-width:150px;min-height:44px;padding:0;display:grid;position:absolute}.picture-callout strong{color:#fff;overflow-wrap:anywhere;background:#e72b22;padding:5px 10px;font-size:clamp(14px,1.8vw,21px);line-height:1.3;animation:.2s .4s both picture-reveal-word}.picture-callout small{color:#fff;overflow-wrap:anywhere;background:#111719c9;padding:2px 7px 5px;font-size:clamp(10px,1.2vw,13px);animation:.18s .58s both picture-reveal-detail}.picture-image-error{color:#fff;background:#162523;min-height:160px;padding:28px;font-size:15px}.picture-view-actions{justify-content:flex-end;margin:14px 0 28px}.picture-vocabulary h3{margin:0 0 16px;font-size:20px}.picture-vocabulary h3 small{color:var(--build-muted);margin-left:10px;font-size:13px;font-weight:400}.picture-word-list{flex-wrap:wrap;gap:10px;display:flex}.canto-picture-page .picture-word-list button{min-height:62px;color:var(--build-ink);background:var(--build-panel);border:1px solid var(--build-line);text-align:left;border-radius:10px;flex:140px;align-items:center;gap:12px;padding:12px;display:flex}.picture-word-list button[aria-pressed=true]{border-color:var(--build-signal);box-shadow:inset 0 -3px var(--build-signal)}.picture-word-list em{color:var(--build-signal);font:600 14px Oxanium,sans-serif}.picture-word-list span{gap:4px;display:grid}.picture-word-list strong{font-size:18px}.picture-word-list small{color:var(--build-muted);font-size:13px}.picture-word-detail{border-bottom:1px solid var(--build-line);margin-top:10px;padding:22px 0;animation:.2s .58s both picture-reveal-detail}.picture-word-detail>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.picture-word-detail strong{font-size:24px}.picture-word-detail span{font-size:15px}.picture-word-detail>div>span{color:var(--build-muted)}.picture-word-detail button{min-height:44px;color:var(--build-ink);border:1px solid var(--build-line);text-align:left;background:0 0;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;display:flex}.picture-word-detail p{font-size:16px;line-height:1.7}.picture-example{width:100%}.picture-example svg{flex-shrink:0}.picture-speaking-prompt{gap:12px;margin-top:24px;display:grid}.picture-speaking-prompt label{font-size:18px;font-weight:600}.picture-speaking-prompt textarea{resize:vertical;border:1px solid var(--build-line);width:100%;min-height:90px;color:var(--build-ink);background:var(--build-panel);border-radius:12px;padding:14px}.picture-speaking-prompt button{background:var(--bnm-action-fill,#10d4db);color:#111719;border:0;border-radius:10px;justify-self:end;align-items:center;gap:10px;min-height:44px;padding:12px 16px;display:inline-flex}.picture-editor{background:var(--build-panel);border:1px solid var(--build-line);border-radius:14px;padding:18px;font-size:14px}.picture-editor fieldset{border:0;min-width:0;margin:0;padding:0}.picture-editor label{gap:7px;margin:14px 0;display:grid}.picture-editor :is(input:not([type=file]),textarea){border:1px solid var(--build-line);background:var(--build-paper);width:100%;min-width:0;min-height:44px;color:var(--build-ink);border-radius:7px;padding:9px}.picture-editor p{color:var(--build-muted);line-height:1.7}.picture-editor .picture-upload{border:1px dashed var(--build-line);flex-wrap:wrap;align-items:center;padding:10px;display:flex}.picture-upload input{width:100%;font-size:12px}.picture-coordinates{grid-template-columns:1fr 1fr;gap:8px;display:grid}.picture-coordinates>button{grid-column:1/-1}.picture-coordinates label{margin:0 0 10px}.picture-coordinates button[aria-pressed=true]{border-color:var(--build-signal)}.picture-editor-top{background:var(--build-panel);border:1px solid var(--build-signal);border-radius:12px;margin-bottom:20px;padding:14px;font-size:14px}.picture-editor-top>span{min-width:100px;color:var(--build-muted);flex:1}.picture-editor-top>div{border-top:1px solid var(--build-line);flex-basis:100%}.picture-editor-top>div button{margin-right:10px}.picture-status{border-left:3px solid var(--build-signal);color:var(--build-ink);background:var(--build-panel);padding:12px;font-size:14px;line-height:1.7}@keyframes picture-draw-line{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes picture-reveal-word{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes picture-reveal-detail{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.picture-workspace.is-editing{grid-template-columns:minmax(0,1fr)}.picture-editor{max-width:100%}}@media (width<=600px){.picture-toolbar{align-items:stretch}.picture-toolbar label{justify-content:space-between;width:100%}.picture-toolbar select{max-width:210px}.picture-view-actions{justify-content:space-between}.picture-callout{max-width:112px!important}.picture-callout strong{padding:4px 7px}.picture-word-list{gap:8px}.canto-picture-page .picture-word-list button{flex-basis:calc(50% - 8px)}.picture-canvas{width:calc(100% + 16px);margin-inline:-8px}.picture-scene-title p{font-size:15px}}@media (prefers-reduced-motion:reduce){.picture-lines path,.picture-callout strong,.picture-callout small,.picture-word-detail{animation:none}}.canto-picture-page .picture-callout{width:max-content}.picture-placement-hint{border-left:3px solid var(--build-signal);background:var(--build-panel);flex-wrap:wrap;align-items:center;gap:12px;padding:12px;font-size:14px;line-height:1.6;display:flex}.picture-placement-hint button{min-height:44px;color:var(--build-ink);border:1px solid var(--build-line);background:0 0;border-radius:8px;margin-left:auto;padding:8px 12px}.build-system{--bnm-action-fill:#10d4db;--bnm-action-ink:#111719;--bnm-focus-ring:#009da8;--bnm-brand-mark:#ff3728;--bnm-touch-target:44px;--bnm-radius-control:12px;--bnm-radius-sheet:24px;--bnm-motion-feedback:.18s;--bnm-motion-panel:.26s;--bnm-motion-ease:cubic-bezier(.2, .8, .2, 1)}@media (prefers-reduced-motion:reduce){.build-system{--bnm-motion-feedback:0s;--bnm-motion-panel:0s}}.bnm-layout-launch{border:1px solid var(--build-line,#80908e);background:var(--build-panel,#f4f1e8);min-height:44px;color:var(--build-ink,#111719);cursor:pointer;align-items:center;gap:8px;margin:8px 0;padding:10px 14px;font-size:14px;display:inline-flex}.bnm-layout-editor{border:1px solid var(--build-signal,var(--bnm-focus-ring,#009da8));background:var(--build-panel,#f4f1e8);color:var(--build-ink,#111719);border-radius:12px;grid-column:1/-1;margin:12px 0;padding:16px;font-size:14px}.bnm-layout-editor :is(header,nav,footer,article){flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bnm-layout-editor header{justify-content:space-between}.bnm-layout-editor button,.bnm-layout-editor select{border:1px solid var(--build-line,#80908e);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:8px 12px}.bnm-layout-editor button:disabled{opacity:.45;cursor:default}.bnm-layout-editor button[aria-pressed=true]{border-color:var(--bnm-focus-ring,#009da8);background:color-mix(in srgb, var(--bnm-action-fill,#10d4db) 12%, transparent)}.bnm-layout-editor nav{margin:12px 0}.bnm-layout-editor p{font-size:14px;line-height:1.6}.bnm-layout-items{gap:6px;margin:12px 0;display:grid}.bnm-layout-items article{border-bottom:1px solid var(--build-line,#80908e);padding:8px 0}.bnm-layout-items article>span{flex:1;min-width:110px}.bnm-layout-items button{align-items:center;gap:5px;display:flex}.bnm-layout-editor details{margin-top:16px}.bnm-layout-editor details button{margin-top:8px;display:block}.bnm-layout-confirm{border-top:1px solid var(--build-line,#80908e);margin-top:12px}.bnm-module-layout[data-layout-variant=list]{gap:16px;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.bnm-module-layout[data-layout-variant=grid]{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.bnm-module-layout[data-layout-preview=mobile],.bnm-module-layout[data-layout-preview=ios]{width:100%;max-width:430px;margin-inline:auto}@media (width<=600px){.bnm-module-layout[data-layout-variant=grid]{grid-template-columns:minmax(0,1fr)!important}}.bnm-teaching-block,.bnm-course-editor{--teach-surface:var(--build-panel);--teach-ink:var(--build-ink);--teach-soft:color-mix(in srgb, var(--build-ink) 78%, var(--build-panel));--teach-line:color-mix(in srgb, var(--build-ink) 28%, var(--build-panel));color:var(--teach-ink);background:var(--teach-surface)}.bnm-teaching-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;min-width:0;display:grid}.bnm-teaching-cell{grid-column:1/-1;min-width:0;container-type:inline-size}.bnm-teaching-cell.is-half{grid-column:auto}.bnm-teaching-motion{perspective:900px;min-width:0}.bnm-teaching-block{border:1px solid var(--teach-line);border-radius:var(--bnm-radius-control);overflow:hidden}.bnm-teaching-block>header{border-bottom:1px solid var(--teach-line);padding:18px 20px 12px}.bnm-teaching-block h3{margin:5px 0;font-size:clamp(20px,2vw,26px);line-height:1.4}.bnm-teaching-block p{overflow-wrap:anywhere;margin:8px 0;line-height:1.65}.bnm-teaching-block small,.bnm-teaching-block>header p{color:var(--teach-soft)}.bnm-teaching-stage{padding:20px}.bnm-teaching-block .bnm-teaching-large{overflow-wrap:anywhere;font-size:clamp(26px,3.5vw,42px);font-weight:700;line-height:1.55;display:block}.bnm-teaching-jp{color:var(--teach-soft);overflow-wrap:anywhere;font-size:16px}.bnm-teaching-block button,.bnm-course-editor button{color:var(--teach-ink);background:var(--teach-surface);border:1px solid var(--teach-line);min-height:var(--bnm-touch-target,44px);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.bnm-teaching-block button:hover,.bnm-course-editor button:hover{background:color-mix(in srgb, var(--bnm-action-fill) 12%, var(--teach-surface))}.bnm-teaching-block button:focus-visible,.bnm-course-editor :is(button,select,input,textarea,summary):focus-visible{outline:3px solid var(--bnm-focus-ring);outline-offset:3px}.bnm-teaching-block button:disabled,.bnm-course-editor button:disabled{opacity:.5;cursor:not-allowed}.bnm-teaching-block footer,.bnm-teaching-controls{border-top:1px solid var(--teach-line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px;display:flex}.bnm-teaching-block footer span{color:var(--teach-soft);margin-right:auto}.bnm-teaching-lines{gap:6px;margin-bottom:22px;display:grid}.bnm-teaching-lines button{text-align:start;justify-content:start}.bnm-teaching-lines button[aria-pressed=true]{border-color:var(--bnm-focus-ring);box-shadow:inset 3px 0 var(--bnm-focus-ring)}.bnm-teaching-flash{flex-direction:column;width:100%;background:color-mix(in srgb, var(--bnm-action-fill) 7%, var(--teach-surface))!important;min-height:220px!important;display:flex!important}.bnm-teaching-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.bnm-teaching-pair article{border:1px solid var(--teach-line);border-radius:8px;min-width:0;padding:12px}.bnm-teaching-pair article>strong{margin:12px 0;font-size:15px;line-height:1.6;display:block}.bnm-teaching-answer,.bnm-teaching-token-bank{flex-wrap:wrap;align-items:center;gap:8px;min-height:68px;padding:16px 0;display:flex}.bnm-teaching-answer{border:1px dashed var(--teach-line);border-radius:8px;padding:12px}.bnm-teaching-answer button{background:color-mix(in srgb, var(--bnm-action-fill) 15%, var(--teach-surface))}.bnm-teaching-block mark{background:color-mix(in srgb, var(--bnm-action-fill) 20%, var(--teach-surface));color:var(--teach-ink);border-radius:5px;padding:0 4px}.bnm-teaching-feedback{border-left:3px solid var(--bnm-focus-ring);margin-top:12px;padding:12px}.bnm-teaching-dialogue{gap:12px;display:grid}.bnm-teaching-dialogue article{border:1px solid var(--teach-line);border-radius:12px;padding:16px;position:relative}.bnm-teaching-dialogue article>p:first-of-type{font-size:22px;font-weight:600}.bnm-teaching-dialogue>div:nth-child(2n){margin-left:20px}.bnm-teaching-cell .canto-interactive-module{min-width:0;margin:0}.bnm-course-editor{border:1px solid var(--teach-line);border-radius:12px;width:100%;min-width:0;font-size:14px}.bnm-course-editor-toolbar{border-bottom:1px solid var(--teach-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.bnm-course-editor-toolbar>div:first-child{gap:4px;display:grid}.bnm-course-editor-toolbar>div:last-child{flex-wrap:wrap;gap:6px;display:flex}.bnm-course-editor .is-primary{background:var(--bnm-action-fill);color:var(--bnm-action-ink);border-color:var(--bnm-action-fill);font-weight:700}.bnm-course-editor-status{color:var(--teach-soft);margin:0;padding:8px 16px;line-height:1.5}.bnm-course-editor-layout{grid-template-columns:190px minmax(0,1fr) 280px;align-items:start;gap:12px;padding:12px;display:grid}.bnm-course-editor :is(label,fieldset){gap:6px;min-width:0;display:grid}.bnm-course-editor fieldset{border:0;gap:12px;margin:0;padding:0}.bnm-course-editor :is(input,textarea,select){box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;font:inherit;color:var(--teach-ink);border:1px solid var(--teach-line);background:var(--teach-surface);border-radius:6px;padding:8px 10px;font-size:16px}.bnm-course-editor textarea{resize:vertical;line-height:1.65}.bnm-teaching-library,.bnm-teaching-settings{border:1px solid var(--teach-line);border-radius:8px;min-width:0;padding:12px}.bnm-teaching-library summary{cursor:pointer;padding:6px 0;font-weight:700}.bnm-teaching-library label{margin:10px 0}.bnm-teaching-library-items{gap:8px;display:grid}.bnm-teaching-library-items article{border:1px solid var(--teach-line);cursor:grab;border-radius:8px;gap:6px;padding:10px;display:grid}.bnm-teaching-library-items p{color:var(--teach-soft);margin:0;line-height:1.5}.bnm-teaching-library-items small{color:var(--teach-soft)}.bnm-teaching-canvas{gap:16px;min-width:0;display:grid}.bnm-teaching-zone{border:1px dashed var(--teach-line);border-radius:8px;min-width:0;padding:10px}.bnm-teaching-zone.is-over{outline:3px solid var(--bnm-focus-ring)}.bnm-teaching-zone>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.bnm-teaching-original{margin:8px 0 14px}.bnm-teaching-original summary{cursor:pointer;color:var(--teach-soft);padding:10px 0}.bnm-teaching-edit-card{border:1px solid var(--teach-line);border-radius:8px;min-width:0;overflow:hidden}.bnm-teaching-edit-card.is-selected{border-color:var(--bnm-focus-ring);box-shadow:0 0 0 2px var(--bnm-focus-ring)}.bnm-teaching-edit-card>header{border-bottom:1px solid var(--teach-line);flex-wrap:wrap;justify-content:space-between;gap:4px;padding:6px;display:flex}.bnm-teaching-edit-card>header>div{gap:3px;display:flex}.bnm-teaching-edit-card>header button{padding:6px 9px}.bnm-teaching-edit-card .bnm-teaching-stage{padding:12px}.bnm-teaching-edit-card .bnm-teaching-large{font-size:clamp(24px,2.8vw,34px)}.bnm-course-editor .bnm-teaching-drop{border-style:dashed;width:100%;margin-top:10px}.bnm-teaching-settings h3{margin:0 0 14px;font-size:16px}.bnm-teaching-settings p,.bnm-teaching-settings small{color:var(--teach-soft);font-size:13px;line-height:1.6}.bnm-teaching-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bnm-teaching-preview-overlay{z-index:2100;background:color-mix(in srgb, var(--build-ink) 48%, transparent);position:fixed;inset:0}.bnm-teaching-preview{z-index:2101;box-sizing:border-box;width:min(720px,100% - 32px);max-height:80dvh;padding:16px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.bnm-teaching-preview>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.bnm-teaching-preview>header h2{margin:0;font-size:20px}.bnm-teaching-preview>p{color:var(--teach-soft);line-height:1.6}.bnm-teaching-preview>button{margin-top:12px}.build-system .studio-course-module-library-list>article{min-height:140px;padding:12px}.build-system .studio-course-module-library-list>article>strong{margin-top:8px;font-size:18px}.build-system .studio-course-module-library-list>article>p{color:color-mix(in srgb, var(--build-ink) 78%, var(--build-panel));font-size:14px}.build-system .studio-course-module-library-list>article :is(small,footer>span){font-size:12px}.build-system .studio-course-module-library-list>article>footer button{min-height:44px;color:var(--bnm-action-ink);background:var(--bnm-action-fill);font-size:14px}.bnm-teaching-cell .canto-interactive-module>header{padding:16px;display:block}.bnm-teaching-cell .canto-interactive-module>header h2{margin:6px 0;font-size:24px}.bnm-teaching-cell .canto-interactive-module>header p{margin:8px 0 0;font-size:16px}.bnm-teaching-cell .canto-interactive-module :is(small,button){font-size:14px}.bnm-teaching-cell .canto-interactive-module button{min-height:var(--bnm-touch-target)}.bnm-teaching-cell .canto-interactive-module :is(.word-pronunciation-stage,.word-association-expansion) p{color:color-mix(in srgb, var(--build-ink) 78%, var(--build-panel));font-size:16px}.bnm-teaching-cell .word-association-core span{color:var(--build-paper)}.bnm-teaching-cell .word-pronunciation-stage>article>b,.bnm-teaching-cell .word-association-expansion>article b{overflow-wrap:anywhere;line-height:1.4}@container (width<=620px){.bnm-teaching-cell .word-pronunciation-stage{min-height:0;padding:12px}.bnm-teaching-cell .word-pronunciation-stage>article{grid-template-columns:minmax(0,1fr)}.bnm-teaching-cell .word-pronunciation-stage>article>b{border-right:0;border-bottom:1px solid var(--build-line);padding:18px;font-size:64px}.bnm-teaching-cell .word-pronunciation-stage>article>span{padding:16px}.bnm-teaching-cell .word-association-module{grid-template-columns:minmax(0,1fr)}.bnm-teaching-cell .word-association-core{min-height:140px;padding:16px}.bnm-teaching-cell .word-association-core b{font-size:64px}.bnm-teaching-cell .word-association-expansion{padding:12px}.bnm-teaching-cell .sound-assembly-formula{flex-wrap:wrap;gap:8px;min-height:0;padding:16px;display:flex}.bnm-teaching-cell .sound-assembly-slot{flex:1;min-width:0}.bnm-teaching-cell .sound-assembly-slot strong{font-size:36px}}@media (width<=1200px){.bnm-course-editor-layout{grid-template-columns:180px minmax(0,1fr)}.bnm-teaching-settings{grid-area:1/1/auto/-1}.bnm-teaching-settings fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.bnm-teaching-grid{grid-template-columns:minmax(0,1fr)}.bnm-teaching-cell.is-half{grid-column:1/-1}.bnm-course-editor-layout{flex-direction:column;padding:8px;display:flex}.bnm-course-editor-layout>*{box-sizing:border-box;width:100%}.bnm-teaching-library{order:0}.bnm-teaching-settings{order:1}.bnm-teaching-canvas{order:2}.bnm-teaching-library-items{grid-template-columns:repeat(2,minmax(0,1fr))}.bnm-teaching-settings fieldset{grid-template-columns:minmax(0,1fr)}.bnm-teaching-stage{padding:16px}.bnm-teaching-pair{gap:8px}.bnm-teaching-pair article{padding:8px}}@media (prefers-reduced-motion:reduce){.bnm-teaching-motion,.bnm-teaching-block *{transition:none!important;animation:none!important}}.bnm-personal{--personal-ink:var(--build-ink,#111719);color:var(--personal-ink);width:min(100%,820px);margin:auto;padding:20px 28px 100px;font-size:16px}.build-system .studio-site.studio-route-account{background:var(--build-paper,#f4f1e8);background-image:none}.build-system .studio-site .bnm-personal .bnm-personal-resume a{color:#111719;background:var(--bnm-action-fill,#10d4db)}.bnm-personal>header{justify-content:space-between;align-items:center;min-height:48px;display:flex}.bnm-personal>header a{place-items:center;min-width:44px;min-height:44px;display:grid}.bnm-personal>header b{align-items:baseline;gap:3px;font:700 20px Oxanium,sans-serif;display:flex}.bnm-personal>header i{background:var(--bnm-brand-mark,#ff3728);width:6px;height:6px}.bnm-personal h1{margin:34px 0 24px;font-size:clamp(32px,5vw,48px);line-height:1.2}.bnm-personal button,.bnm-personal a{color:inherit;font:inherit;cursor:pointer;text-decoration:none}.bnm-personal button{text-align:left;background:0 0;border:0}.bnm-personal button:disabled{cursor:default;opacity:.6}.bnm-personal :is(button,a):focus-visible{outline:2px solid var(--bnm-focus-ring,#009da8);outline-offset:4px}.bnm-personal :is(.bnm-personal-identity,.bnm-personal-links>*,.bnm-personal-website){align-items:center;gap:18px;width:100%;min-height:64px;padding:23px 0;display:flex}.bnm-personal :is(.bnm-personal-identity,.bnm-personal-links>*)>span{flex:1;gap:7px;display:grid}.bnm-personal strong{font-size:18px;font-weight:600}.bnm-personal small{opacity:.73;font-size:14px;line-height:1.5}.bnm-personal-links>*{border-bottom:1px solid color-mix(in srgb, currentColor 18%, transparent)}.bnm-personal-links svg{flex-shrink:0;width:24px;height:24px}.bnm-personal-resume{border-block:1px solid color-mix(in srgb, currentColor 18%, transparent);align-items:center;gap:18px;padding:28px 0;display:flex}.bnm-personal-resume>span{flex:1;gap:9px;min-width:0;display:grid}.bnm-personal-resume a{background:var(--bnm-action-fill,#10d4db);color:#111719;border-radius:28px;flex-shrink:0;align-items:center;gap:8px;padding:14px 18px;display:flex}.bnm-personal h2{margin:28px 0 14px;font-size:16px}.bnm-personal-languages>div{gap:12px;display:flex}.bnm-personal-languages button{border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:12px;flex:1;align-items:center;gap:8px;min-height:48px;padding:12px;display:flex}.bnm-personal-languages button[aria-pressed=true]{border-color:var(--bnm-focus-ring,#009da8)}.bnm-personal-languages small{margin-left:auto}.bnm-personal-apps article{border-bottom:1px solid color-mix(in srgb, currentColor 15%, transparent);align-items:center;gap:16px;padding:16px 0;display:flex}.bnm-personal-apps article>span:first-child{flex:1;gap:6px;display:grid}.bnm-personal-apps :is(a,.bnm-release-pending){white-space:nowrap;font-size:14px}.bnm-personal-apps p{opacity:.7;font-size:14px}.bnm-personal-website svg:last-child{margin-left:auto}.bnm-account-subheader{align-items:center;gap:16px;padding:20px 0;display:flex}.bnm-account-subheader button{min-height:44px;color:inherit;background:0 0;border:1px solid;border-radius:8px;padding:8px 16px}.studio-account-shell[data-account-section=access] .studio-account-delete-trigger,.studio-account-shell[data-account-section=access] .studio-account-delete,.studio-account-shell[data-account-section=security] :is(.studio-account-entitlements,.studio-account-point-chip),.studio-account-shell[data-account-section] .studio-role-matrix{display:none}.studio-account-shell[data-account-section] .studio-account-layout{display:block}@media (width<=600px){.bnm-personal{padding-inline:22px}.bnm-personal-languages button{flex-wrap:wrap}.bnm-personal-resume{flex-wrap:wrap;align-items:flex-start}.bnm-personal-resume>span{min-width:150px}}@media (width<=900px){.build-system:not(:has(.build-master-control[data-native-app=true])) .bnm-personal{padding-top:76px}.bnm-personal h1{margin-top:22px}.bnm-personal :is(.bnm-personal-identity,.bnm-personal-links>*){padding-block:18px}}.canto-tone-practice{width:min(100%,720px);color:var(--build-ink);margin-inline:auto;padding:8px 0 24px}.canto-tone-practice button{font:inherit;cursor:pointer}.canto-tone-practice button:disabled{cursor:default}.canto-tone-practice button:focus-visible,.canto-tone-practice summary:focus-visible,.canto-tone-practice a:focus-visible{outline:2px solid var(--build-cyan);outline-offset:4px}.canto-tone-practice-header{color:var(--build-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;display:flex}.canto-tone-practice-header button{min-height:44px;color:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0;display:flex}.canto-tone-practice h1{margin:16px 0 24px;font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.25}.canto-tone-practice h2{margin:24px 0 8px;font-size:1.25rem;line-height:1.5}.canto-tone-practice h2:focus{outline:none}.canto-tone-practice p{color:var(--build-muted);margin:8px 0 20px;font-size:1rem;line-height:1.75}.canto-tone-example-picker{border:1px solid var(--build-line);background:var(--build-paper);border-radius:14px}.canto-tone-example-picker summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:14px 16px;list-style:none;display:flex}.canto-tone-example-picker summary::-webkit-details-marker{display:none}.canto-tone-example-picker summary span,.canto-tone-example-picker button span{gap:6px;min-width:0;display:grid}.canto-tone-example-picker summary strong{font-size:1.125rem;line-height:1.5}.canto-tone-example-picker small{color:var(--build-muted);font-size:.875rem}.canto-tone-example-picker[open] summary{border-bottom:1px solid var(--build-line)}.canto-tone-example-picker[open] summary>svg{transform:rotate(180deg)}.canto-tone-example-picker>div{padding:8px}.canto-tone-example-picker button{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.canto-tone-example-picker button[aria-pressed=true]{background:color-mix(in srgb, var(--build-cyan) 10%, transparent)}.canto-tone-phrase-words{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.canto-tone-phrase-words button{border:1px solid var(--build-line);min-width:0;color:inherit;background:0 0;border-radius:12px;justify-items:center;gap:7px;padding:16px 8px;display:grid}.canto-tone-phrase-words button strong{font-size:clamp(1.75rem,6vw,2.25rem);line-height:1.2}.canto-tone-phrase-words button span{overflow-wrap:anywhere;font-size:1rem}.canto-tone-phrase-words button small{color:var(--build-muted);font-size:.875rem}.canto-tone-phrase-words button.is-current{border:2px solid var(--build-cyan);background:color-mix(in srgb, var(--build-cyan) 9%, transparent);padding:15px 7px}.canto-tone-phrase-words button.is-entering{border-bottom-width:3px}.canto-tone-practice .canto-tone-practice-note{border-left:3px solid var(--build-cyan);margin-top:20px;padding:10px 14px}.canto-tone-question-audio{border:1px solid var(--build-line);width:100%;color:inherit;background:var(--build-paper);text-align:left;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:24px;display:grid}.canto-tone-question-audio strong{font-size:4.5rem;line-height:1.2}.canto-tone-question-audio span{grid-column:1/-1;font-size:1.125rem}.canto-tone-question-audio.is-playing{border-color:var(--build-cyan);box-shadow:inset 0 0 0 1px var(--build-cyan)}.canto-tone-answer-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.canto-tone-answer-options button{border:1px solid var(--build-line);min-height:64px;color:inherit;background:0 0;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:10px 4px;display:flex}.canto-tone-answer-options b{font-size:1.4rem}.canto-tone-answer-options span{font-size:.875rem}.canto-tone-answer-options .is-correct{border-color:var(--build-cyan);background:color-mix(in srgb, var(--build-cyan) 12%, transparent)}.canto-tone-answer-options .is-wrong{background:#ad771f1a;border-color:#ad771f}.canto-tone-answer-feedback{border-left:3px solid var(--build-cyan);background:color-mix(in srgb, var(--build-cyan) 7%, transparent);margin-top:20px;padding:16px}.canto-tone-answer-feedback.is-wrong{border-left-color:#ad771f}.canto-tone-answer-feedback p{margin-bottom:0}.canto-tone-practice-result{text-align:center;padding:36px 12px}.canto-tone-practice-result>strong{font-size:3.5rem;display:block}.canto-tone-practice-result>strong small{color:var(--build-muted);font-size:1.5rem}.canto-tone-practice-sources{color:var(--build-muted);gap:10px;margin-top:28px;font-size:.875rem;line-height:1.6;display:grid}.canto-tone-practice-sources a{color:inherit;text-underline-offset:3px}.canto-tone-practice-sources small{font-size:inherit}.canto-tone-practice-actions{gap:12px;margin-top:28px;display:flex}.canto-tone-practice-actions button,.canto-tone-practice-entry{border:1px solid var(--build-line);min-height:52px;color:var(--build-ink);font:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:12px 20px;display:flex}.canto-tone-practice-actions .is-primary,.canto-tone-practice-entry{color:#092124;background:var(--build-cyan);border-color:var(--build-cyan);flex:1}.canto-tone-practice-actions button:disabled{opacity:.45}.canto-tone-practice-entry{width:min(100%,720px);margin:20px auto 32px}@media (width>=700px){.canto-tone-phrase-words{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.canto-tone-practice button{transition:border-color .18s,background-color .18s}}.build-master-control{z-index:920;color:var(--build-ink);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;position:fixed;top:14px;right:18px}.build-master-control-bar{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);grid-template-columns:repeat(4,44px);width:176px;height:48px;display:grid;overflow:hidden}.build-master-control-button{border:0;border-right:1px solid var(--build-line);width:44px;height:46px;color:var(--build-ink);background:0 0;place-items:center;padding:0;display:grid}.build-master-control-button:last-child{border-right:0}.build-master-control-button.is-brand{color:var(--build-signal)}.build-master-control-button.is-translation{color:var(--build-signal);position:relative}.build-master-control-button.is-translation>small{color:var(--build-ink);font:800 8px/1 Oxanium,sans-serif;position:absolute;bottom:3px;right:4px}.build-master-control-button:hover,.build-master-control-button:focus-visible,.build-master-control-button[aria-expanded=true]{background:var(--build-signal-soft)}.build-master-control-button:focus-visible{z-index:1;outline:2px solid var(--build-signal);outline-offset:-3px;position:relative}.build-command-panel{border:1px solid var(--build-line);width:min(430px,100vw - 32px);color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 97%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);animation:.22s both buildPanelIn;position:absolute;top:58px;right:0}@keyframes buildPanelIn{0%{opacity:0;transform:translateY(-8px)}}.build-command-panel>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;display:flex}.build-command-panel>header>span{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:9px;font-weight:700}.build-command-panel>header button{width:44px;height:44px;color:var(--build-ink);background:0 0;border:0}.build-system-panel{padding:10px 16px 16px}.build-system-row{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:64px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:grid}.build-system-row>span{flex-direction:column;gap:3px;display:flex}.build-system-row small{color:var(--build-muted);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.build-system-row strong{font-size:13px}.build-system-row>button{border:1px solid var(--build-line);min-width:54px;min-height:34px;color:var(--build-signal);background:0 0;font-size:10px}.build-system-row:hover{background:var(--build-signal-soft)}.build-navigation-row{grid-template-columns:26px minmax(74px,1fr) auto}.build-language-row{grid-template-columns:26px minmax(92px,1fr) auto}.build-language-options,.build-navigation-options{border:1px solid var(--build-line);grid-template-columns:repeat(3,50px);display:grid}.build-language-options{border:1px solid var(--build-line);grid-template-columns:repeat(3,42px);display:grid}.build-language-options button,.build-navigation-options button{border:0;border-right:1px solid var(--build-line);min-width:0;min-height:34px;color:var(--build-muted);background:0 0;padding:0;font-size:9px}.build-language-options button:last-child,.build-navigation-options button:last-child{border-right:0}.build-language-options button:hover,.build-language-options button:focus-visible,.build-navigation-options button:hover,.build-navigation-options button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.build-language-options button.is-active,.build-navigation-options button.is-active{color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .build-language-options button.is-active,.build-system[data-build-theme=dark] .build-navigation-options button.is-active{color:#031012}.build-locale-fallback{color:var(--build-muted);margin:13px 10px;font-size:11px;line-height:1.6}.build-feedback-shortcut{border:1px solid var(--build-signal);width:100%;min-height:46px;color:var(--build-signal);background:0 0;justify-content:space-between;align-items:center;margin-top:10px;padding:0 12px;display:flex}.build-feedback-form{flex-direction:column;gap:12px;padding:22px;display:flex}.build-feedback-form strong{font-family:Oxanium,PingFang SC,sans-serif;font-size:22px}.build-feedback-form select,.build-feedback-form textarea{border:1px solid var(--build-line);width:100%;color:var(--build-ink);background:0 0;border-radius:0}.build-feedback-form select{min-height:44px;padding:0 12px}.build-feedback-form textarea{resize:vertical;min-height:112px;padding:12px;line-height:1.6}.build-feedback-form>button{min-height:46px;color:var(--build-paper);background:var(--build-signal);border:0;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.build-system[data-build-theme=dark] .build-feedback-form>button{color:#031012}.build-feedback-form>button:disabled{opacity:.45}.build-feedback-form p{color:var(--build-muted);margin:0;font-size:11px}@media (width>=761px){.build-system .studio-header>.platform-account-menu,.build-system .yoyo-child-header .topbar-actions{margin-right:194px}}@media (width<=760px){.build-master-control{top:calc(82px + env(safe-area-inset-top,0px));right:14px}.build-navigation-row,.build-language-row{grid-template-columns:26px minmax(0,1fr);padding-top:10px;padding-bottom:10px}.build-language-options,.build-navigation-options{grid-column:1/-1;grid-template-columns:repeat(3,1fr);width:100%;margin-top:2px}}.build-master-control[data-native-app=true]{top:auto;right:14px;bottom:calc(88px + env(safe-area-inset-bottom))}.build-master-control[data-native-app=true] .build-command-panel{top:auto;right:12px;bottom:calc(146px + env(safe-area-inset-bottom));width:auto;max-height:min(620px,100svh - 162px);position:fixed;left:12px;overflow-y:auto}@media (width<=760px){.build-system:is([data-navigation-mode=left],[data-navigation-mode=right]) .build-master-control[data-native-app=true]{bottom:calc(132px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.build-command-panel{animation:none}}:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.mobile-carousel{overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:auto}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel{touch-action:pan-y;overflow:auto hidden}.mobile-carousel[data-dragging=true]{cursor:none}.mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag));will-change:transform;display:flex}.mobile-carousel-scrollbar{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.mobile-carousel-scrollbar[data-visible=true]{opacity:1}.mobile-carousel-scrollbar-thumb{background:#00000059;border-radius:999px;height:3px;position:absolute;bottom:4px;right:4px}body{min-width:320px;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.phone-stage{place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.device-menu-bar{z-index:100;border-radius:12px;padding:3px;position:absolute;top:18px;right:18px}.device-picker-trigger{color:#151515;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-trigger:hover,.device-picker-trigger[data-state=open]{background:#0000000e}.device-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #000000b8}.device-picker-menu{z-index:200;min-width:168px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fffffffa;border-radius:12px;padding:3px;animation:.12s ease-out device-menu-in;box-shadow:0 0 1px #0000000f,0 0 0 1px #00000014,0 4px 4px #0000000d}.device-picker-item{color:#181818;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 9px 0 10px;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-item[data-highlighted]{background:#f0f0f0}.device-picker-item[data-state=checked]{font-weight:600}.device-picker-check{color:#181818;place-items:center;display:grid}@keyframes device-menu-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.phone-scale-box{position:relative}.phone-device{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.phone-bezel{object-fit:contain;z-index:2;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.device-screen{cursor:none;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:42px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.device-camera{z-index:75;pointer-events:none;background:#050505;border-radius:50%;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.device-screen img,.keyboard-asset{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.device-screen input,.device-screen textarea,.device-screen select,.device-screen option,.device-screen [contenteditable=true]{-webkit-user-select:auto;user-select:auto}.device-screen:active,.device-screen:active *,.device-screen input,.device-screen textarea,.device-screen button,.device-screen a,.device-screen [role=button]{cursor:none!important}.device-screen[data-cursor-debug=true],.device-screen[data-cursor-debug=true] *{cursor:default!important}.device-screen :focus,.device-screen :focus-visible{box-shadow:none!important;outline:0!important}.flow-stack,.flow-scenes,.flow-screen,.mobile-app-viewport{position:absolute;inset:0}.flow-stack{--flow-header-height:0px;--flow-header-content-height:0px;--flow-header-safe-area:0px;--flow-footer-height:0px;--keyboard-height:0px;touch-action:pan-y;background:0 0;overflow:hidden}.flow-fixed-header{z-index:12;height:var(--flow-header-height);padding-top:var(--flow-header-safe-area);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.flow-fixed-footer{z-index:12;right:0;bottom:var(--keyboard-height);height:var(--flow-footer-height);background:0 0;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}.flow-scenes{top:var(--flow-header-height);bottom:0;overflow:hidden}.flow-screen{will-change:transform;background:0 0;overflow:hidden}.mobile-page{--mobile-safe-area-height:var(--device-safe-area-bottom,34px);--keyboard-height:0px;position:absolute;inset:0}.mobile-page[data-keyboard-visible=true],.mobile-app-viewport[data-platform=android] .mobile-page{--mobile-safe-area-height:0px}.mobile-scroll{top:0;right:0;bottom:var(--keyboard-height);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll[data-dragging=true]{cursor:none}.mobile-cursor{z-index:80;opacity:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 44%,#ffffffb3 0 34%,#ffffff8a 58%,#eeeeee7a 100%);border:.5px solid #0000001f;border-radius:999px;width:48px;height:48px;transition:opacity 90ms,background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #fff9,inset 0 -5px 10px #0000000d,inset 0 0 0 1px #00000006}.mobile-cursor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:999px;width:32px;height:17px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mobile-cursor:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 3px #ffffff47,inset -1px 0 3px #00000005}.mobile-cursor-hotspot{pointer-events:none;background:#ffffffd1;border:1px solid #007afff2;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #007aff29}.mobile-cursor-hotspot:before,.mobile-cursor-hotspot:after{content:"";background:#007afff2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-cursor-hotspot:before{width:17px;height:1px}.mobile-cursor-hotspot:after{width:1px;height:17px}.mobile-cursor[data-visible=true]{opacity:1}.mobile-cursor[data-active=true]{background:radial-gradient(circle at 50% 55%,#e8e8e894 0 30%,#f8f8f880 62%,#ffffffad 100%);box-shadow:inset 0 3px 7px #00000014,inset 0 -4px 8px #ffffff57,inset 0 0 0 1px #00000008}.mobile-cursor[data-active=true]:before{background:linear-gradient(#0000000e,#0000)}.mobile-cursor[data-active=true]:after{box-shadow:inset 0 5px 9px #0000000b,inset 0 -3px 7px #ffffff47}.mobile-scroll-content{will-change:transform;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:0;display:grid}.mobile-scrollbar{z-index:9;top:4px;right:5px;bottom:calc(var(--mobile-safe-area-height) + var(--keyboard-height) + 4px);opacity:0;pointer-events:none;width:4px;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute}.mobile-page[data-keyboard-dragging=true] .mobile-scroll,.mobile-page[data-keyboard-dragging=true] .mobile-scrollbar,.flow-stack[data-keyboard-dragging=true] .flow-fixed-footer{transition:none}.mobile-scrollbar[data-visible=true]{opacity:1}.mobile-scrollbar-thumb{background:#00000047;border-radius:999px;width:4px;min-height:36px;transition:background .12s;box-shadow:0 0 0 1px #ffffff2e}.status-bar{z-index:72;color:#050505;pointer-events:none;background:0 0;grid-template-columns:1fr auto;align-items:center;height:54px;padding:10px 34px 0 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;top:0;left:0;right:0}.device-screen[data-device=pixel-10] .status-bar{align-items:start;height:auto;padding:32px 32px 0;font-family:Roboto,Arial,sans-serif}.status-time{text-align:center;letter-spacing:0;justify-self:start;min-width:58px;font-size:15px;font-weight:600;line-height:1}.status-indicators{justify-self:end;align-items:center;display:flex}.status-indicator-svg{display:block}.status-indicator-svg[data-platform=ios]{width:79px;height:13px}.status-indicator-svg[data-platform=android]{width:50px;height:14px}.device-screen[data-device=pixel-10] .status-time{font-weight:500;transform:translateY(2px)}.home-indicator-svg{z-index:70;width:100%;height:var(--device-safe-area-bottom,34px);pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.android-navigation-bar{z-index:70;width:428px;height:var(--device-safe-area-bottom,48px);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;bottom:-1px;left:-1px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;line-height:1.08}h2{font-size:15px}p{color:#555;font-size:14px;line-height:1.45}.field-label{color:#555;font-size:13px;font-weight:800}.mobile-field{gap:8px;display:grid}.mobile-field input{color:#151515;background:#fff;border:1px solid #0000001a;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.mobile-field input:focus{box-shadow:none;border-color:#00000029}.device-screen .mobile-field input:focus,.device-screen .mobile-field input:focus-visible{border-color:#0000001f;box-shadow:none!important;outline:0!important}.sheet-overlay{z-index:20;background:#00000057;position:absolute;inset:0}.bottom-sheet{z-index:21;touch-action:none;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;min-height:260px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:none;place-items:center;height:30px;display:grid}.sheet-handle{background:#c9c9c4;border-radius:999px;width:42px;height:5px}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:900}.sheet-description{color:#737373;margin:0;font-size:13px;line-height:1.35}.sheet-content{padding:0 18px 24px;overflow:auto}.keyboard-dock{z-index:30;height:339px;box-shadow:none;pointer-events:none;will-change:transform;background:#d8d9de;border-radius:32px 32px 0 0;padding:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.keyboard-dock[data-platform=android]{background:#f3f2f6;border-radius:0;box-shadow:0 -1px 2px #00000014}.keyboard-dock[data-visible=true]{pointer-events:auto}.keyboard-asset{z-index:1;border-radius:inherit;object-fit:cover;object-position:center bottom;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.keyboard-dock[data-platform=android] .keyboard-asset{object-fit:fill;border-radius:0}@font-face{font-family:Oxanium;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/oxanium-latin-400-normal-DcSlRu53.woff2)format("woff2"),url(/assets/oxanium-latin-400-normal-BnNz-3Mf.woff)format("woff")}@font-face{font-family:Oxanium;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/oxanium-latin-500-normal-tnlOn7Ka.woff2)format("woff2"),url(/assets/oxanium-latin-500-normal-BsTRBkab.woff)format("woff")}@font-face{font-family:Oxanium;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/oxanium-latin-600-normal-DW9ldEDP.woff2)format("woff2"),url(/assets/oxanium-latin-600-normal-DNQhW0y0.woff)format("woff")}@font-face{font-family:Oxanium;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oxanium-latin-700-normal-l0hKEjh4.woff2)format("woff2"),url(/assets/oxanium-latin-700-normal-b_KP-pae.woff)format("woff")}:root{--paper:#f7f1e7;--paper-deep:#eee3d4;--ink:#342a25;--muted:#7f7168;--terracotta:#ad5d42;--terracotta-dark:#8d442e;--line:#4e392d24;--cream:#fffaf2;--sage:#77806c}.phone-stage{top:var(--bnm-viewport-top,0px);left:0;width:100%!important;height:var(--bnm-viewport-height,100dvh)!important;padding:0!important;display:block!important;position:fixed!important}.phone-scale-box,.phone-device,.device-screen{width:100%!important;height:100%!important}.phone-scale-box{position:absolute!important;inset:0!important}.phone-device{inset:0!important;transform:none!important}.device-screen{transform:translateZ(0);box-shadow:none!important;cursor:auto!important;border-radius:0!important;top:0!important;left:0!important}:is(html:has(.build-system),body:has(.build-system)){overscroll-behavior:none;overflow:hidden}body:has(.build-system){position:fixed;inset:0}.device-screen,.device-screen *{cursor:auto!important}.device-menu-bar,.phone-bezel,.status-bar,.home-indicator-svg,.android-navigation-bar,.device-camera,.mobile-cursor,.keyboard-dock{display:none!important}.mobile-app-viewport[data-platform=android][data-keyboard-visible=false]{bottom:0!important}.mobile-page{--mobile-safe-area-height:env(safe-area-inset-bottom,0px)!important;--keyboard-height:0px!important}.mobile-scroll{bottom:0!important}.canto-reading-practice{border:1px solid var(--build-line);background:var(--build-panel);color:var(--build-ink);min-width:0;margin-top:16px;padding:16px}.canto-reading-practice header,.canto-reading-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.canto-reading-practice header{justify-content:space-between}.canto-reading-practice button{min-height:44px;color:inherit;font:inherit;background:0 0;border:1px solid;padding:8px 12px}.canto-reading-practice button:disabled{opacity:.55}.canto-reading-practice p{overflow-wrap:anywhere;margin:12px 0;line-height:1.65}.canto-reading-practice small{font-size:13px;line-height:1.6;display:block}.canto-reading-actions{margin:12px 0}.canto-reading-score{margin:16px 0 8px;font-size:28px;display:block}.canto-reading-replay{grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0;display:grid}.canto-reading-replay audio{width:100%;min-width:0}.canto-reading-error{font-weight:600}.canto-story-correction-reason{border-top:1px solid;margin:14px 0 0;padding-top:12px;font-size:14px;line-height:1.65}.canto-story-correction-reason b{margin-bottom:4px;display:block}.canto-story-teaching-editor{border:1px solid var(--build-line);gap:10px;margin-top:12px;padding:12px;display:grid}.canto-story-teaching-editor p{margin:0;font-size:13px;line-height:1.6}.canto-story-teaching-editor select{width:100%;min-height:44px;color:inherit;background:var(--build-paper);border:1px solid var(--build-line);font:inherit}.yoyo-app{color:var(--ink);background:var(--paper);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden}.yoyo-app button,.yoyo-app input,.yoyo-app textarea{font:inherit}.device-screen button,.device-screen a,.device-screen [role=button],.device-screen:active button,.device-screen:active a,.device-screen:active [role=button]{cursor:pointer!important}.device-screen input,.device-screen textarea,.device-screen:active input,.device-screen:active textarea{cursor:text!important}.device-screen input[type=date],.device-screen input[type=time],.device-screen input[type=datetime-local],.device-screen:active input[type=date],.device-screen:active input[type=time],.device-screen:active input[type=datetime-local]{cursor:pointer!important}.device-screen .yoyo-app button:focus-visible,.device-screen .yoyo-app a:focus-visible,.device-screen .yoyo-app input:focus-visible,.device-screen .yoyo-app textarea:focus-visible{outline-offset:2px!important;outline:2px solid #ad5d427a!important}.yoyo-app button{color:inherit}.yoyo-app img{object-fit:cover;width:100%;display:block}.topbar{z-index:15;align-items:center;gap:10px;height:68px;display:flex;position:absolute;top:0;left:22px;right:22px}.topbar-mark{flex:0 0 0;width:0}.brand-lockup{flex-direction:column;flex:1;min-width:0;display:flex}.brand-lockup strong{letter-spacing:.02em;font-family:Songti SC,STSong,serif;font-size:18px}.brand-lockup span{display:none}.privacy-button,.icon-button{border:1px solid var(--line);background:#fffaf2e6}.privacy-button{color:#715e52;border-radius:18px;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:10px;display:inline-flex}.topbar-actions{flex:none;align-items:center;gap:7px;display:flex}.header-baby-switch{z-index:32;flex:none;position:relative}.header-baby-switch-trigger{max-width:108px;min-height:34px;color:var(--terracotta-dark);white-space:nowrap;background:#fffaf2eb;border:1px solid #ad5d4238;border-radius:18px;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #59392912}.header-baby-switch-trigger span{text-overflow:ellipsis;max-width:54px;overflow:hidden}.header-baby-switch-trigger>svg:last-child{transition:transform .18s}.header-baby-switch.is-open .header-baby-switch-trigger>svg:last-child{transform:rotate(180deg)}.header-baby-switch-menu{z-index:45;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2fa;border:1px solid #ad5d4233;border-radius:20px;width:min(280px,100vw - 32px);padding:13px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 20px 48px #432d2233}.header-baby-switch-menu>header{border-bottom:1px solid #ad5d421f;justify-content:space-between;align-items:baseline;padding:2px 3px 10px;display:flex}.header-baby-switch-menu>header small{color:var(--terracotta);letter-spacing:.12em;font-size:8px}.header-baby-switch-menu>header strong{font-family:Songti SC,STSong,serif;font-size:16px}.header-baby-switch-menu>div{gap:6px;padding-top:9px;display:grid}.header-baby-switch-menu>div>button{text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:52px;padding:7px 8px;display:grid}.header-baby-switch-menu>div>button:hover{background:#f6e8dc85;border-color:#ad5d4233}.header-baby-switch-menu>div>button.is-active{background:#f2dfd2;border-color:#ad5d424d}.header-baby-switch-menu>div>button>span{width:31px;height:31px;color:var(--terracotta);background:#efd8c9;border-radius:50%;place-items:center;display:grid}.header-baby-switch-menu>div>button>div{flex-direction:column;gap:2px;min-width:0;display:flex}.header-baby-switch-menu>div>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.header-baby-switch-menu>div>button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.header-baby-switch-menu>div>button>svg{color:var(--terracotta)}.header-baby-switch-menu>div>p{color:var(--muted);margin:12px 3px;font-size:9px}.membership-entry-button{min-height:34px;color:var(--terracotta-dark);white-space:nowrap;background:#f1ded1;border:1px solid #ad5d4247;border-radius:18px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:700;transition:transform .18s,background-color .18s,box-shadow .18s;display:inline-flex;box-shadow:0 6px 16px #78463014}.membership-entry-button:hover,.membership-entry-button:focus-visible{background:#ecd1c0;transform:translateY(-1px);box-shadow:0 8px 20px #78463021}.icon-button{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.connection-dot{background:#c99a5b;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #c99a5b1f}.connection-dot.is-live{background:#5c8667;box-shadow:0 0 0 5px #5c866721}.app-screen{background:var(--paper)}.page-content{min-height:100%;padding:calc(82px + var(--build-safe-top,env(safe-area-inset-top,0px))) 22px calc(env(safe-area-inset-bottom,0px) + 112px);box-sizing:border-box}.page-admin{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 34px)}.page-home{padding-top:calc(72px + var(--build-safe-top,env(safe-area-inset-top,0px)))}.timeline-context{background:#fffaf2c7;border:1px solid #ad5d4229;border-radius:18px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 18px;padding:11px 12px;display:grid}.timeline-context.is-empty{background:#f4e8dd;border-style:dashed}.timeline-context-icon{width:34px;height:34px;color:var(--terracotta);background:#f1ddd1;border-radius:50%;place-items:center;display:grid}.timeline-context>div{flex-direction:column;min-width:0;display:flex}.timeline-context small{color:var(--terracotta);letter-spacing:.1em;font-size:8px}.timeline-context strong{margin-top:2px;font-family:Songti SC,STSong,serif;font-size:14px}.timeline-context div span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8px;overflow:hidden}.timeline-context>button{color:var(--terracotta);white-space:nowrap;background:0 0;border:0;align-items:center;gap:2px;padding:7px 0 7px 8px;font-size:9px;display:inline-flex}.eyebrow{color:var(--terracotta);letter-spacing:.2em;margin:0 0 8px;font-size:10px;font-weight:700}.page-intro{margin:14px 0 24px}.page-intro h1,.hero-section h1,.admin-login h1{letter-spacing:-.04em;margin:0;font-family:Songti SC,STSong,serif;font-weight:600}.page-intro h1{max-width:330px;font-size:28px;line-height:1.35}.page-intro>p:last-child{max-width:328px;color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.75}.hero-image-wrap{background:var(--paper-deep);border-radius:0;height:365px;margin:6px -22px 30px;position:relative;overflow:hidden}.hero-image-wrap img{height:100%}.hero-image-wrap:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff40;position:absolute;inset:0}.hero-image-wrap.is-empty{place-items:center;display:grid}.home-photo-empty{color:var(--muted);flex-direction:column;align-items:center;gap:8px;display:flex}.home-photo-empty strong{color:var(--ink);font-family:Songti SC,STSong,serif;font-size:18px}.home-photo-empty span{font-size:10px}.hero-date{color:#fffaf4;letter-spacing:.12em;background:#432d2194;border-radius:14px;padding:6px 9px;font-size:9px;position:absolute;bottom:15px;left:18px}.product-hotspot{z-index:3;width:38px;height:38px;position:absolute;top:52%;left:68%}.hotspot{z-index:2;color:#fff;background:var(--terracotta);border:0;border-radius:50%;place-items:center;width:38px;height:38px;transition:transform .24s,box-shadow .24s,background-color .24s;display:grid;position:relative;box-shadow:0 7px 18px #532a1c40,0 0 0 5px #fffaf2c7}.hotspot:after{border-radius:inherit;content:"";opacity:0;pointer-events:none;border:1px solid #fffaf2db;position:absolute;inset:-7px}.hotspot svg{transition:transform .24s}.hotspot:focus-visible{outline-offset:5px;outline:2px solid #fffaf2}.hotspot-card{text-align:left;width:224px;color:var(--ink);opacity:0;visibility:hidden;transform-origin:100%;pointer-events:none;background:#fffaf2f5;border:1px solid #ad5d4233;border-radius:18px;padding:15px 16px 13px;transition:opacity .2s,transform .24s,visibility .2s linear;position:absolute;top:170%;right:calc(100% + 16px);transform:translate(12px,-50%)scale(.96);box-shadow:0 18px 45px #432d2133}.hotspot-card:after{content:"";background:#fffaf2;border-top:1px solid #ad5d4233;border-right:1px solid #ad5d4233;width:11px;height:11px;position:absolute;top:25%;right:-6px;transform:translateY(-50%)rotate(45deg)}.hotspot-card-heading{flex-direction:column;gap:3px;display:flex}.hotspot-card-heading span{color:var(--terracotta);letter-spacing:.14em;font-size:8px;font-weight:700}.hotspot-card-heading strong{font-family:Songti SC,STSong,serif;font-size:17px;line-height:1.35}.hotspot-card dl{gap:7px;margin:12px 0 10px;display:grid}.hotspot-card dl div{border-bottom:1px solid #ad5d421f;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:6px;display:flex}.hotspot-card dt{color:var(--muted);font-size:9px}.hotspot-card dd{margin:0;font-size:10px;font-weight:600}.hotspot-card .hotspot-price{color:var(--terracotta);font-size:13px}.hotspot-card>small{color:var(--muted);letter-spacing:.04em;font-size:8px}.product-hotspot:hover .hotspot,.product-hotspot:focus-within .hotspot{background:#a65a40;transform:scale(1.1);box-shadow:0 11px 24px #532a1c52,0 0 0 6px #fffaf2db}.product-hotspot:hover .hotspot:after,.product-hotspot:focus-within .hotspot:after{animation:.8s ease-out hotspot-halo}.product-hotspot:hover .hotspot svg,.product-hotspot:focus-within .hotspot svg{transform:rotate(180deg)}.product-hotspot:hover .hotspot-card,.product-hotspot:focus-within .hotspot-card{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}@keyframes hotspot-halo{0%{opacity:.72;transform:scale(.72)}to{opacity:0;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.hotspot,.hotspot svg,.hotspot-card{transition-duration:.01ms}.product-hotspot:hover .hotspot:after,.product-hotspot:focus-within .hotspot:after{animation:none}}.hero-section{text-align:center}.hero-copy-panel .eyebrow{display:none}.hero-copy-panel h1{letter-spacing:-.04em;white-space:nowrap;margin:0;font-family:Songti SC,STSong,serif;font-size:29px;font-weight:600;line-height:1.3}.hero-copy-panel h1 span{display:inline}.hero-copy{max-width:322px;color:var(--muted);margin:12px auto 20px;font-size:12px;line-height:1.8}.hero-copy-panel>.primary-button{width:272px}.home-link-row{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;width:270px;min-height:66px;margin:18px auto 0;padding:12px 4px;display:grid}.home-link-row img{border:3px solid var(--cream);width:38px;height:38px;box-shadow:0 0 0 1px var(--line);border-radius:9px}.home-link-placeholder{width:38px;height:38px;color:var(--terracotta);background:#f1ddd1;border-radius:9px;place-items:center;display:grid}.home-link-row span{font-family:Songti SC,STSong,serif;font-size:13px}.album-empty-inline{color:var(--muted);background:#fffaf280;border:1px dashed #ad5d423d;border-radius:18px;padding:20px;font-size:10px}.primary-button,.secondary-button{border-radius:24px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex}.primary-button{background:var(--terracotta);border:0;box-shadow:0 9px 23px #753a2733;color:#fffaf2!important}.primary-button:disabled{opacity:.55}.secondary-button{border:1px solid var(--line);background:var(--cream)}.section-block{margin-top:42px}.recent-section{margin-top:86px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-heading span{color:var(--muted);letter-spacing:.12em;font-size:10px}.section-heading h2{margin:3px 0 0;font-family:Songti SC,STSong,serif;font-size:20px}.section-heading button{color:var(--terracotta);background:0 0;border:0;padding:5px 0;font-size:11px}.photo-carousel,.chip-carousel{margin-left:-22px;margin-right:-22px}.photo-carousel-content{gap:12px;width:max-content;padding:0 22px 4px;display:flex}.mini-photo{text-align:left;background:0 0;border:0;width:148px;padding:0}.mini-photo img{border-radius:18px;height:178px}.mini-photo span{text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-family:Songti SC,STSong,serif;font-size:13px;font-weight:600;display:block;overflow:hidden}.mini-photo small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.bottom-nav{z-index:16;right:16px;bottom:max(10px, env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2f0;border:1px solid #503a2d1f;border-radius:26px;grid-template-columns:repeat(6,1fr);height:66px;padding:6px 8px;display:grid;position:absolute;left:16px;box-shadow:0 14px 32px #48322429}.bottom-nav button{color:#8c7f76;background:0 0;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.bottom-nav button.is-active{color:#fff;background:var(--terracotta)}.bottom-nav.is-guest-nav{grid-template-columns:repeat(3,1fr)}.chip-carousel{margin-top:-8px;margin-bottom:20px}.chip-carousel-content{gap:8px;width:max-content;padding:8px 22px;display:flex}.chip{border:1px solid var(--line);min-width:58px;height:34px;color:var(--muted);background:var(--cream);border-radius:18px;padding:0 14px;font-size:11px}.chip.is-active{border-color:var(--terracotta);color:#fff;background:var(--terracotta)}.album-grid{grid-template-columns:1fr 1fr;gap:18px 12px;display:grid}.album-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin:-10px 0 10px;padding:0 2px;display:flex}.album-toolbar span{color:var(--muted);font-size:9px}.album-toolbar em{color:var(--sage);font-size:9px;font-style:normal}.album-toolbar button{min-height:36px;color:var(--terracotta-dark);background:#f2dfd2;border:1px solid #ad5d4242;border-radius:18px;align-items:center;gap:5px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.album-upload-card{background:#fffaf2d6;border:1px solid #ad5d4233;border-radius:22px;margin:0 0 22px;padding:18px;box-shadow:0 12px 30px #53372714}.album-upload-heading{color:var(--terracotta);justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.album-upload-heading>div{flex-direction:column;gap:2px;display:flex}.album-upload-heading small{letter-spacing:.12em;font-size:8px}.album-upload-heading strong{color:var(--ink);font-family:Songti SC,STSong,serif;font-size:17px}.album-file-field{min-height:48px;color:var(--terracotta-dark);background:#f5e7dc;border:1px dashed #ad5d4261;border-radius:16px;align-items:center;padding:0 14px;font-size:10px;font-weight:700;display:flex;position:relative}.album-file-field input{opacity:0;width:100%;position:absolute;inset:0}.album-upload-grid{gap:10px;margin-top:12px;display:grid}.album-upload-grid label,.album-story-field{color:var(--muted);flex-direction:column;gap:6px;font-size:9px;display:flex}.album-upload-grid input,.album-story-field textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--cream);border-radius:14px;padding:0 12px;font-size:11px}.album-story-field{margin-top:10px}.album-story-field textarea{resize:vertical;min-height:86px;padding-top:11px}.album-scene-picker{gap:7px;margin-top:10px;display:flex}.album-scene-picker button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:var(--cream);border-radius:18px;padding:0 12px;font-size:9px}.album-scene-picker button.is-active{border-color:var(--terracotta);color:#fff;background:var(--terracotta)}.album-upload-card>.primary-button{width:100%;margin-top:12px}.album-empty-state{text-align:center;min-height:180px;color:var(--muted);border:1px dashed #ad5d423d;border-radius:20px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:7px;display:flex}.album-empty-state strong{color:var(--ink);font-family:Songti SC,STSong,serif;font-size:16px}.album-empty-state span{font-size:9px}.album-card{text-align:left;background:0 0;border:0;min-width:0;padding:0;overflow:hidden}.album-card.is-featured{grid-column:1/-1}.album-card img{border-radius:18px;height:190px}.album-card.is-featured img{height:290px}.album-card .album-meta{color:var(--terracotta);margin-top:9px;font-size:9px;display:block}.album-card strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-family:Songti SC,STSong,serif;font-size:13px;display:block;overflow:hidden}.album-card small{color:var(--muted);margin-top:3px;font-size:9px;display:block}.wishlist-banner,.admin-status{color:var(--terracotta);background:#f5e6db;border:1px solid #ad5d4226;border-radius:16px;align-items:center;gap:8px;margin:-6px 0 15px;padding:12px 14px;font-size:11px;display:flex}.product-list{gap:16px;display:grid}.product-recommendation-loading{box-sizing:border-box;border:1px solid var(--line);min-height:210px;color:var(--terracotta);text-align:center;background:#fffaf2b3;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;display:flex}.product-recommendation-loading strong{color:var(--ink);font-family:Songti SC,STSong,serif;font-size:18px}.product-recommendation-loading span{color:var(--muted);font-size:9px}.product-card{border:1px solid var(--line);background:var(--cream);border-radius:22px;overflow:hidden}.product-image-button{background:var(--paper-deep);border:0;width:100%;padding:0;position:relative}.product-image-button img{height:215px}.product-image-button>span{background:#fffaf2e6;border-radius:14px;padding:5px 9px;font-size:9px;position:absolute}.product-image-button>.product-age-badge{bottom:12px;right:12px}.product-image-button>.product-match-badge{color:var(--terracotta-dark);align-items:center;gap:4px;display:inline-flex;top:12px;left:12px;box-shadow:0 5px 14px #432d211a}.product-info{padding:16px}.product-info>div:first-child{justify-content:space-between;align-items:start;gap:10px;display:flex}.product-info h2{margin:0;font-family:Songti SC,STSong,serif;font-size:18px}.product-info>div:first-child strong{color:var(--terracotta);font-size:14px}.product-info p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0 15px;font-size:11px;line-height:1.65;display:-webkit-box;overflow:hidden}.product-actions{justify-content:space-between;align-items:center;display:flex}.text-button{background:0 0;border:0;align-items:center;gap:4px;padding:6px 0;font-size:11px;display:inline-flex;color:var(--terracotta)!important}.save-button{border:1px solid var(--line);background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;color:var(--terracotta)!important}.save-button.is-saved{background:#f4ded3;border-color:#edc9b9}.search-field{border:1px solid var(--line);height:45px;color:var(--muted);background:var(--cream);border-radius:23px;align-items:center;gap:9px;margin-bottom:14px;padding:0 14px;display:flex}.search-field input{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;font-size:12px}.search-field input::placeholder,.field-group input::placeholder,.field-group textarea::placeholder,.thought-card textarea::placeholder{color:#a99c93}.question-list{gap:10px;display:grid}.question-card{border:1px solid var(--line);background:var(--cream);border-radius:18px;overflow:hidden}.question-card>button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:15px;display:flex}.question-card>button>span{flex-direction:column;min-width:0;display:flex}.question-card small{color:var(--terracotta);font-size:9px}.question-card strong{margin-top:4px;font-family:Songti SC,STSong,serif;font-size:14px;line-height:1.55}.question-card em{color:var(--muted);margin-top:6px;font-size:10px;font-style:normal;line-height:1.55}.question-card svg{color:var(--muted);flex:none;transition:transform .2s}.question-card.is-open>button svg{transform:rotate(180deg)}.question-answer{border-top:1px solid var(--line);padding:0 15px 15px}.question-answer p{margin:13px 0 0;font-size:11px;line-height:1.8}.question-answer span{color:var(--terracotta-dark);margin-top:10px;font-size:9px;display:block}.empty-state{text-align:center;color:var(--muted);padding:32px 16px;font-size:11px}.question-scale{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:2px 0 18px;padding:15px 0 2px}.question-scale-heading{justify-content:space-between;align-items:baseline;padding:0 2px 8px;display:flex}.question-scale-heading span{font-family:Songti SC,STSong,serif;font-size:16px;font-weight:600}.question-scale-heading small{color:var(--muted);font-size:8px}.age-rail{margin-left:-22px;margin-right:-22px}.age-rail-content{gap:4px;width:max-content;padding:7px 22px 15px;display:flex;position:relative}.age-rail-content:before{content:"";background:#d7c8bb;height:1px;position:absolute;top:12px;left:22px;right:22px}.age-tick{min-width:68px;color:var(--muted);background:0 0;border:0;padding:16px 8px 0;font-size:9px;position:relative}.age-tick span{z-index:1;border:2px solid var(--paper);background:#b9a79a;border-radius:50%;width:9px;height:9px;position:absolute;top:1px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #b9a79a}.age-tick.is-active{color:var(--terracotta);font-weight:700}.age-tick.is-active span{background:var(--terracotta);box-shadow:0 0 0 2px #ad5d4238}.question-timeline{gap:22px;display:grid;position:relative}.question-timeline:before{content:"";background:#d7c8bb;width:1px;position:absolute;top:5px;bottom:8px;left:5px}.question-timeline-group{padding-left:25px;position:relative}.question-timeline-group>header{align-items:start;gap:11px;min-height:28px;margin-bottom:9px;display:flex}.timeline-dot{box-sizing:border-box;border:3px solid var(--paper);background:var(--terracotta);width:11px;height:11px;box-shadow:0 0 0 1px var(--terracotta);border-radius:50%;position:absolute;top:4px;left:0}.question-timeline-group>header div{flex-direction:column;display:flex}.question-timeline-group>header strong{font-family:Songti SC,STSong,serif;font-size:17px}.question-timeline-group>header small{color:var(--muted);margin-top:2px;font-size:8px}.care-setup-dock{z-index:56;left:max(8px, env(safe-area-inset-left,0px));align-items:flex-start;transition:top .18s;display:flex;position:absolute}.care-setup-dock:has(.care-setup-fab:active){transition:none}.care-setup-fab{touch-action:none;width:54px;min-height:80px;color:var(--terracotta);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffaf2f5;border:1px solid #ad5d4240;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:7px 5px 9px;display:flex;box-shadow:0 13px 34px #4c312329}.care-setup-fab>svg:first-child{color:#b9a89c}.care-setup-fab span{letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;max-width:44px;font-size:9px;font-weight:700;overflow:hidden}.care-setup-fab i{background:#c99a5b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #c99a5b1f}.care-setup-fab i.is-synced{background:#5c8667;box-shadow:0 0 0 3px #5c866721}.care-setup-fab:active{transform:scale(.98)}.baby-switch-popover{box-sizing:border-box;opacity:0;visibility:hidden;transform-origin:0 0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2fa;border:1px solid #ad5d423d;border-radius:20px;width:min(300px,100vw - 78px);padding:14px;transition:opacity .18s,transform .2s,visibility .18s linear;position:absolute;top:0;left:calc(100% + 10px);transform:translate(-8px)scale(.98);box-shadow:0 22px 52px #432d2233}.care-setup-dock.is-switch-open .baby-switch-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scale(1)}@media (hover:hover) and (pointer:fine){.care-setup-dock:not(.is-settings-open):hover .baby-switch-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scale(1)}}.baby-switch-popover>header{border-bottom:1px solid #ad5d421f;justify-content:space-between;align-items:flex-end;gap:12px;padding:2px 2px 11px;display:flex}.baby-switch-popover>header>div{flex-direction:column;gap:2px;display:flex}.baby-switch-popover>header small{color:var(--terracotta);letter-spacing:.12em;font-size:8px;font-weight:700}.baby-switch-popover>header strong{font-family:Songti SC,STSong,serif;font-size:17px}.baby-switch-popover>header>span{color:var(--muted);font-size:8px}.baby-switch-options{gap:7px;padding:10px 0;display:grid}.baby-switch-options>button{text-align:left;min-width:0;min-height:54px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:15px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;transition:border-color .18s,background .18s,transform .18s;display:grid}.baby-switch-options>button:hover{background:#f6e8dc8f;border-color:#ad5d4238;transform:translate(2px)}.baby-switch-options>button.is-active{background:#f3e2d6;border-color:#ad5d4247}.baby-switch-options>button>span{width:32px;height:32px;color:var(--terracotta);background:#efd8c9;border-radius:50%;place-items:center;display:grid}.baby-switch-options>button>div{flex-direction:column;gap:2px;min-width:0;display:flex}.baby-switch-options strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.baby-switch-options small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.baby-switch-options>button>svg{color:var(--terracotta)}.baby-switch-options>p{color:var(--muted);margin:8px 2px;font-size:9px}.baby-switch-popover>footer{border-top:1px solid #ad5d421f;grid-template-columns:1fr 1fr;gap:7px;padding-top:10px;display:grid}.baby-switch-popover>footer button{border:1px solid var(--line);min-height:36px;color:var(--terracotta-dark);background:var(--cream);border-radius:12px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:8px;display:inline-flex}.baby-switch-popover>footer button:only-child{grid-column:1/-1}.care-setup-popover{box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2fa;border:1px solid #ad5d423d;border-radius:22px;width:min(332px,100vw - 78px);max-height:min(500px,100dvh - 112px);margin-left:10px;padding:18px;animation:.2s both care-setup-in;overflow-y:auto;box-shadow:0 22px 52px #432d2233}.care-setup-popover>header{border-bottom:1px solid #ad5d421f;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.care-setup-popover>header>div{flex-direction:column;min-width:0;display:flex}.care-setup-popover>header small{color:var(--terracotta);letter-spacing:.12em;font-size:8px}.care-setup-popover>header strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:Songti SC,STSong,serif;font-size:18px;overflow:hidden}.care-setup-popover>header span{color:var(--muted);margin-top:4px;font-size:8px}.care-setup-popover>header button{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);background:var(--cream);border-radius:50%;flex:none;place-items:center;display:grid}@keyframes care-setup-in{0%{opacity:0;transform:translate(-8px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.baby-setup-fields{gap:10px;margin-top:16px;display:grid}.baby-setup-fields label{display:block}.baby-setup-fields label>span{color:var(--muted);margin:0 0 6px 2px;font-size:9px;display:block}.baby-setup-fields input{box-sizing:border-box;border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:var(--cream);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:14px;padding:0 12px;font-size:11px}.care-setup-popover .primary-button{width:100%;margin-top:14px}.privacy-note{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:11px;font-size:8px;line-height:1.5;display:flex}.care-preview{margin-top:32px}.membership-hero{background:linear-gradient(135deg,#f5e4d8,#fffaf2e6);border:1px solid #ad5d4238;border-radius:26px;gap:20px;padding:24px 20px;display:grid;box-shadow:0 16px 40px #48322414}.membership-copy>span{color:var(--terracotta);letter-spacing:.14em;font-size:9px;font-weight:700}.membership-copy h1{letter-spacing:-.04em;margin:8px 0 10px;font-family:Songti SC,STSong,serif;font-size:29px;font-weight:600;line-height:1.35}.membership-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.membership-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.membership-benefits span{min-width:0;min-height:82px;color:var(--terracotta-dark);text-align:center;background:#fffaf2b8;border:1px solid #ad5d4229;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 6px;font-size:9px;display:flex}.membership-cta{width:100%}.membership-details{gap:10px;margin-top:18px;display:grid}.membership-details article{border:1px solid var(--line);background:#fffaf2b8;border-radius:20px;grid-template-columns:38px minmax(0,1fr);gap:12px;min-width:0;padding:17px;display:grid}.membership-details article>span{width:38px;height:38px;color:var(--terracotta);background:#efd8c9;border-radius:50%;place-items:center;display:grid}.membership-details strong{font-family:Songti SC,STSong,serif;font-size:15px}.membership-details p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.7}.membership-note{color:var(--muted);margin:14px 2px 0;font-size:8px;line-height:1.7}.care-preview-grid{gap:10px;display:grid}.care-preview-grid article{border:1px solid var(--line);background:var(--cream);border-radius:16px;grid-template-columns:62px 1fr;gap:3px 10px;padding:14px 15px;display:grid}.care-preview-grid small{color:var(--terracotta);grid-row:span 2;align-self:center;font-family:Songti SC,STSong,serif;font-size:13px}.care-preview-grid strong{font-size:11px}.care-preview-grid span{color:var(--muted);font-size:8px}.care-summary{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.care-summary>div{border:1px solid var(--line);background:#fffaf2bf;border-radius:18px;flex-direction:column;min-width:0;padding:14px;display:flex}.care-summary small{color:var(--muted);font-size:8px}.care-summary strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:Songti SC,STSong,serif;font-size:16px;overflow:hidden}.care-summary span{color:var(--terracotta);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8px;overflow:hidden}.care-controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.care-controls .chip-carousel{flex:1;min-width:0;margin-bottom:12px}.upcoming-toggle{border:1px solid var(--line);color:var(--muted);background:var(--cream);border-radius:16px;flex:none;align-items:center;gap:4px;padding:8px 10px;font-size:9px;display:inline-flex}.upcoming-toggle.is-active{border-color:var(--terracotta);color:var(--terracotta)}.care-timeline{display:grid;position:relative}.care-time-group{grid-template-columns:64px minmax(0,1fr);align-items:stretch;display:grid}.care-group-axis{text-align:right;border-right:1px solid #d7c8bb;flex-direction:column;align-items:flex-end;padding:21px 8px 18px 0;display:flex;position:relative}.care-group-axis>span{box-sizing:border-box;border:3px solid var(--paper);background:var(--terracotta);width:11px;height:11px;box-shadow:0 0 0 1px var(--terracotta);border-radius:50%;position:absolute;top:25px;right:-6px}.care-group-axis small{color:var(--terracotta);font-family:Songti SC,STSong,serif;font-size:10px;line-height:1.35}.care-group-axis time{color:var(--muted);margin-top:5px;font-size:7px;line-height:1.35}.care-group-body{min-width:0;margin:0 0 18px 15px;padding-top:12px}.care-group-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));align-items:stretch;gap:10px;display:grid}.care-event-card{box-sizing:border-box;border:1px solid var(--line);background:var(--cream);border-radius:20px;min-width:0;height:100%;padding:17px 16px;box-shadow:0 7px 20px #4832240d}.care-event-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.care-category{align-items:center;gap:4px;font-size:8px;font-weight:700;display:inline-flex}.care-vaccination{color:#9a543f}.care-health_check{color:#5c725f}.care-growth{color:#896f3e}.care-home{color:#6a6680}.care-event-heading em{color:var(--muted);font-size:8px;font-style:normal}.care-event-card h2{margin:10px 0 6px;font-family:Songti SC,STSong,serif;font-size:16px;line-height:1.45}.care-date{color:var(--terracotta);align-items:center;gap:5px;font-size:9px;display:flex}.care-event-card p{color:var(--muted);margin:9px 0 13px;font-size:10px;line-height:1.65}.care-event-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.complete-button{color:var(--terracotta);background:0 0;border:1px solid #d5c5b8;border-radius:14px;align-items:center;gap:4px;padding:7px 10px;font-size:9px;display:inline-flex}.complete-button.is-complete{color:#45664d;background:#e2ede4;border-color:#b9cfbd}.complete-button:disabled{color:#978b82;opacity:1;background:#eee7de;border-color:#d9cec4;cursor:not-allowed!important}.care-event-actions a{color:var(--muted);align-items:center;gap:2px;font-size:8px;text-decoration:none;display:inline-flex}.care-time-group.is-completed .care-group-axis>span{background:#6f8a73;box-shadow:0 0 0 1px #6f8a73}.care-event-card.is-completed h2{color:#726a65;-webkit-text-decoration:line-through #726a6573;text-decoration:line-through #726a6573}.care-group-expand{width:100%;color:var(--terracotta);background:#fffaf28c;border:1px dashed #ad5d4247;border-radius:14px;justify-content:center;align-items:center;gap:5px;margin-top:9px;padding:9px 12px;font-size:9px;display:flex}.care-group-expand svg{transition:transform .2s}.care-group-expand.is-expanded svg{transform:rotate(180deg)}.medical-disclaimer{color:var(--muted);background:#ece5da;border-radius:14px;margin:8px 0 0;padding:12px 14px;font-size:8px;line-height:1.7}.thought-card{background:#e8e3d4;border-radius:22px;margin-top:28px;padding:18px;position:relative}.thought-icon{color:var(--sage);position:absolute;top:16px;right:16px}.thought-card small{color:var(--sage);letter-spacing:.13em;font-size:9px}.thought-card h2{margin:4px 0 12px;font-family:Songti SC,STSong,serif;font-size:18px}.thought-card textarea{resize:none;box-sizing:border-box;width:100%;color:var(--ink);background:#fffaf2b8;border:1px solid #504f3d21;border-radius:14px;padding:12px;font-size:11px;line-height:1.65}.thought-card button{color:#5f6655;background:0 0;border:0;margin-top:10px;padding:7px 0;font-size:11px;font-weight:600}.note-list{gap:14px;display:grid}.note-card{text-align:left;border:1px solid var(--line);background:var(--cream);border-radius:4px 28px 4px 4px;padding:24px 22px;position:relative;overflow:hidden}.note-number{color:#e9d9cb;font-family:Songti SC,STSong,serif;font-size:44px;line-height:1;position:absolute;top:12px;right:16px}.note-card>small{color:var(--terracotta);letter-spacing:.12em;font-size:9px}.note-card h2{max-width:260px;margin:15px 0 10px;font-family:Songti SC,STSong,serif;font-size:20px;line-height:1.5;position:relative}.note-card p{max-width:280px;color:var(--muted);margin:0;font-size:11px;line-height:1.75}.note-link{color:var(--terracotta);align-items:center;gap:4px;margin-top:16px;font-size:10px;display:inline-flex}.quiet-figure{margin:26px 0 0}.quiet-figure img{border-radius:160px 160px 18px 18px;height:260px}.quiet-figure figcaption{text-align:center;color:var(--muted);margin-top:12px;font-family:Songti SC,STSong,serif;font-size:12px}.admin-login{text-align:center;max-width:330px;margin:74px auto 0}.admin-lock{width:58px;height:58px;color:var(--terracotta);background:#f1dfd3;border-radius:50%;place-items:center;margin:0 auto 18px;display:grid}.admin-login h1{font-size:28px}.admin-login>p:not(.eyebrow){color:var(--muted);margin:10px auto 24px;font-size:11px;line-height:1.7}.admin-login label{text-align:left;margin-top:12px;display:block}.admin-login label span{color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.admin-login label input,.field-group input,.field-group textarea{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--ink);background:var(--cream);border-radius:14px;padding:12px 13px;font-size:12px}.admin-login .primary-button{width:100%;margin-top:16px}.admin-status{color:var(--ink);background:#efe8dc;align-items:start}.admin-status p{color:var(--muted);margin:1px 0 0;font-size:10px}.status-badge{color:#8a5a25;background:#f5ddbc;border-radius:10px;flex:none;padding:4px 7px;font-size:8px;font-weight:700}.status-badge.is-live{color:#40644a;background:#d8e7d9}.admin-form{border:1px solid var(--line);background:#fffaf2bf;border-radius:24px;gap:17px;padding:20px;display:grid}.field-group{display:block}.field-group>span{color:#5f5148;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:10px;font-weight:600;display:flex}.field-group>span small{color:var(--muted);font-size:8px;font-weight:400}.field-group textarea{resize:none;min-height:112px;line-height:1.7}.segmented-control{background:#eae0d3;border-radius:14px;grid-template-columns:repeat(4,1fr);padding:3px;display:grid}.segmented-control button{height:34px;color:var(--muted);background:0 0;border:0;border-radius:11px;font-size:10px}.segmented-control button.is-active{color:var(--terracotta-dark);background:var(--cream);box-shadow:0 2px 7px #49342814}.timeline-admin-field>div{grid-template-columns:92px 1fr;gap:9px;display:grid}.timeline-admin-field .compact-segments{grid-template-columns:repeat(3,1fr)}.upload-zone{width:100%;min-height:100px;color:var(--terracotta);background:#f7ede3;border:1px dashed #cbb8a9;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.upload-zone strong{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:10px;overflow:hidden}.upload-zone small{color:var(--muted);font-size:8px}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.publish-row{align-items:center;gap:10px;display:flex}.publish-row>span{flex-direction:column;display:flex}.publish-row strong{font-size:11px}.publish-row small{color:var(--muted);margin-top:2px;font-size:8px}.toggle{background:#cfc2b5;border:0;border-radius:15px;width:42px;height:24px;padding:3px;transition:background .2s}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;box-shadow:0 2px 5px #362b2529}.toggle.is-on{background:var(--terracotta)}.toggle.is-on span{transform:translate(18px)}.form-error{color:#913e31;background:#f5dad2;border-radius:10px;padding:9px 11px;font-size:10px}.submit-button{width:100%}.admin-signout{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;margin:18px auto 0;padding:8px;font-size:10px;display:flex}.auth-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:55vh;display:flex}.auth-loading>span{width:52px;height:52px;color:var(--terracotta);background:#f1ddd1;border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.auth-loading strong{font-family:Songti SC,STSong,serif;font-size:20px}.auth-loading small{color:var(--muted);margin-top:6px;font-size:9px}.member-login{max-width:390px;margin:20px auto 0}.member-login-copy h1{letter-spacing:-.04em;margin:0;font-family:Songti SC,STSong,serif;font-size:30px;font-weight:600;line-height:1.4}.member-login-copy>p:last-of-type{color:var(--muted);margin:14px 0 20px;font-size:12px;line-height:1.8}.member-benefits{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;display:grid}.member-benefits span{border:1px solid var(--line);min-height:66px;color:var(--terracotta);background:#fffaf2b3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.member-login-card{background:#fffaf2d1;border:1px solid #ad5d422e;border-radius:25px;gap:15px;padding:20px;display:grid;box-shadow:0 16px 38px #48322417}.auth-segments{grid-template-columns:1fr 1fr}.member-auth-methods{border:1px solid var(--line);border-radius:13px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.member-auth-methods button{border:0;border-right:1px solid var(--line);min-height:40px;color:var(--muted);background:0 0;padding:0 8px;font-size:8px;font-weight:700}.member-auth-methods button:last-child{border-right:0}.member-auth-methods button.is-active{color:#fff;background:var(--terracotta)}.member-otp-field{grid-template-columns:minmax(0,1fr) 76px;gap:8px;display:grid}.member-otp-field button{border:1px solid var(--terracotta);color:var(--terracotta);background:0 0;border-radius:12px;font-size:9px;font-weight:700}.member-otp-field button:disabled{opacity:.45}.member-auth-hint{color:var(--muted);margin-top:-5px;font-size:8px;line-height:1.55}.auth-privacy{color:var(--muted);justify-content:center;align-items:center;gap:5px;font-size:8px;line-height:1.5;display:flex}.demo-login-divider{color:#a3948a;letter-spacing:.12em;align-items:center;gap:10px;font-size:8px;display:flex}.demo-login-divider:before,.demo-login-divider:after{content:"";background:#6d544521;flex:1;height:1px}.demo-login-button{text-align:left;min-height:68px;color:var(--ink);background:#f4e4d8;border:1px solid #ad5d4238;border-radius:17px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid;box-shadow:0 7px 18px #5337270f}.demo-login-button:hover{border-color:#ad5d427a;transform:translateY(-1px);box-shadow:0 9px 22px #5337271a}.demo-login-button:disabled{opacity:.64;transform:none}.demo-login-button>span{width:36px;height:36px;color:var(--terracotta);background:#efd2bf;border-radius:50%;place-items:center;display:grid}.demo-login-button>div{flex-direction:column;gap:4px;min-width:0;display:flex}.demo-login-button strong{font-family:Songti SC,STSong,serif;font-size:14px}.demo-login-button small{color:var(--muted);font-size:8px;line-height:1.5}.demo-login-button>svg{color:var(--terracotta)}.admin-link{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:3px;padding:8px;font-size:9px;display:flex}.baby-switcher{border:1px solid var(--line);background:#fffaf2b8;border-radius:22px;margin-bottom:14px;padding:16px}.demo-readonly-banner{color:#55604e;background:#e8ecdf;border:1px solid #77806c38;border-radius:17px;align-items:center;gap:10px;margin:-4px 0 14px;padding:12px 14px;display:flex}.demo-readonly-banner>svg{flex:none}.demo-readonly-banner>div{flex-direction:column;gap:3px;display:flex}.demo-readonly-banner strong{font-size:10px}.demo-readonly-banner span{color:#727b6b;font-size:8px;line-height:1.55}.baby-switcher-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.baby-switcher-heading>div{flex-direction:column;gap:3px;display:flex}.baby-switcher-heading span{color:var(--terracotta);letter-spacing:.12em;font-size:8px}.baby-switcher-heading strong{font-family:Songti SC,STSong,serif;font-size:17px}.baby-switcher-heading>small{color:var(--muted);font-size:8px}.baby-switcher-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.baby-switcher-list>button{text-align:left;border:1px solid var(--line);min-width:0;min-height:60px;color:var(--ink);background:var(--cream);border-radius:16px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;transition:border-color .2s,background .2s,transform .2s;display:grid}.baby-switcher-list>button:hover{border-color:#ad5d426b;transform:translateY(-1px)}.baby-switcher-list>button.is-active{background:#f4e3d7;border-color:#ad5d4280;box-shadow:0 7px 18px #53372712}.baby-switcher-list>button>span{width:32px;height:32px;color:var(--terracotta);background:#f0d9ca;border-radius:50%;place-items:center;display:grid}.baby-switcher-list>button>div{flex-direction:column;gap:3px;min-width:0;display:flex}.baby-switcher-list>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.baby-switcher-list>button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.baby-switcher-list>button>svg{color:var(--terracotta)}.baby-switcher-list>.baby-add-button{color:var(--terracotta-dark);background:#f6e8dc6b;border-style:dashed}.profile-overview{background:#f6e8dc;border:1px solid #ad5d422e;border-radius:22px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:18px;display:grid}.profile-avatar{width:48px;height:48px;color:var(--terracotta);background:#eed3c2;border-radius:50%;place-items:center;display:grid}.profile-overview>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.profile-overview small{color:var(--terracotta);letter-spacing:.12em;font-size:8px}.profile-overview h2{text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-family:Songti SC,STSong,serif;font-size:19px;overflow:hidden}.profile-overview span{color:var(--muted);margin-top:3px;font-size:9px}.profile-overview em{color:#416049;white-space:nowrap;background:#d8e7d9;border-radius:11px;padding:5px 7px;font-size:8px;font-style:normal}.profile-section{border:1px solid var(--line);background:#fffaf2c7;border-radius:22px;margin-top:14px;padding:18px}.profile-section.is-disabled{background:#eee7dc}.profile-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-section-heading>div{flex-direction:column;display:flex}.profile-section-heading span{color:var(--terracotta);letter-spacing:.12em;font-size:8px}.profile-section-heading h2{margin:3px 0 0;font-family:Songti SC,STSong,serif;font-size:19px}.profile-section-heading>svg,.profile-heading-icon{width:38px;height:38px;color:var(--terracotta);background:#f2ded2;border-radius:50%;place-items:center;display:grid}.profile-form-grid,.measurement-form-grid{gap:11px;display:grid}.baby-gender-control{grid-template-columns:repeat(3,1fr)}.baby-gender-control button{height:auto;min-height:42px;padding:0 8px}.profile-save{width:100%;margin-top:15px}.profile-form-grid input:disabled,.baby-gender-control button:disabled{color:#776d66;opacity:1;background:#eee8df;cursor:not-allowed!important}.profile-error{margin-top:12px}.growth-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.growth-summary article{border:1px solid var(--line);min-width:0;color:var(--terracotta);background:#fffaf2b8;border-radius:17px;flex-direction:column;padding:14px 10px;display:flex}.growth-summary small{color:var(--muted);margin-top:8px;font-size:8px}.growth-summary strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-family:Songti SC,STSong,serif;font-size:14px;overflow:hidden}.growth-curve{overflow:hidden}.growth-curve-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.growth-curve-heading>div:first-child{min-width:0}.growth-curve-heading span{color:var(--terracotta);letter-spacing:.12em;font-size:8px}.growth-curve-heading h2{margin:3px 0 0;font-family:Songti SC,STSong,serif;font-size:19px}.growth-curve-heading p{color:var(--muted);margin:6px 0 0;font-size:8px;line-height:1.6}.growth-metric-switch{background:#eadfd4;border-radius:13px;flex:none;grid-template-columns:1fr 1fr;padding:3px;display:grid}.growth-metric-switch button{min-width:58px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:9px;display:flex}.growth-metric-switch button.is-active{color:var(--terracotta-dark);background:var(--cream);box-shadow:0 2px 8px #402b2014}.growth-chart-shell{background:#fffaf2ad;border:1px solid #ad5d421f;border-radius:17px;margin-top:16px;padding:10px 8px 8px}.growth-chart-canvas{width:100%;height:230px;display:block}.growth-chart-footer{color:var(--muted);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 9px 4px 43px;font-size:7px;display:grid}.growth-chart-footer strong{text-align:center;color:var(--terracotta-dark);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.growth-chart-empty{text-align:center;min-height:150px;color:var(--terracotta);background:#f6e8dc57;border:1px dashed #ad5d423d;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-top:16px;display:flex}.growth-chart-empty strong{color:var(--ink);font-family:Songti SC,STSong,serif;font-size:14px}.growth-chart-empty span{color:var(--muted);font-size:8px}.measurement-entry-heading{flex-direction:column;align-items:stretch;gap:14px;display:flex}.measurement-entry-heading>.profile-section-heading{flex:1;margin-bottom:0}.measurement-open-button{width:100%;min-height:40px;padding:0 13px;font-size:10px}.measurement-entry-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.measurement-collapsed-hint{margin:12px 0 0}.measurement-hint{color:var(--muted);margin:-5px 0 15px;font-size:9px;line-height:1.7}.measurement-note textarea{min-height:84px}.measurement-history{margin-top:28px}.measurement-history>.profile-section-heading{border-bottom:1px solid var(--line);padding-bottom:12px}.measurement-event{grid-template-columns:68px minmax(0,1fr);display:grid}.measurement-axis{text-align:center;border-right:1px solid #d7c8bb;padding-top:18px;position:relative}.measurement-axis>span{box-sizing:border-box;border:3px solid var(--paper);background:var(--terracotta);width:11px;height:11px;box-shadow:0 0 0 1px var(--terracotta);border-radius:50%;position:absolute;top:21px;right:-6px}.measurement-axis small{color:var(--terracotta);font-family:Songti SC,STSong,serif;font-size:9px;line-height:1.45}.measurement-card{border:1px solid var(--line);background:var(--cream);border-radius:18px;min-width:0;margin:0 0 12px 15px;padding:15px}.measurement-card time{color:var(--muted);font-size:8px}.measurement-values{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.measurement-values span{color:var(--terracotta-dark);background:#f1e2d7;border-radius:13px;align-items:center;gap:4px;padding:6px 8px;font-size:9px;display:inline-flex}.measurement-card p{color:var(--muted);margin:10px 0 0;font-size:9px;line-height:1.65}.member-signout{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;margin:22px auto 0;padding:10px;font-size:10px;display:flex}.sheet-detail{padding-bottom:20px;position:relative}.sheet-close{z-index:2;width:34px;height:34px;color:var(--ink);background:#fffaf2e6;border:1px solid #48352b1f;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 5px 14px #392a221f}.sheet-image{background:var(--paper-deep);border-radius:18px;height:250px}.photo-detail-image{object-position:center 35%}.sheet-price-row{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.sheet-price-row strong{color:var(--terracotta);font-size:17px}.sheet-price-row span{color:var(--muted);font-size:10px}.sheet-detail>p:not(.eyebrow){color:var(--muted);margin:14px 0;font-size:12px;line-height:1.8}.tag-row{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tag-row span{color:var(--terracotta-dark);background:#f1e2d7;border-radius:12px;padding:5px 8px;font-size:9px}.sheet-detail .primary-button,.sheet-detail .secondary-button{width:100%}.disclosure{text-align:center;color:#a09288;margin-top:12px;font-size:8px;display:block}.note-detail .note-lead{font-family:Songti SC,STSong,serif;color:var(--ink)!important;font-size:16px!important}.toast{z-index:70;color:#fff;white-space:nowrap;background:#3a2f28e6;border-radius:19px;align-items:center;gap:7px;padding:10px 14px;font-size:10px;display:flex;position:absolute;bottom:124px;left:50%;transform:translate(-50%);box-shadow:0 9px 24px #32251e2e}@media (width>=900px){.topbar{border-bottom:1px solid var(--line);width:min(100% - 64px,1180px);height:86px;left:50%;right:auto;transform:translate(-50%)}.topbar-mark{display:none}.brand-lockup{flex:0 auto}.brand-lockup strong{font-size:22px}.privacy-button{height:36px;padding:0 13px;font-size:11px}.membership-entry-button{min-height:36px;padding:0 14px;font-size:11px}.header-baby-switch-trigger{min-height:36px;padding:0 12px;font-size:11px}.header-baby-switch{margin-right:auto}.header-baby-switch-menu{width:300px}.page-content{width:min(100% - 64px,1180px);margin:0 auto;padding:118px 0 90px}.page-home{padding-top:112px}.bottom-nav{border-radius:20px;width:560px;height:52px;padding:5px;inset:17px auto auto 50%;transform:translate(-50%);box-shadow:0 7px 20px #48322414}.bottom-nav.is-guest-nav{width:360px}.bottom-nav button{flex-direction:row;gap:7px;font-size:11px}.timeline-context{border-radius:20px;min-height:58px;margin-bottom:28px;padding:12px 16px}.timeline-context strong{font-size:17px}.timeline-context div span,.timeline-context>button{font-size:10px}.hero-section{text-align:left;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:76px;display:grid}.hero-image-wrap{border-radius:0 120px 0 0;height:min(66vh,650px);min-height:520px;margin:0}.product-hotspot,.hotspot{width:44px;height:44px}.hotspot-card{width:238px;padding:17px 18px 15px;top:50%;right:calc(100% + 20px)}.hotspot-card:after{top:50%}.hotspot-card-heading strong{font-size:19px}.hotspot-card dt{font-size:10px}.hotspot-card dd{font-size:11px}.hero-copy-panel{padding-right:20px}.hero-copy-panel .eyebrow{margin-bottom:16px;display:block}.hero-copy-panel h1{white-space:normal;max-width:430px;font-size:clamp(42px,4vw,58px);line-height:1.25}.hero-copy-panel h1 span{display:block}.hero-copy{max-width:420px;margin:22px 0 30px;font-size:15px;line-height:1.9}.hero-copy-panel>.primary-button{border-radius:28px;width:286px;min-height:54px;font-size:14px}.home-link-row{width:286px;margin:24px 0 0}.recent-section{margin-top:92px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:28px}.photo-carousel,.chip-carousel{margin-left:0;margin-right:0}.photo-carousel-content{gap:20px;padding:0 0 8px}.mini-photo{width:270px}.mini-photo img{border-radius:22px;height:300px}.mini-photo span{font-size:15px}.page-intro{max-width:690px;margin:30px 0 38px}.page-intro h1{max-width:680px;font-size:42px}.page-intro>p:last-child{max-width:620px;font-size:14px}.chip-carousel-content{padding:8px 0}.chip{min-width:72px;height:38px;font-size:12px}.album-grid{grid-template-columns:repeat(3,1fr);gap:28px 20px}.album-upload-card{padding:24px}.album-upload-grid{grid-template-columns:1.4fr 1fr}.album-card.is-featured{grid-area:span 2/span 2}.album-card img{height:250px}.album-card.is-featured img{height:560px}.album-card strong{font-size:16px}.product-list{grid-template-columns:repeat(3,1fr);gap:22px}.product-image-button img{height:270px}.product-card{border-radius:24px}.page-login{width:min(100% - 64px,980px)}.member-login{grid-template-columns:minmax(0,1.1fr) minmax(340px,.7fr);align-items:center;gap:88px;max-width:none;min-height:540px;margin-top:28px;display:grid}.member-login-copy h1{max-width:560px;font-size:44px;line-height:1.35}.member-login-copy>p:last-of-type{max-width:560px;font-size:14px}.member-benefits{gap:12px;max-width:520px}.member-benefits span{min-height:82px;font-size:10px}.member-login-card{border-radius:28px;padding:28px}.page-membership{width:min(100% - 64px,1180px)}.membership-hero{border-radius:32px;grid-template-columns:minmax(0,1.15fr) minmax(420px,.9fr) auto;align-items:center;gap:34px;min-height:250px;padding:42px 48px}.membership-copy h1{font-size:38px}.membership-copy p{max-width:560px;font-size:14px}.membership-benefits{gap:12px}.membership-benefits span{border-radius:20px;min-height:110px;font-size:11px}.membership-cta{width:auto;min-width:220px;min-height:56px;font-size:15px}.membership-details{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.membership-details article{padding:22px}.membership-details strong{font-size:18px}.membership-details p{font-size:11px}.membership-note{font-size:9px}.page-profile{width:min(100% - 64px,980px)}.baby-switcher{padding:22px 24px}.baby-switcher-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.baby-switcher-list>button{min-height:70px;padding:12px}.baby-switcher-list>button strong{font-size:12px}.baby-switcher-list>button small{font-size:9px}.profile-overview{grid-template-columns:58px minmax(0,1fr) auto;padding:22px 24px}.profile-avatar{width:58px;height:58px}.profile-overview h2{font-size:23px}.profile-section{border-radius:26px;padding:26px}.profile-section-heading h2{font-size:23px}.profile-form-grid,.measurement-form-grid{grid-template-columns:repeat(3,1fr)}.measurement-time,.measurement-note{grid-column:span 3}.profile-save{width:280px}.growth-summary{gap:14px}.growth-summary article{padding:20px}.growth-summary strong{font-size:19px}.growth-curve-heading h2{font-size:23px}.growth-chart-canvas{height:300px}.growth-chart-footer{font-size:9px}.growth-chart-footer strong{font-size:10px}.measurement-entry-heading{flex-direction:row;align-items:center}.measurement-open-button{flex:none;width:auto;min-width:132px;min-height:44px;font-size:11px}.measurement-event{grid-template-columns:100px minmax(0,1fr)}.measurement-card{margin-left:18px;padding:19px 20px}.page-questions{width:min(100% - 64px,860px)}.search-field{border-radius:27px;height:52px}.question-card>button{padding:20px}.question-card strong{font-size:17px}.question-card em,.question-answer p{font-size:12px}.question-scale{margin-top:12px}.age-rail{margin-left:0;margin-right:0}.age-rail-content{padding-left:0;padding-right:0}.question-timeline-group{padding-left:35px}.page-care{width:min(100% - 64px,980px)}.page-care .page-intro{max-width:860px}.page-care .page-intro h1{max-width:840px}.care-setup-dock{left:24px}.care-setup-fab{width:58px;min-height:88px}.care-setup-fab span{max-width:48px}.baby-switch-popover{border-radius:22px;width:320px;padding:17px;left:calc(100% + 14px)}.baby-switch-popover>header strong{font-size:19px}.baby-switch-options>button{min-height:58px}.care-setup-popover{border-radius:25px;width:400px;max-height:min(520px,100dvh - 118px);margin-left:14px;padding:22px}.care-setup-popover>header strong{font-size:21px}.baby-setup-fields{grid-template-columns:.75fr 1fr .75fr;gap:12px}.privacy-note{justify-content:flex-start}.care-preview-grid{grid-template-columns:repeat(3,1fr)}.care-preview-grid article{grid-template-columns:76px 1fr}.care-summary{gap:18px}.care-summary>div{padding:20px}.care-summary strong{font-size:21px}.care-summary span{font-size:10px}.care-controls .chip-carousel{margin-left:0;margin-right:0}.care-time-group{grid-template-columns:104px minmax(0,1fr)}.care-group-axis{padding-right:16px}.care-group-axis small{font-size:13px}.care-group-axis time{font-size:9px}.care-group-body{margin-left:24px}.care-group-grid{grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:14px}.care-event-card{padding:21px 22px}.care-event-card h2{font-size:20px}.care-event-card p{font-size:12px}.care-event-heading em,.care-category,.care-date,.complete-button,.care-event-actions a{font-size:10px}.medical-disclaimer{padding:14px 18px;font-size:10px}.note-list{grid-template-columns:repeat(2,1fr);gap:22px}.note-card{min-height:300px;padding:34px}.note-card h2{font-size:26px}.quiet-figure{max-width:760px;margin:42px auto 0}.quiet-figure img{height:520px}.page-admin{width:min(100% - 64px,760px)}.admin-form{padding:30px}.admin-login{margin-top:120px}.bottom-sheet{border-radius:28px!important;width:min(540px,100% - 56px)!important;bottom:28px!important;left:auto!important;right:28px!important}.sheet-image{height:330px}.toast{bottom:36px}}@media (width>=900px) and (width<=1100px){.bottom-nav{width:490px}.privacy-button span{display:none}.hero-section{grid-template-columns:1fr 1fr;gap:44px}.membership-hero{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:26px}.membership-cta{grid-column:1/-1;justify-self:start}}@media (width<=640px){.page-content{padding-left:18px;padding-right:18px}.page-intro{margin-top:10px}.page-intro h1{max-width:100%;font-size:clamp(26px,8vw,30px)}.page-intro>p:last-child{max-width:100%}.privacy-button{justify-content:center;min-width:40px;min-height:40px}.membership-entry-button{min-height:40px}.topbar-actions .membership-entry-button:not(.membership-return-button){width:40px;padding:0}.topbar-actions .membership-entry-button:not(.membership-return-button) span{display:none}.header-baby-switch-trigger{min-height:40px;padding:0 9px}.bottom-nav{right:10px;bottom:max(8px, env(safe-area-inset-bottom,0px));height:70px;padding:6px;left:10px}.bottom-nav button{min-width:0;min-height:54px;padding:0 2px}.bottom-nav.is-member-nav button{gap:2px;font-size:7px}.bottom-nav.is-member-nav button svg{width:18px;height:18px}.chip{height:42px;min-height:42px}.care-controls{flex-direction:column;align-items:stretch;gap:0;margin-bottom:14px}.care-controls .chip-carousel{width:calc(100% + 36px);margin-bottom:6px;margin-left:-18px;margin-right:-18px}.upcoming-toggle{align-self:flex-start;min-height:44px;padding:0 14px}.care-summary{grid-template-columns:1fr}.care-setup-dock{left:-12px}.care-setup-fab{border-radius:16px;width:48px;min-height:72px}.care-setup-fab span{max-width:38px;font-size:8px}.baby-switch-popover,.care-setup-popover{width:min(320px,100vw - 68px);margin-left:8px}.membership-hero{border-radius:24px;gap:18px;padding:22px 18px}.membership-copy h1{font-size:28px}.membership-copy p{font-size:12px}.membership-benefits span{min-height:88px;padding-left:4px;padding-right:4px}.membership-details article{min-height:78px}.page-care .page-intro{padding-left:24px}.baby-gender-control button{min-height:44px;font-size:9px}}@media (width<=420px){.topbar{left:16px;right:16px}.page-content{padding-left:18px;padding-right:18px}.hero-image-wrap{margin-left:-18px;margin-right:-18px}.privacy-button span{display:none}.membership-entry-button{padding-left:10px;padding-right:10px}.brand-lockup strong{font-size:16px}.header-baby-switch-trigger{gap:4px;max-width:90px;padding-left:8px;padding-right:8px}.header-baby-switch-trigger span{flex-shrink:0;max-width:38px}.header-baby-switch-menu{right:-48px}.bottom-nav{padding-left:4px;padding-right:4px;left:10px;right:10px}.bottom-nav button{font-size:8px}.timeline-context{grid-template-columns:32px minmax(0,1fr) auto;padding-left:9px;padding-right:9px}.timeline-context>button{max-width:66px}}.studio-platform-admin.studio-admin-shell{padding-top:30px}.studio-platform-admin .studio-admin-heading{gap:24px;min-height:116px;padding-bottom:22px}.studio-platform-admin .studio-admin-heading h1{margin:6px 0;font-size:clamp(36px,4.6vw,64px)}.studio-platform-admin .studio-admin-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end}.studio-admin-change-note,.admin-change-note{text-align:left;flex-direction:column;gap:5px;display:flex}.studio-admin-change-note span,.admin-change-note span{color:var(--build-muted);letter-spacing:.12em;text-transform:uppercase;font-family:Oxanium,sans-serif;font-size:7px}.studio-admin-change-note input,.admin-change-note input{border:1px solid var(--build-line);min-width:210px;min-height:38px;color:var(--build-ink);background:var(--build-panel);padding:0 10px}.studio-platform-admin .studio-admin-tabs{scrollbar-width:thin;grid-template-columns:repeat(11,minmax(96px,1fr));overflow-x:auto}.studio-platform-admin .studio-admin-tabs button{min-width:96px;min-height:54px;padding:0 10px;font-size:9px}.studio-platform-admin .studio-admin-tabs button:focus-visible,.admin-console button:focus-visible{outline:2px solid var(--build-signal);outline-offset:-2px}.studio-admin-toast.is-error{color:#fff;background:#a72318}.platform-policy-gate{place-content:center;min-height:72svh;display:grid}.studio-governance-heading{border:1px solid var(--build-line);justify-content:space-between;align-items:flex-end;gap:22px;min-height:130px;padding:24px;display:flex}.studio-governance-heading h2{margin:6px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(28px,4vw,46px)}.studio-governance-heading p{max-width:760px;color:var(--build-muted);margin:10px 0 0;font-size:9px;line-height:1.7}.studio-governance-heading>span,.studio-governance-heading>button{border:1px solid var(--build-line);min-height:38px;color:var(--build-ink);background:0 0;align-items:center;gap:7px;padding:0 11px;font-size:8px;display:flex}.studio-governance-split,.studio-plan-layout,.studio-subscription-layout{border:1px solid var(--build-line);border-top:0;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);display:grid}.studio-admin-directory,.studio-app-admin-list,.studio-plan-list,.studio-member-directory,.studio-member-plans{border-right:1px solid var(--build-line);min-width:0}.studio-admin-directory>header,.studio-app-admin-list>header,.studio-app-admin-editor>header,.studio-plan-list>header,.studio-plan-editor>header,.studio-member-directory>header,.studio-member-entitlement-editor>header{border-bottom:1px solid var(--build-line);min-height:68px;padding:16px 18px}.studio-governance-admin button,.studio-plan-admin button,.studio-subscription-admin button{color:var(--build-ink);background:0 0}.studio-admin-directory article,.studio-app-admin-list article,.studio-member-directory button,.studio-plan-list>button,.studio-member-plans article{border:0;border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 16px;display:flex}.studio-member-directory button,.studio-plan-list>button{text-align:left;width:100%}.studio-member-directory button.is-selected,.studio-plan-list>button.is-active{background:var(--build-signal-soft);box-shadow:inset 3px 0 var(--build-signal)}.studio-app-admin-editor,.studio-plan-editor,.studio-member-entitlement-editor{min-width:0;padding:22px}.studio-app-admin-assign,.studio-plan-fields,.studio-plan-assignment{gap:14px;display:grid}.studio-app-admin-assign label,.studio-plan-fields label,.studio-plan-assignment label{color:var(--build-muted);flex-direction:column;gap:6px;font-size:8px;display:flex}.studio-app-admin-assign select,.studio-plan-fields input,.studio-plan-fields textarea,.studio-plan-fields select,.studio-plan-assignment select,.studio-plan-assignment input{border:1px solid var(--build-line);width:100%;min-height:42px;color:var(--build-ink);background:var(--build-panel);padding:0 11px}.studio-plan-fields textarea{padding-block:10px}.studio-app-admin-assign>button,.studio-plan-editor footer>button,.studio-plan-assignment>button{min-height:44px;color:var(--build-paper);background:var(--build-signal);border:0;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:flex}.studio-admin-inheritance-map,.studio-effective-levels,.studio-plan-app-scope{border:1px solid var(--build-line);margin-top:20px}.studio-admin-inheritance-map>header,.studio-effective-levels>header,.studio-plan-app-scope>header{border-bottom:1px solid var(--build-line);min-height:58px;padding:12px 16px}.studio-plan-app-scope>div{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.studio-plan-app-scope>div>button{border:0;border-right:1px solid var(--build-line);min-height:76px;padding:12px}.studio-plan-app-scope>div>button.is-selected{background:var(--build-signal-soft)}.studio-plan-editor footer{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.studio-plan-editor footer label{align-items:center;gap:8px;font-size:9px;display:flex}.admin-change-note input{min-width:150px}.admin-console-header-actions{flex-wrap:wrap}.admin-account-list .admin-empty-copy,.admin-audit-workspace>section+p{color:var(--build-muted);padding:18px;font-size:9px}@media (width<=1120px){.studio-platform-admin .studio-admin-tabs{grid-template-columns:repeat(11,104px)}.studio-governance-split,.studio-plan-layout,.studio-subscription-layout{grid-template-columns:1fr}.studio-admin-directory,.studio-app-admin-list,.studio-plan-list,.studio-member-directory,.studio-member-plans{border-right:0;border-bottom:1px solid var(--build-line)}}@media (width<=760px){.studio-platform-admin.studio-admin-shell{padding-top:18px}.studio-platform-admin .studio-admin-heading{align-items:stretch;min-height:0}.studio-platform-admin .studio-admin-heading h1{font-size:38px}.studio-platform-admin .studio-admin-heading-actions{align-items:stretch}.studio-admin-change-note,.studio-admin-change-note input{width:100%}.studio-governance-heading{flex-direction:column;align-items:flex-start}.studio-app-admin-editor,.studio-plan-editor,.studio-member-entitlement-editor{padding:14px}.studio-plan-app-scope>div{grid-template-columns:1fr}.studio-plan-app-scope>div>button{border-right:0;border-bottom:1px solid var(--build-line)}.admin-change-note,.admin-change-note input{width:100%}}.studio-site{--studio-paper:#f4f1eb;--studio-ink:#11110f;--studio-red:#ff2d18;--studio-lime:#cfff00;--studio-muted:#6d6b64;--studio-line:#11110f38;color:var(--studio-ink);background:var(--studio-paper);scroll-behavior:smooth;font-family:Arial,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;position:absolute;inset:0;overflow:hidden auto}.studio-site *,.studio-site :before,.studio-site :after{box-sizing:border-box}.studio-site button,.studio-site input,.studio-site textarea,.studio-site select{font:inherit}.device-screen .studio-site button,.device-screen .studio-site a,.device-screen .studio-site [role=button]{cursor:pointer!important}.device-screen .studio-site input,.device-screen .studio-site textarea{cursor:text!important}.studio-site a{color:inherit;text-decoration:none}.studio-site button{color:inherit}.studio-site :focus-visible{outline:2px solid var(--studio-red)!important;outline-offset:4px!important}.studio-header{z-index:80;border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:92px;padding:0 45px;display:grid;position:absolute;top:0;left:0}.studio-route-notes .studio-header,.studio-route-works .studio-header,.studio-route-account .studio-header,.studio-route-admin .studio-header{border-color:var(--studio-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f1ebf0;position:sticky;top:0}.studio-symbol{width:44px;height:44px;color:var(--studio-red);align-items:center;display:inline-flex}.studio-nav{align-items:center;gap:56px;height:100%;display:flex}.studio-nav a,.studio-nav button,.studio-private,.studio-menu-trigger{letter-spacing:.02em;background:0 0;border:0;align-items:center;min-height:44px;font-size:15px;font-weight:600;display:inline-flex}.studio-nav a,.studio-nav button{padding:0;position:relative}.studio-nav a:after,.studio-nav button:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .22s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.studio-nav a:hover:after,.studio-nav a:focus-visible:after,.studio-nav button:hover:after,.studio-nav button:focus-visible:after,.studio-nav a.is-active:after{transform-origin:0;transform:scaleX(1)}.studio-nav a.is-active{color:var(--studio-red)}.studio-nav a.is-active:before{content:"•";position:absolute;left:-18px}.studio-app-nav{align-items:center;height:100%;display:flex;position:relative}.studio-app-nav>a{gap:6px}.studio-app-nav>a svg{transition:transform .22s}.studio-app-nav:hover>a svg,.studio-app-nav:focus-within>a svg{transform:rotate(180deg)}.studio-app-nav-panel{z-index:90;border:1px solid var(--studio-ink);width:292px;color:var(--studio-ink);background:var(--studio-paper);clip-path:inset(0 0 100%);opacity:0;pointer-events:none;transform-origin:top;visibility:hidden;transition:clip-path .22s cubic-bezier(.4,0,.2,1),opacity .18s,transform .22s cubic-bezier(.4,0,.2,1),visibility 0s linear .22s;position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%,-8px)scaleY(.94)}.studio-app-nav:hover .studio-app-nav-panel,.studio-app-nav:focus-within .studio-app-nav-panel{clip-path:inset(0);opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translate(-50%)scaleY(1)}.studio-app-nav-panel>header{border-bottom:1px solid var(--studio-line);min-height:36px;color:var(--studio-muted);letter-spacing:.14em;justify-content:space-between;align-items:center;padding:0 12px;font-family:Oxanium,sans-serif;font-size:9px;display:flex}.studio-app-nav-panel a:after{display:none}.studio-app-nav-list>a{border-bottom:1px solid var(--studio-line);letter-spacing:0;grid-template-columns:62px minmax(0,1fr) 16px;align-items:center;gap:8px;min-height:52px;padding:0 12px;font-size:13px;transition:color .18s,background-color .18s;display:grid}.studio-app-nav-list>a:hover,.studio-app-nav-list>a:focus-visible{color:var(--studio-paper);background:var(--studio-ink)}.studio-app-nav-list small{color:var(--studio-muted);letter-spacing:.08em;font-family:Oxanium,sans-serif;font-size:7px}.studio-app-nav-list>a:hover small,.studio-app-nav-list>a:focus-visible small{color:inherit}.studio-app-nav-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.studio-app-nav-list svg{color:var(--studio-red);justify-self:end}.studio-app-nav-all{justify-content:space-between;align-items:center;gap:12px;min-height:40px;letter-spacing:.08em!important;padding:0 12px!important;font-size:10px!important;font-weight:700!important;display:flex!important}.studio-app-nav-all:hover,.studio-app-nav-all:focus-visible{color:var(--studio-red)}.studio-private{color:#3d3c37;justify-self:end;gap:8px}.studio-private.is-active{color:var(--studio-red)}.studio-menu-trigger{display:none}.studio-connection-note{z-index:100;border:1px solid var(--studio-line);background:var(--studio-paper);max-width:360px;padding:12px 16px;font-size:12px;position:fixed;bottom:24px;right:24px}.studio-hero{border-bottom:1px solid var(--studio-line);flex-direction:column;justify-content:flex-start;min-height:100svh;padding:132px 48px 62px;display:flex;position:relative}.studio-hero-copy{width:min(870px,66vw)}.studio-hero h1{letter-spacing:-.095em;margin:0;font-size:clamp(102px,14.5vw,220px);font-weight:700;line-height:.78}.studio-hero h1 span{display:block}.studio-hero h1 i{color:var(--studio-red);font-style:normal}.studio-hero-copy>p{letter-spacing:.03em;margin:42px 0 0 4px;font-size:22px;font-weight:500}.studio-hero-actions{align-items:flex-start;gap:58px;margin:84px 0 0 4px;display:flex}.studio-hero-actions>a,.studio-work-peek>a{border-bottom:1px solid var(--studio-ink);justify-content:space-between;align-items:center;gap:22px;min-width:152px;min-height:47px;padding:0 0 8px;font-size:21px;font-weight:500;display:inline-flex}.studio-hero-actions>a svg{transition:transform .22s}.studio-hero-actions>a:hover svg{transform:translate(7px)}.studio-work-peek{position:relative}.studio-work-peek>a{min-width:92px}.studio-live-dot{background:var(--studio-lime);border-radius:50%;align-self:flex-start;width:11px;height:11px}.studio-peek-card{z-index:12;opacity:0;pointer-events:none;background:#faf8f3;border:1px solid #11110f1f;grid-template-columns:1fr 136px;gap:12px;width:330px;padding:14px;transition:opacity .22s,transform .22s;display:grid;position:absolute;top:calc(100% + 18px);left:0;transform:translateY(-9px);box-shadow:0 16px 38px #11110f29}.studio-work-peek:hover .studio-peek-card,.studio-work-peek:focus-within .studio-peek-card,.studio-work-peek.is-open .studio-peek-card{opacity:1;pointer-events:auto;transform:translateY(0)}.studio-peek-card>div{flex-direction:column;gap:7px;display:flex}.studio-peek-card strong{font-size:14px}.studio-peek-card span{color:var(--studio-muted);font-size:10px;line-height:1.5}.studio-peek-card img{object-fit:cover;object-position:top;border:1px solid #11110f14;width:136px;height:82px}.studio-peek-card>a{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:5px;min-height:32px;font-size:11px;font-weight:700;display:inline-flex}.studio-built-badge{object-fit:contain;width:clamp(130px,13vw,196px);height:auto;position:absolute;top:38%;right:5.2vw}.studio-scroll-cue{border:0;border-left:1px solid var(--studio-line);background:0 0;justify-content:center;align-items:flex-end;width:52px;height:76px;display:flex;position:absolute;bottom:22px;right:50%;transform:translate(50%)}.studio-scroll-cue svg{color:#a09d95;margin:0 0 -6px -25px;transition:transform .22s}.studio-scroll-cue:hover svg{transform:translateY(5px)}.studio-home-section,.studio-about,.studio-page-shell,.studio-detail-shell,.studio-admin-shell{width:min(1380px,100% - 96px);margin:0 auto}.studio-home-section{border-bottom:1px solid var(--studio-line);padding:96px 0 118px}.studio-section-header{border-top:1px solid var(--studio-ink);border-bottom:1px solid var(--studio-line);grid-template-columns:118px 1fr auto;align-items:center;min-height:96px;display:grid}.studio-section-header>a{font-size:12px;font-weight:700}.studio-section-index{flex-direction:column;align-items:flex-start;gap:7px;font-family:Oxanium,sans-serif;display:flex}.studio-section-index small{color:var(--studio-muted);letter-spacing:.15em;font-size:8px;font-weight:600}.studio-section-index strong{letter-spacing:.04em;font-size:16px;font-weight:600}.studio-section-header h2{letter-spacing:-.035em;margin:0;font-size:30px;font-weight:600}.studio-section-header>a{align-items:center;gap:8px;min-height:44px;display:inline-flex}.studio-featured-work{grid-template-columns:minmax(320px,.75fr) minmax(500px,1.25fr);align-items:center;gap:72px;min-height:520px;display:grid}.studio-featured-work>div{padding-left:70px}.studio-featured-work small,.studio-about small,.studio-page-intro>span,.studio-detail-header small{letter-spacing:.12em;font-size:11px;font-weight:700}.studio-featured-work h2{letter-spacing:-.055em;margin:18px 0;font-size:52px;line-height:.95}.studio-featured-work p{max-width:470px;color:var(--studio-muted);font-size:16px;line-height:1.7}.studio-featured-work a{border-bottom:1px solid var(--studio-ink);align-items:center;gap:18px;min-height:44px;margin-top:32px;font-weight:600;display:inline-flex}.studio-featured-work img{object-fit:cover;filter:saturate(.82);width:100%;height:420px}.studio-about{border-bottom:1px solid var(--studio-line);grid-template-columns:160px 1fr;align-content:center;min-height:380px;padding:96px 0;display:grid}.studio-about p{letter-spacing:-.06em;margin:0;font-size:clamp(48px,7vw,100px);font-weight:700;line-height:.92}.studio-about-slogan{flex-wrap:wrap;gap:.03em .18em;display:flex}.studio-about-slogan>span{white-space:nowrap}.studio-about-slogan i{color:#ff3728;font-style:normal}.studio-about span{color:var(--studio-muted);grid-column:2;margin-top:25px;font-size:16px}.studio-about .studio-about-slogan>span{color:inherit;font-size:inherit;grid-column:auto;margin-top:0}.studio-page-shell{min-height:calc(100svh - 92px);padding:84px 0 120px}.studio-works-shell{padding-top:32px}.studio-sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.studio-page-intro{max-width:1040px;padding-bottom:64px}.studio-page-intro h1,.studio-detail-header h1,.studio-admin-heading h1,.studio-admin-login h1{letter-spacing:-.075em;margin:24px 0;font-size:clamp(58px,8.8vw,132px);font-weight:700;line-height:.9}.studio-page-intro p,.studio-detail-header>p{max-width:720px;color:var(--studio-muted);margin:0;font-size:18px;line-height:1.7}.studio-loading,.studio-empty{border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);min-height:280px;color:var(--studio-muted);flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.studio-loading{flex-direction:row;font-size:13px}.studio-loading>span{background:var(--studio-lime);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite studioPulse}.studio-empty strong{color:var(--studio-ink);font-size:22px}.studio-empty span{font-size:13px}@keyframes studioPulse{50%{opacity:.3;transform:scale(.72)}}.studio-work-list{border-top:1px solid var(--studio-ink)}.studio-work-row{border-bottom:1px solid var(--studio-line);grid-template-columns:72px minmax(280px,1fr) 270px 44px;align-items:center;gap:30px;min-height:190px;transition:padding .22s,background-color .22s;display:grid}.studio-work-row:hover{background:#ffffff5c;padding:0 18px}.studio-work-row>span,.studio-note-index{font-size:11px;font-weight:700}.studio-work-row small{letter-spacing:.12em;font-size:10px}.studio-work-row h2{letter-spacing:-.045em;margin:7px 0;font-size:33px}.studio-work-row p{color:var(--studio-muted);margin:0;font-size:13px}.studio-work-row img{object-fit:cover;width:270px;height:132px}.studio-app-filter{flex-wrap:wrap;gap:7px;margin-bottom:28px;display:flex}.studio-app-filter button{border:1px solid var(--studio-line);min-width:96px;min-height:46px;color:var(--studio-ink);background:color-mix(in srgb, var(--studio-paper) 90%, transparent);justify-content:space-between;align-items:center;gap:18px;padding:0 13px;font-size:12px;font-weight:600;transition:color .2s,background-color .2s,border-color .2s;display:inline-flex}.studio-app-filter button small{color:var(--studio-muted);letter-spacing:.1em;font-family:Oxanium,sans-serif;font-size:8px}.studio-app-filter button:hover,.studio-app-filter button:focus-visible{border-color:var(--studio-ink)}.studio-app-filter button.is-active{border-color:var(--studio-ink);color:var(--studio-paper);background:var(--studio-ink)}.studio-app-filter button.is-active small{color:inherit}.studio-app-grid{border:1px solid var(--studio-line);background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.studio-app-card{border-right:1px solid var(--studio-line);background:var(--studio-paper);min-width:0;min-height:520px}.studio-app-card:nth-child(3n){border-right:0}.studio-app-card>a{height:100%;color:var(--studio-ink);flex-direction:column;display:flex}.studio-app-card header{border-bottom:1px solid var(--studio-line);letter-spacing:.12em;justify-content:space-between;align-items:center;min-height:54px;padding:0 18px;font-family:Oxanium,sans-serif;font-size:8px;font-weight:600;display:flex}.studio-app-card header span:last-child{color:var(--studio-muted);align-items:center;gap:7px;display:inline-flex}.studio-app-card header svg{color:#ff3728}.studio-app-card-media{border-bottom:1px solid var(--studio-line);height:225px;position:relative;overflow:hidden}.studio-app-card-media img{object-fit:cover;filter:saturate(.74)contrast(1.04);width:100%;height:100%;transition:transform .26s,filter .26s}.studio-app-card-media>span{min-height:27px;color:var(--studio-paper);background:var(--studio-ink);letter-spacing:.12em;align-items:center;padding:0 9px;font-family:Oxanium,sans-serif;font-size:8px;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px}.studio-app-card-body{flex-direction:column;flex:1;min-height:238px;padding:22px 20px 18px;display:flex}.studio-app-card-tags{flex-wrap:wrap;gap:5px;min-height:29px;display:flex}.studio-app-card-tags .studio-tag{min-height:26px;padding:0 8px;font-size:9px}.studio-app-card h2{letter-spacing:-.045em;margin:24px 0 10px;font-family:Oxanium,PingFang SC,sans-serif;font-size:31px;font-weight:700;line-height:1}.studio-app-card p{color:var(--studio-muted);margin:0;font-size:13px;line-height:1.65}.studio-app-card footer{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;font-size:11px;font-weight:700;display:flex}.studio-app-card footer svg{transition:color .2s,transform .2s}.studio-app-card:hover .studio-app-card-media img,.studio-app-card:focus-within .studio-app-card-media img{filter:saturate(.92)contrast(1.02);transform:scale(1.025)}.studio-app-card:hover footer svg,.studio-app-card:focus-within footer svg{color:var(--studio-red);transform:translate(3px,-3px)}.studio-detail-shell{padding:72px 0 130px}.studio-back-link{align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:700;display:inline-flex}.studio-detail-header{padding:52px 0 58px}.studio-detail-header h1{max-width:1060px}.studio-tag-row{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.studio-work-cover{object-fit:cover;object-position:center;width:100%;height:min(68vw,720px)}.studio-work-detail-header{grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:72px;display:grid}.studio-work-title-copy>p{max-width:720px;color:var(--studio-muted);margin:0;font-size:18px;line-height:1.7}.studio-work-primary-cta{border:1px solid var(--studio-red);min-height:112px;color:var(--studio-paper);background:var(--studio-red);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;transition:transform .2s,color .2s,background-color .2s;display:flex}.studio-work-primary-cta>span{flex-direction:column;gap:8px;display:flex}.studio-work-primary-cta small{letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.studio-work-primary-cta strong{font-size:22px}.studio-work-primary-cta:hover,.studio-work-primary-cta:focus-visible{color:var(--studio-ink);background:var(--studio-lime);transform:translateY(-4px)}.studio-work-primary-cta.is-disabled{border-color:var(--studio-line);color:var(--studio-muted);background:0 0}.studio-detail-grid,.studio-reading-layout{grid-template-columns:minmax(0,1fr) 260px;gap:90px;padding-top:58px;display:grid}.studio-detail-grid>aside,.studio-reading-layout>aside{border-top:1px solid var(--studio-ink);flex-direction:column;gap:10px;padding-top:12px;display:flex}.studio-detail-grid>aside span,.studio-reading-layout>aside span{letter-spacing:.12em;font-size:10px;font-weight:700}.studio-detail-grid>aside strong{font-size:22px}.studio-detail-grid>aside a{color:#fff;background:var(--studio-red);justify-content:space-between;align-items:center;min-height:48px;margin-top:26px;padding:0 14px;display:flex}.studio-related{padding-top:96px}.studio-related>p{color:var(--studio-muted)}.studio-markdown{max-width:780px;font-size:17px;line-height:1.9}.studio-markdown h1,.studio-markdown h2,.studio-markdown h3{letter-spacing:-.04em;margin:2em 0 .6em;font-weight:700}.studio-markdown h1{font-size:42px}.studio-markdown h2{font-size:31px}.studio-markdown h3{font-size:22px}.studio-markdown p{margin:.65em 0}.studio-markdown blockquote{border-left:3px solid var(--studio-red);margin:2em 0;padding:8px 0 8px 24px;font-size:25px;font-weight:600}.studio-markdown-list{padding-left:22px}.studio-markdown-list:before{content:"—";margin-left:-18px;margin-right:11px}.studio-markdown-list.is-ordered:before{content:none}.studio-markdown-space{height:10px;display:block}.studio-markdown hr{background:var(--studio-line);border:0;height:1px;margin:2.6em 0}.studio-markdown-figure{border-top:1px solid var(--studio-ink);border-bottom:1px solid var(--studio-line);margin:2.4em 0}.studio-markdown-figure>a{color:inherit;padding:12px 0;display:block}.studio-markdown-figure img{background:var(--studio-paper);width:100%;height:auto;display:block}.studio-markdown-figure figcaption{border-top:1px solid var(--studio-line);color:var(--studio-muted);letter-spacing:.08em;padding:11px 0 12px;font-family:Oxanium,PingFang SC,sans-serif;font-size:10px;font-weight:600}.studio-tag-filter{flex-wrap:wrap;gap:8px;margin-bottom:34px;display:flex}.studio-tag-filter button,.studio-tag{border:1px solid var(--studio-line);background:0 0;border-radius:18px;align-items:center;min-height:32px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.studio-tag-filter button.is-active{border-color:var(--studio-ink);color:var(--studio-paper);background:var(--studio-ink)}.studio-tag-lime{background:#cfff008c;border-color:#0000}.studio-tag-red{color:#fff;background:var(--studio-red);border-color:#0000}.studio-tag-ink{color:#fff;background:var(--studio-ink);border-color:#0000}.studio-tag-muted{color:var(--studio-muted);background:#6d6b641a}.studio-app-label{border-left:1px solid var(--studio-red);align-items:center;min-height:30px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.studio-note-tree{border-top:1px solid var(--studio-ink);position:relative}.studio-home-notes .studio-note-tree{margin-top:22px}.studio-note-row{min-height:96px;margin-left:calc(var(--note-depth) * 54px);border-bottom:1px solid var(--studio-line);grid-template-columns:118px minmax(260px,1fr) minmax(0,1.15fr);align-items:center;transition:background-color .2s,transform .2s;display:grid;position:relative}.studio-note-row.is-root{background:color-mix(in srgb, var(--studio-red) 5%, transparent);min-height:122px}.studio-note-row.is-child{border-left:1px solid var(--studio-line)}.studio-note-row.is-child:before{background:var(--studio-line);content:"";width:24px;height:1px;position:absolute;top:50%;left:-24px}.studio-note-row:hover,.studio-note-row:focus-within{background:color-mix(in srgb, var(--studio-red) 8%, transparent)}.studio-note-index{color:var(--studio-muted);letter-spacing:.08em;align-items:center;gap:12px;font-family:Oxanium,sans-serif;font-size:10px;font-weight:600;display:inline-flex}.studio-note-node{color:#ff3728;flex:none}.studio-note-title{text-align:left;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:82px;padding:14px 24px 14px 0;display:flex}.studio-note-level{color:var(--studio-red);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:600}.studio-note-title h2{letter-spacing:-.025em;margin:0;font-size:22px;font-weight:600;line-height:1.25}.studio-note-row.is-root .studio-note-title h2{font-size:29px}.studio-note-reveal{border-left:1px solid var(--studio-line);opacity:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 22px;min-height:82px;padding:12px 0 12px 28px;transition:opacity .22s,transform .22s;display:grid;transform:translate(10px)}.studio-note-row:hover .studio-note-reveal,.studio-note-row:focus-within .studio-note-reveal,.studio-note-row.is-expanded .studio-note-reveal{opacity:1;transform:translate(0)}.studio-note-reveal p{color:var(--studio-muted);grid-column:1/-1;margin:0 0 5px;font-size:12px;line-height:1.5}.studio-note-reveal>div{flex-wrap:wrap;gap:5px;display:flex}.studio-note-reveal .studio-tag{min-height:25px;padding:0 8px;font-size:9px}.studio-note-reveal time{color:var(--studio-muted);justify-self:end;font-size:9px}.studio-note-reveal>a{justify-self:end;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.studio-note-tree.is-compact .studio-note-row{grid-template-columns:118px minmax(240px,.8fr) minmax(0,1.2fr)}.studio-note-detail .studio-detail-header{max-width:1000px}.studio-reading-layout>aside time{font-size:16px}.studio-reading-layout>aside strong{color:var(--studio-muted);font-size:12px}.studio-export-actions{border-top:1px solid var(--studio-line);margin-top:22px;padding-top:18px}.studio-export-actions>small{color:var(--studio-muted);letter-spacing:.12em;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.studio-export-actions>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px;display:grid}.studio-export-actions button{border:1px solid var(--studio-line);min-height:44px;color:var(--studio-ink);background:0 0;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:9px;font-weight:700;display:inline-flex}.studio-export-actions button:hover{border-color:var(--studio-ink)}.studio-export-actions button:disabled{opacity:.45}.studio-export-actions>span{color:var(--studio-muted);margin-top:8px;font-size:9px;line-height:1.45;display:block}.studio-export-actions .studio-export-error{color:#a32b1e}.studio-aux-gallery{border-top:1px solid var(--studio-ink);border-bottom:1px solid var(--studio-ink);margin-bottom:58px;padding:30px 0 42px}.studio-aux-gallery>header{grid-template-columns:170px minmax(260px,.8fr) minmax(300px,1.2fr);align-items:baseline;gap:28px;margin-bottom:26px;display:grid}.studio-aux-gallery>header span{letter-spacing:.13em;font-size:9px;font-weight:700}.studio-aux-gallery>header h2{letter-spacing:-.04em;margin:0;font-size:28px}.studio-aux-gallery>header p{color:var(--studio-muted);margin:0;font-size:11px;line-height:1.6}.studio-aux-grid{border:1px solid var(--studio-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.studio-aux-grid article{border-right:1px solid var(--studio-line);min-width:0;position:relative;overflow:hidden}.studio-aux-grid article:last-child{border-right:0}.studio-aux-canvas{width:100%;min-height:310px;color:var(--studio-ink);background:color-mix(in srgb, var(--studio-paper) 88%, transparent);text-align:left;border:0;grid-template-rows:auto 1fr auto;gap:10px;padding:16px;display:grid}.studio-aux-canvas>small{letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;display:flex}.studio-aux-canvas>small i{color:#102300;background:var(--studio-lime);padding:3px 5px;font-size:7px;font-style:normal}.studio-aux-canvas svg{align-self:center;width:100%;transition:transform .22s;overflow:visible}.studio-aux-canvas strong{letter-spacing:-.03em;font-family:Oxanium,PingFang SC,sans-serif;font-size:18px}.studio-aux-reveal{min-height:134px;color:var(--studio-paper);background:var(--studio-ink);opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:7px;padding:16px;transition:opacity .2s,transform .2s;display:flex;position:absolute;inset:auto 0 0;transform:translateY(14px)}.studio-aux-grid article:hover .studio-aux-reveal,.studio-aux-grid article:focus-within .studio-aux-reveal,.studio-aux-grid article.is-selected .studio-aux-reveal{opacity:1;pointer-events:auto;transform:translateY(0)}.studio-aux-grid article:hover .studio-aux-canvas svg,.studio-aux-grid article.is-selected .studio-aux-canvas svg{transform:translateY(-18px)scale(.94)}.studio-aux-reveal>span{color:var(--studio-lime-ink);letter-spacing:.08em;font-size:9px;font-weight:700}.studio-aux-reveal p{color:color-mix(in srgb, var(--studio-paper) 75%, transparent);margin:0;font-size:10px;line-height:1.45}.studio-aux-reveal button{min-height:38px;color:var(--studio-paper);background:0 0;border:0;align-items:center;gap:6px;margin-top:auto;padding:0;font-size:9px;font-weight:700;display:inline-flex}.studio-admin-login{place-items:center;min-height:calc(100svh - 92px);padding:70px 24px;display:grid}.studio-admin-login>section{border:1px solid var(--studio-ink);background:#ffffff40;width:min(560px,100%);padding:44px}.studio-admin-login h1{margin:18px 0;font-size:clamp(48px,7vw,76px)}.studio-admin-login>section>p{color:var(--studio-muted);margin-bottom:34px}.studio-admin-login label{flex-direction:column;gap:8px;margin-top:18px;font-size:12px;font-weight:700;display:flex}.studio-admin-login input{border:1px solid var(--studio-line);background:0 0;border-radius:0;width:100%;min-height:50px;padding:0 14px}.studio-admin-login>section>button{color:#fff;background:var(--studio-red);border:0;justify-content:space-between;align-items:center;width:100%;min-height:52px;margin-top:24px;padding:0 16px;font-weight:700;display:flex}.studio-admin-shell{padding:64px 0 120px}.studio-admin-heading{justify-content:space-between;align-items:flex-end;padding-bottom:44px;display:flex}.studio-admin-heading h1{margin:10px 0;font-size:clamp(58px,8vw,108px)}.studio-admin-heading p{color:var(--studio-muted);margin:0;font-size:12px}.studio-admin-heading-actions{gap:8px;display:flex}.studio-admin-heading-actions button{border:1px solid var(--studio-line);min-height:44px;color:var(--studio-ink);background:0 0;align-items:center;gap:8px;padding:0 12px;display:flex}.studio-admin-heading-actions button.is-primary{border-color:var(--studio-red);color:var(--studio-paper);background:var(--studio-red)}.studio-admin-tabs{border-top:1px solid var(--studio-ink);border-bottom:1px solid var(--studio-ink);grid-template-columns:repeat(5,1fr);display:grid}.studio-admin-tabs button{border:0;border-right:1px solid var(--studio-line);background:0 0;align-items:center;gap:9px;min-height:64px;padding:0 18px;font-weight:700;display:flex}.studio-admin-tabs button:last-child{border-right:0}.studio-admin-tabs button.is-active{color:#fff;background:var(--studio-ink)}.studio-admin-tabs button span{margin-left:auto;font-size:10px}.studio-admin-workspace{border-bottom:1px solid var(--studio-ink);grid-template-columns:270px minmax(0,1fr);min-height:720px;display:grid}.studio-admin-workspace.is-transfer{display:block}.studio-admin-workspace.is-transfer .studio-admin-editor{padding-left:0}.studio-admin-list{border-right:1px solid var(--studio-line);flex-direction:column;gap:5px;padding:22px 18px 22px 0;display:flex}.studio-admin-list>button{text-align:left;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-height:54px;padding:10px 12px;display:flex}.studio-admin-list>button:hover,.studio-admin-list>button.is-active{background:#ffffff8c}.studio-admin-list>button strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.studio-admin-list>button span{color:var(--studio-muted);font-size:9px}.studio-admin-list .studio-new-entry{color:#fff;background:var(--studio-red);flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;font-weight:700}.studio-admin-list .studio-new-entry:hover{background:#e51e0c}.studio-admin-list .studio-upload-entry{border:1px solid var(--studio-red);min-height:48px;color:var(--studio-red);flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:5px;font-weight:700}.studio-admin-list .studio-upload-entry:hover{color:var(--studio-paper);background:var(--studio-red)}.studio-admin-editor{padding:42px 0 72px 48px}.studio-editor-form{max-width:880px}.studio-editor-heading{align-items:center;gap:14px;margin-bottom:36px;display:flex}.studio-editor-heading>span{color:#fff;background:var(--studio-ink);place-items:center;width:48px;height:48px;display:grid}.studio-editor-heading small{letter-spacing:.12em;font-size:9px}.studio-editor-heading h2{letter-spacing:-.04em;margin:3px 0 0;font-size:29px}.studio-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.studio-form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-field{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.studio-field>span,.studio-tag-checks legend{letter-spacing:.06em;font-size:10px;font-weight:700}.studio-field input,.studio-field textarea,.studio-field select{border:1px solid var(--studio-line);width:100%;min-height:48px;color:var(--studio-ink);background:#ffffff57;border-radius:0;padding:11px 13px}.studio-field textarea{resize:vertical;min-height:84px;line-height:1.6}.studio-file-field{border:1px dashed var(--studio-line);align-items:center;gap:10px;min-height:54px;padding:0 14px;display:flex;position:relative;overflow:hidden}.studio-file-field input{opacity:0;position:absolute;inset:0;cursor:pointer!important}.studio-file-field span{color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-markdown-preview{border-left:3px solid var(--studio-lime);background:#ffffff61;margin:0 0 24px;padding:22px}.studio-markdown-preview>small{letter-spacing:.14em;margin-bottom:10px;font-size:9px;display:block}.studio-markdown-preview .studio-markdown{max-height:320px;font-size:13px;overflow:auto}.studio-markdown-preview .studio-markdown h1{font-size:26px}.studio-markdown-preview .studio-markdown h2{font-size:21px}.studio-markdown-preview .studio-markdown h3{font-size:17px}.studio-tag-checks{border:1px solid var(--studio-line);flex-wrap:wrap;gap:10px;margin:0 0 24px;padding:16px;display:flex}.studio-tag-checks legend{padding:0 6px}.studio-tag-checks label{align-items:center;gap:5px;display:inline-flex}.studio-tag-checks>span{color:var(--studio-muted);font-size:11px}.studio-tag-checks input{accent-color:var(--studio-red)}.studio-color-options{flex-wrap:wrap;gap:8px;display:flex}.studio-color-options button{border:1px solid var(--studio-line);background:0 0;min-height:40px;padding:0 14px;font-size:11px;font-weight:700}.studio-color-options .studio-color-lime{background:#cfff008c}.studio-color-options .studio-color-red{color:#fff;background:var(--studio-red)}.studio-color-options .studio-color-ink{color:#fff;background:var(--studio-ink)}.studio-color-options .studio-color-muted{background:#6d6b6426}.studio-color-options button.is-active{box-shadow:inset 0 0 0 2px var(--studio-paper), inset 0 0 0 4px var(--studio-ink)}.studio-save-button{color:#fff;background:var(--studio-red);border:0;justify-content:center;align-items:center;gap:9px;min-width:180px;min-height:52px;padding:0 18px;font-weight:700;display:inline-flex}.studio-save-button:disabled{opacity:.5}.studio-form-error{color:#9b1c10;background:#ff2d181a;padding:11px 13px;font-size:12px}.studio-admin-toast{z-index:100;color:#fff;background:var(--studio-ink);align-items:center;gap:8px;padding:14px 18px;font-size:12px;display:flex;position:fixed;bottom:28px;right:28px}.studio-platform-admin .studio-admin-heading{align-items:center}.studio-platform-admin .studio-admin-heading h1{letter-spacing:-.055em;max-width:900px;font-size:clamp(46px,6vw,82px)}.studio-platform-admin .studio-admin-heading h1 span{white-space:nowrap}.studio-platform-admin .studio-admin-tabs{grid-template-columns:repeat(8,minmax(110px,1fr));overflow-x:auto}.studio-platform-admin .studio-admin-tabs button{min-width:110px}.studio-platform-admin .studio-admin-workspace.is-transfer .studio-admin-editor{padding:30px 0 76px}.studio-platform-overview{flex-direction:column;gap:28px;display:flex}.studio-platform-summary{border:1px solid var(--build-line);grid-template-columns:repeat(4,1fr);display:grid}.studio-platform-summary article{border-right:1px solid var(--build-line);flex-direction:column;min-height:132px;padding:20px;display:flex}.studio-platform-summary article:last-child{border-right:0}.studio-platform-summary small,.studio-platform-products>header small,.studio-platform-inspector header small,.studio-platform-module-list header small,.studio-platform-activity>header small,.studio-platform-access>header small,.studio-access-boundaries small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.studio-platform-summary strong{margin-top:10px;font-family:Oxanium,sans-serif;font-size:32px;line-height:1}.studio-platform-summary strong.is-healthy{color:var(--build-lime-ink)}.studio-platform-summary span{margin-top:7px;font-size:10px;font-weight:700}.studio-platform-summary i{color:var(--build-muted);margin-top:auto;font-size:8px;font-style:normal}.studio-platform-main-grid{border:1px solid var(--build-line);grid-template-columns:minmax(0,1fr) 360px;display:grid}.studio-platform-products{border-right:1px solid var(--build-line);min-width:0;padding:24px}.studio-platform-products>header{justify-content:space-between;align-items:flex-start;gap:16px;min-height:62px;display:flex}.studio-platform-products>header h2,.studio-platform-inspector h2,.studio-platform-activity h2,.studio-platform-access h2{margin:6px 0 0;font-family:Oxanium,PingFang SC,sans-serif}.studio-platform-products>header h2{font-size:28px}.studio-platform-products>header>span{color:var(--build-muted);font-size:9px}.studio-platform-products>div{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.studio-platform-products article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);background:var(--build-paper);min-width:0}.studio-platform-products article.is-selected{box-shadow:inset 0 3px var(--build-signal);background:var(--build-signal-soft)}.studio-platform-products article>button{width:100%;min-height:284px;color:var(--build-ink);text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;padding:18px;display:flex}.studio-platform-products article>button>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-platform-products article>button>header>span{align-items:center;gap:8px;display:flex}.studio-platform-products article>button>header small{font-family:Oxanium,sans-serif;font-size:8px}.studio-platform-products article>button>header em{border:1px solid var(--build-line);min-height:24px;color:var(--build-muted);align-items:center;gap:5px;padding:0 7px;font-size:7px;font-style:normal;display:flex}.studio-platform-products article>button>header em i{background:var(--build-muted);width:5px;height:5px}.studio-platform-products article>button>header em.is-live{color:var(--build-lime-ink)}.studio-platform-products article>button>header em.is-live i{background:var(--build-lime)}.studio-platform-products article>button>header em.is-beta{color:#9b6a00}.studio-platform-products article>button>header em.is-beta i{background:#d7a52f}.studio-platform-products article>button>strong{margin-top:34px;font-family:Oxanium,PingFang SC,sans-serif;font-size:22px}.studio-platform-products article>button>p{min-height:46px;color:var(--build-muted);margin:9px 0 22px;font-size:9px;line-height:1.65}.studio-platform-products dl{border-top:1px solid var(--build-line);grid-template-columns:1fr;margin:auto 0 0;display:grid}.studio-platform-products dl div{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:34px;display:flex}.studio-platform-products dt{color:var(--build-muted);font-size:7px}.studio-platform-products dd{margin:0;font-size:8px;font-weight:700}.studio-platform-products article>footer{border-top:1px solid var(--build-line);grid-template-columns:1fr 1fr;min-height:42px;display:grid}.studio-platform-products article>footer button{border:0;border-right:1px solid var(--build-line);color:var(--build-ink);background:0 0;justify-content:center;align-items:center;gap:6px;font-size:8px;display:flex}.studio-platform-products article>footer button:last-child{color:var(--build-signal);border-right:0}.studio-platform-inspector{background:color-mix(in srgb, var(--build-panel) 74%, transparent);min-width:0}.studio-platform-inspector>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:flex-start;gap:12px;min-height:120px;padding:20px;display:flex}.studio-platform-inspector>header h2{font-size:24px}.studio-platform-inspector>header p{color:var(--build-muted);margin:7px 0 0;font-size:8px;line-height:1.5}.studio-platform-inspector>header>span{border:1px solid var(--build-line);min-height:28px;color:var(--build-muted);align-items:center;padding:0 8px;font-size:8px;display:flex}.studio-platform-inspector>header>span.is-live{border-color:var(--build-lime-ink);color:var(--build-lime-ink)}.studio-platform-inspector>header>span.is-beta{color:#9b6a00;border-color:#d7a52f}.studio-platform-inspector-status>label,.studio-platform-module-list>label{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:0 18px;display:flex}.studio-platform-inspector-status label>span,.studio-platform-module-list label>span{flex-direction:column;gap:3px;display:flex}.studio-platform-inspector-status label strong,.studio-platform-module-list label strong{font-size:9px}.studio-platform-inspector-status label small,.studio-platform-module-list label small{color:var(--build-muted);font-size:7px}.studio-platform-inspector-status select{border:1px solid var(--build-line);min-width:120px;min-height:36px;color:var(--build-ink);background:0 0;padding:0 8px;font-size:8px}.studio-platform-switch{border:1px solid var(--build-line);background:0 0;border-radius:12px;flex:none;width:38px;height:22px;position:relative}.studio-platform-switch i{background:var(--build-muted);border-radius:50%;width:14px;height:14px;transition:transform .18s;position:absolute;top:3px;left:3px}.studio-platform-switch.is-on{border-color:var(--build-lime-ink);background:var(--build-lime)}.studio-platform-switch.is-on i{background:#fff;transform:translate(16px)}.studio-platform-module-list>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:68px;padding:0 18px;display:flex}.studio-platform-module-list h3{margin:4px 0 0;font-size:15px}.studio-platform-module-list>header>span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:9px}.studio-platform-inspector-actions{flex-direction:column;gap:8px;padding:18px;display:flex}.studio-platform-inspector-actions button{border:1px solid var(--build-line);min-height:42px;color:var(--build-ink);background:0 0;justify-content:space-between;align-items:center;padding:0 11px;font-size:8px;display:flex}.studio-platform-inspector-actions button.is-primary{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.studio-platform-activity{border:1px solid var(--build-line)}.studio-platform-activity>header{border-bottom:1px solid var(--build-line);align-items:center;gap:16px;min-height:78px;padding:0 20px;display:flex}.studio-platform-activity h2{font-size:22px}.studio-platform-activity>div>span{border-bottom:1px solid var(--build-line);grid-template-columns:80px 130px minmax(0,1fr) 60px;align-items:center;gap:12px;min-height:54px;padding:0 18px;font-size:8px;display:grid}.studio-platform-activity>div>span:last-child{border-bottom:0}.studio-platform-activity time{color:var(--build-muted);font-family:Oxanium,sans-serif}.studio-platform-activity p{margin:0}.studio-platform-activity em{color:var(--build-lime-ink);font-style:normal}.studio-platform-access{flex-direction:column;gap:24px;display:flex}.studio-platform-access>header{border:1px solid var(--build-line);justify-content:space-between;align-items:flex-end;gap:24px;min-height:130px;padding:24px;display:flex}.studio-platform-access>header h2{font-size:clamp(30px,4vw,48px)}.studio-platform-access>header p{max-width:680px;color:var(--build-muted);margin:10px 0 0;font-size:9px;line-height:1.7}.studio-platform-access>header button{min-height:44px;color:var(--build-paper);background:var(--build-signal);white-space:nowrap;border:0;align-items:center;gap:10px;padding:0 14px;display:flex}.studio-access-matrix{border:1px solid var(--build-line)}.studio-access-matrix>header,.studio-access-matrix>article{grid-template-columns:minmax(180px,1.25fr) repeat(3,minmax(150px,1fr)) 90px;display:grid}.studio-access-matrix>header{border-bottom:1px solid var(--build-line);min-height:68px}.studio-access-matrix>header>span{border-right:1px solid var(--build-line);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.studio-access-matrix>header>span:first-child{align-items:flex-start}.studio-access-matrix>header>span:last-child{border-right:0}.studio-access-matrix>header small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.studio-access-matrix>article{border-bottom:1px solid var(--build-line);min-height:76px}.studio-access-matrix>article:last-child{border-bottom:0}.studio-access-matrix>article>*{border:0;border-right:1px solid var(--build-line);color:var(--build-ink);background:0 0}.studio-access-matrix>article>:last-child{border-right:0}.studio-access-matrix>article>span{flex-direction:column;justify-content:center;gap:4px;padding:0 14px;display:flex}.studio-access-matrix>article>span strong{font-size:10px}.studio-access-matrix>article>span small{color:var(--build-muted);font-size:8px}.studio-access-matrix>article>button{color:var(--build-muted);justify-content:center;align-items:center;gap:7px;font-size:8px;display:flex}.studio-access-matrix>article>button i{background:var(--build-muted);width:7px;height:7px}.studio-access-matrix>article>button.is-open{color:var(--build-lime-ink)}.studio-access-matrix>article>button.is-open i{background:var(--build-lime)}.studio-access-matrix>article>strong{place-items:center;font-family:Oxanium,sans-serif;font-size:10px;display:grid}.studio-access-boundaries{border:1px solid var(--build-line);grid-template-columns:1fr 1fr;display:grid}.studio-access-boundaries article{border-right:1px solid var(--build-line);grid-template-columns:34px minmax(0,1fr);gap:14px;min-height:150px;padding:24px;display:grid}.studio-access-boundaries article:last-child{border-right:0}.studio-access-boundaries h3{margin:7px 0;font-size:17px}.studio-access-boundaries p{color:var(--build-muted);margin:0;font-size:9px;line-height:1.7}.studio-course-admin{flex-direction:column;gap:24px;display:flex}.studio-course-admin-heading{border:1px solid var(--build-line);justify-content:space-between;align-items:flex-end;gap:24px;min-height:138px;padding:24px;display:flex}.studio-course-admin-heading small,.studio-course-months small,.studio-course-day-list header small,.studio-course-day-inspector header small,.studio-course-module-access header small{color:var(--build-signal);letter-spacing:.08em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.studio-course-admin-heading h2{margin:6px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(30px,4vw,48px)}.studio-course-admin-heading p{max-width:720px;color:var(--build-muted);margin:10px 0 0;font-size:9px;line-height:1.7}.studio-course-admin-heading>span{border:1px solid var(--build-line);min-height:32px;color:var(--build-muted);white-space:nowrap;align-items:center;gap:7px;padding:0 10px;font-size:8px;display:flex}.studio-course-admin-heading>span i{background:var(--build-lime);width:7px;height:7px}.studio-course-months{border:1px solid var(--build-line);grid-template-columns:repeat(2,minmax(0,1fr)) 220px;display:grid}.studio-course-months article{border-right:1px solid var(--build-line);min-width:0}.studio-course-months article.is-selected{box-shadow:inset 0 3px var(--build-signal);background:var(--build-signal-soft)}.studio-course-months article>button{width:100%;min-height:118px;color:var(--build-ink);text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:7px;padding:18px;display:flex}.studio-course-months article>button strong{font-family:Oxanium,sans-serif;font-size:23px}.studio-course-months article>button span{color:var(--build-muted);font-size:8px}.studio-course-months article footer{border-top:1px solid var(--build-line);grid-template-columns:1fr 1fr;min-height:38px;display:grid}.studio-course-months article footer button{border:0;border-right:1px solid var(--build-line);color:var(--build-ink);background:0 0;font-size:8px}.studio-course-months article footer button:last-child{border-right:0}.studio-course-months article footer button:hover{color:var(--build-paper);background:var(--build-signal)}.studio-course-months>aside{flex-direction:column;padding:18px;display:flex}.studio-course-months>aside strong{margin-top:10px;font-family:Oxanium,sans-serif;font-size:28px}.studio-course-months>aside span{margin-top:4px;font-size:8px;font-weight:700}.studio-course-months>aside p{color:var(--build-muted);margin:auto 0 0;font-size:8px;line-height:1.55}.studio-course-admin-grid{border:1px solid var(--build-line);grid-template-columns:minmax(350px,.84fr) minmax(0,1.16fr);display:grid}.studio-course-day-list{border-right:1px solid var(--build-line);min-width:0}.studio-course-day-list>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:74px;padding:0 16px;display:flex}.studio-course-day-list h3,.studio-course-day-inspector h3{margin:4px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:20px}.studio-course-day-list>header>span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px}.studio-course-day-list>div{max-height:630px;overflow-y:auto}.studio-course-day-list>div>button{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:66px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:48px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:0 14px;display:grid}.studio-course-day-list>div>button.is-active{box-shadow:inset 3px 0 var(--build-signal);background:var(--build-signal-soft)}.studio-course-day-list button>b{font-family:Oxanium,sans-serif;font-size:13px}.studio-course-day-list button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.studio-course-day-list button>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.studio-course-day-list button>span small{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.studio-course-day-list button>em{color:#9b6a00;text-align:right;font-size:7px;font-style:normal}.studio-course-day-list button>em.is-free{color:var(--build-lime-ink)}.studio-course-day-inspector{min-width:0}.studio-course-day-inspector>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:flex-start;gap:16px;min-height:138px;padding:20px;display:flex}.studio-course-day-inspector>header p{max-width:520px;color:var(--build-muted);margin:8px 0 0;font-size:8px;line-height:1.6}.studio-course-day-inspector>header>span{border:1px solid var(--build-line);color:var(--build-muted);white-space:nowrap;padding:7px 9px;font-size:7px}.studio-course-day-access{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:16px;min-height:84px;padding:14px 18px;display:flex}.studio-course-day-access>div:first-child{flex-direction:column;gap:5px;display:flex}.studio-course-day-access>div:first-child strong{font-size:10px}.studio-course-day-access>div:last-child{border:1px solid var(--build-line);grid-template-columns:1fr 1fr;display:grid}.studio-course-day-access button{border:0;border-right:1px solid var(--build-line);min-height:36px;color:var(--build-muted);background:0 0;padding:0 12px;font-size:8px}.studio-course-day-access button:last-child{border-right:0}.studio-course-day-access button.is-active{color:var(--build-paper);background:var(--build-signal)}.studio-course-module-access>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:70px;padding:0 18px;display:flex}.studio-course-module-access h4{margin:5px 0 0;font-size:15px}.studio-course-module-access>header>span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px}.studio-course-module-access>label{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:12px;min-height:61px;padding:0 18px;display:flex}.studio-course-module-access>label>span{flex-direction:column;gap:4px;display:flex}.studio-course-module-access>label strong{font-size:9px}.studio-course-module-access>label small{color:var(--build-muted);font-size:7px}.studio-course-access-toggle{border:1px solid var(--build-line);color:#9b6a00;background:0 0;justify-content:center;align-items:center;gap:7px;min-width:76px;min-height:30px;padding:0 9px;font-size:8px;display:flex}.studio-course-access-toggle i{background:#d7a52f;width:6px;height:6px}.studio-course-access-toggle.is-free{color:var(--build-lime-ink)}.studio-course-access-toggle.is-free i{background:var(--build-lime)}.studio-course-day-inspector>footer{justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:14px 18px;display:flex}.studio-course-day-inspector>footer button{min-height:40px;color:var(--build-paper);background:var(--build-signal);border:0;align-items:center;gap:8px;padding:0 12px;font-size:8px;display:flex}.studio-course-day-inspector>footer p{max-width:280px;color:var(--build-muted);align-items:center;gap:7px;margin:0;font-size:7px;line-height:1.5;display:flex}.studio-course-block-builder{border:1px solid var(--build-line)}.studio-course-block-builder>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:24px;min-height:112px;padding:20px 22px;display:flex}.studio-course-block-builder>header small,.studio-course-builder-grid header small{color:var(--build-signal);letter-spacing:.1em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.studio-course-block-builder>header h3{margin:6px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:28px}.studio-course-block-builder>header p{color:var(--build-muted);margin:8px 0 0;font-size:8px;line-height:1.6}.studio-course-block-builder>header>button{border:1px solid var(--build-line);min-width:146px;min-height:42px;color:var(--build-muted);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:8px;font-weight:700;display:inline-flex}.studio-course-block-builder>header>button.is-dirty{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.studio-course-block-builder>header>button:disabled{opacity:.62}.studio-course-lesson-fields{border-bottom:1px solid var(--build-line);grid-template-columns:240px minmax(0,1fr);display:grid}.studio-course-lesson-fields>header{border-right:1px solid var(--build-line);flex-direction:column;align-items:flex-start;gap:5px;min-height:100%;padding:20px 22px;display:flex}.studio-course-lesson-fields>header small,.studio-course-content-workspace header small,.studio-course-interactive-heading small{color:var(--build-signal);letter-spacing:.1em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.studio-course-lesson-fields>header strong,.studio-course-content-workspace header strong,.studio-course-interactive-heading strong{font-size:13px}.studio-course-lesson-fields>header span{color:var(--build-muted);margin-top:5px;font-size:7px;line-height:1.65}.studio-course-lesson-fields>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px;display:grid}.studio-course-lesson-fields label{flex-direction:column;gap:6px;min-width:0;display:flex}.studio-course-lesson-fields label>span{color:var(--build-muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:7px;display:flex}.studio-course-lesson-fields label>span small{font-size:6px}.studio-course-lesson-fields input,.studio-course-lesson-fields textarea{border:1px solid var(--build-line);width:100%;color:var(--build-ink);font:inherit;background:0 0;outline:0;font-size:9px}.studio-course-lesson-fields input{min-height:38px;padding:0 9px}.studio-course-lesson-fields textarea{resize:vertical;min-height:72px;padding:9px;line-height:1.6}.studio-course-lesson-fields input:focus,.studio-course-lesson-fields textarea:focus{border-color:var(--build-signal)}.studio-course-lesson-focus{grid-template-columns:.6fr .8fr 1.4fr;gap:10px;display:grid}.studio-course-content-workspace{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(420px,1.04fr) minmax(360px,.96fr);display:grid}.studio-course-content-canvas,.studio-course-content-editor{min-width:0;padding:18px 20px}.studio-course-content-canvas{border-right:1px solid var(--build-line);background:color-mix(in srgb, var(--build-line) 9%, transparent)}.studio-course-content-canvas>header,.studio-course-content-editor>header{justify-content:space-between;align-items:flex-start;gap:14px;min-height:54px;display:flex}.studio-course-content-canvas>header>span,.studio-course-content-editor>header{flex-direction:column}.studio-course-content-canvas>header>span{flex-direction:column;gap:4px;display:flex}.studio-course-content-canvas>header em{color:var(--build-muted);font-size:7px;font-style:normal}.studio-course-content-canvas>div{gap:8px;display:grid}.studio-course-content-canvas article{border:1px solid var(--build-line);background:var(--build-panel);cursor:grab;grid-template-columns:34px minmax(0,1fr) 58px 58px;align-items:center;gap:9px;min-height:82px;padding:9px 10px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid}.studio-course-content-canvas article:hover,.studio-course-content-canvas article.is-selected{border-color:var(--build-signal);background:var(--build-signal-soft);box-shadow:inset 3px 0 var(--build-signal)}.studio-course-content-canvas article.is-dragging{opacity:.5}.studio-course-content-canvas article.is-drop-target{box-shadow:inset 0 3px var(--build-signal)}.studio-course-content-canvas article>span{color:var(--build-muted);flex-direction:column;align-items:center;gap:5px;display:flex}.studio-course-content-canvas article>span small{font-family:Oxanium,sans-serif;font-size:7px}.studio-course-content-canvas article>div:nth-child(2){min-width:0}.studio-course-content-canvas article>div:nth-child(2) small{color:var(--build-signal);margin-bottom:4px;font-family:Oxanium,sans-serif;font-size:6px;display:block}.studio-course-content-canvas article>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.studio-course-content-canvas article>div:nth-child(2) p{color:var(--build-muted);margin:5px 0 0;font-size:7px}.studio-course-content-canvas article>em{border:1px solid var(--build-line);min-height:24px;color:var(--build-signal);place-items:center;font-size:7px;font-style:normal;display:grid}.studio-course-content-canvas .studio-course-module-actions{grid-template-columns:repeat(2,26px)}.studio-course-content-editor>header{justify-content:flex-start;gap:4px}.studio-course-interactive-heading{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:16px 20px;display:flex}.studio-course-interactive-heading>div{flex-direction:column;gap:4px;display:flex}.studio-course-interactive-heading p{color:var(--build-muted);margin:2px 0 0;font-size:7px}.studio-course-interactive-heading>span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:7px}.studio-course-builder-grid{grid-template-columns:260px minmax(300px,.9fr) minmax(360px,1.1fr);align-items:stretch;display:grid}.studio-course-builder-grid>*{border-right:1px solid var(--build-line);min-width:0}.studio-course-builder-grid>:last-child{border-right:0}.studio-course-module-library{padding:16px}.studio-course-module-library>header,.studio-course-module-editor>header{flex-direction:column;align-items:flex-start;gap:4px;min-height:60px;display:flex}.studio-course-module-library>header strong,.studio-course-module-editor>header strong{font-size:12px}.studio-course-module-library>header span{color:var(--build-muted);font-size:7px}.studio-course-module-library-list{gap:10px;display:grid}.studio-course-module-library-list>article{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 74%, transparent);cursor:grab;flex-direction:column;align-items:flex-start;min-height:186px;padding:14px;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.studio-course-module-library-list>article:hover{border-color:var(--build-signal);box-shadow:5px 5px 0 var(--build-signal-soft);transform:translateY(-2px)}.studio-course-module-library-list>article:active{cursor:grabbing}.studio-course-module-library-list>article>span{color:var(--build-signal);align-items:center;gap:8px;display:flex}.studio-course-module-library-list>article>span small{letter-spacing:.08em;font-family:Oxanium,sans-serif;font-size:7px}.studio-course-module-library-list>article>strong{margin-top:18px;font-size:18px}.studio-course-module-library-list>article>p{color:var(--build-muted);margin:8px 0 14px;font-size:8px;line-height:1.65}.studio-course-module-library-list>article>footer{border-top:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;padding-top:12px;display:flex}.studio-course-module-library-list>article>footer>span{color:var(--build-muted);font-size:7px}.studio-course-module-library-list>article>footer button{min-height:34px;color:var(--build-paper);background:var(--build-signal);border:0;align-items:center;gap:5px;padding:0 8px;font-size:7px;display:inline-flex}.studio-course-module-canvas{background:color-mix(in srgb, var(--build-line) 9%, transparent);min-height:430px;padding:16px;transition:background-color .18s,box-shadow .18s}.studio-course-module-canvas.is-dragging{background:var(--build-signal-soft);box-shadow:inset 0 0 0 2px var(--build-signal)}.studio-course-module-canvas>header{justify-content:space-between;align-items:flex-start;gap:12px;min-height:60px;display:flex}.studio-course-module-canvas>header>span{flex-direction:column;gap:4px;display:flex}.studio-course-module-canvas>header strong{font-size:12px}.studio-course-module-canvas>header em{color:var(--build-muted);font-size:7px;font-style:normal}.studio-course-module-canvas>div{gap:10px;display:grid}.studio-course-module-canvas>div>article{border:1px solid var(--build-line);background:var(--build-panel);cursor:pointer;grid-template-columns:36px minmax(0,1fr) 88px;align-items:center;gap:10px;min-height:96px;padding:10px;display:grid}.studio-course-module-canvas>div>article:hover,.studio-course-module-canvas>div>article.is-selected{border-color:var(--build-signal);background:var(--build-signal-soft);box-shadow:inset 3px 0 var(--build-signal)}.studio-course-module-canvas article>span{color:var(--build-muted);flex-direction:column;align-items:center;gap:5px;display:flex}.studio-course-module-canvas article>span small{font-family:Oxanium,sans-serif;font-size:7px}.studio-course-module-canvas article>div{min-width:0}.studio-course-module-canvas article>div:nth-child(2)>small{color:var(--build-signal);letter-spacing:.08em;margin-bottom:5px;font-family:Oxanium,sans-serif;font-size:6px;display:block}.studio-course-module-canvas article>div strong{font-size:10px}.studio-course-module-canvas article>div p{color:var(--build-muted);margin:6px 0 0;font-size:7px}.studio-course-module-actions{grid-template-columns:repeat(3,26px);gap:3px;display:grid}.studio-course-module-actions button{border:1px solid var(--build-line);width:26px;height:28px;color:var(--build-muted);background:0 0;place-items:center;display:grid}.studio-course-module-actions button:hover:not(:disabled),.studio-course-module-actions button:focus-visible:not(:disabled){border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.studio-course-module-actions button:disabled{opacity:.3}.studio-course-module-dropzone{border:1px dashed var(--build-line);min-height:300px;color:var(--build-muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.studio-course-module-dropzone:hover,.studio-course-module-dropzone:focus-visible{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}.studio-course-module-dropzone strong{font-size:11px}.studio-course-module-dropzone span{font-size:7px}.studio-course-module-editor{min-height:430px;padding:16px}.studio-course-module-fields{gap:12px;display:grid}.studio-course-module-fields>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.studio-course-module-fields label{flex-direction:column;gap:6px;display:flex}.studio-course-module-fields label>span{color:var(--build-muted);justify-content:space-between;align-items:baseline;gap:8px;font-size:7px;display:flex}.studio-course-module-fields label>span small{font-size:6px}.studio-course-module-fields input,.studio-course-module-fields textarea,.studio-course-module-fields select{border:1px solid var(--build-line);width:100%;color:var(--build-ink);font:inherit;background:0 0;outline:0;font-size:9px}.studio-course-module-fields input{min-height:38px;padding:0 9px}.studio-course-module-fields textarea{resize:vertical;min-height:126px;padding:9px;line-height:1.6}.studio-course-module-fields select{border-radius:0;min-height:38px;padding:0 9px}.studio-course-module-fields input:focus,.studio-course-module-fields textarea:focus,.studio-course-module-fields select:focus{border-color:var(--build-signal)}.studio-course-module-editor-empty{border:1px dashed var(--build-line);min-height:300px;color:var(--build-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.studio-course-module-editor-empty p{text-align:center;max-width:180px;margin:0;font-size:8px;line-height:1.6}.studio-course-module-live-preview{border:1px solid var(--build-line);margin-top:16px;overflow:hidden}.studio-course-module-live-preview>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:42px;padding:0 10px;display:flex}.studio-course-module-live-preview>header span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:7px}@media (width<=1180px){.studio-platform-summary{grid-template-columns:1fr 1fr}.studio-platform-summary article:nth-child(2){border-right:0}.studio-platform-summary article:nth-child(-n+2){border-bottom:1px solid var(--build-line)}.studio-platform-main-grid{grid-template-columns:1fr}.studio-platform-products{border-right:0;border-bottom:1px solid var(--build-line)}.studio-platform-inspector{grid-template-columns:1fr 1fr;display:grid}.studio-platform-inspector>header{grid-column:1/-1}.studio-platform-module-list{border-left:1px solid var(--build-line)}.studio-platform-inspector-actions{flex-direction:row;grid-column:1/-1}.studio-platform-inspector-actions button{flex:1}}@media (width<=760px){.studio-platform-admin .studio-admin-heading h1{font-size:44px}.studio-platform-admin .studio-admin-heading h1 span{display:block}.studio-platform-admin .studio-admin-tabs{grid-template-columns:repeat(8,112px)}.studio-platform-summary{grid-template-columns:1fr}.studio-platform-summary article{border-right:0;border-bottom:1px solid var(--build-line)}.studio-platform-summary article:last-child{border-bottom:0}.studio-platform-products{padding:14px}.studio-platform-products>header{flex-direction:column}.studio-platform-products>div{grid-template-columns:1fr}.studio-platform-products article>button{min-height:248px}.studio-platform-inspector{display:block}.studio-platform-module-list{border-left:0}.studio-platform-inspector-actions{flex-direction:column}.studio-platform-activity>div{overflow-x:auto}.studio-platform-activity>div>span{min-width:620px}.studio-platform-access>header{flex-direction:column;align-items:flex-start}.studio-access-matrix{overflow-x:auto}.studio-access-matrix>header,.studio-access-matrix>article{min-width:820px}.studio-access-boundaries{grid-template-columns:1fr}.studio-access-boundaries article{border-right:0;border-bottom:1px solid var(--build-line)}.studio-access-boundaries article:last-child{border-bottom:0}.studio-course-admin-heading{flex-direction:column;align-items:flex-start}.studio-course-months{grid-template-columns:1fr}.studio-course-months article{border-right:0;border-bottom:1px solid var(--build-line)}.studio-course-months>aside{min-height:128px}.studio-course-admin-grid{grid-template-columns:1fr}.studio-course-day-list{border-right:0;border-bottom:1px solid var(--build-line)}.studio-course-day-list>div{max-height:380px}.studio-course-day-access,.studio-course-day-inspector>footer,.studio-course-block-builder>header{flex-direction:column;align-items:flex-start}.studio-course-lesson-fields,.studio-course-content-workspace{grid-template-columns:1fr}.studio-course-lesson-fields>header,.studio-course-content-canvas{border-right:0;border-bottom:1px solid var(--build-line)}.studio-course-lesson-fields>div{grid-template-columns:1fr}.studio-course-content-canvas article{grid-template-columns:32px minmax(0,1fr) 52px}.studio-course-content-canvas article .studio-course-module-actions{grid-column:2/-1;justify-content:end}.studio-course-interactive-heading{flex-direction:column;align-items:flex-start}.studio-course-builder-grid{grid-template-columns:1fr}.studio-course-builder-grid>*{border-right:0;border-bottom:1px solid var(--build-line)}.studio-course-builder-grid>:last-child{border-bottom:0}.studio-course-module-library-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.studio-course-module-library-list>article{min-height:176px}}.membership-level-mark{color:var(--membership-label,currentColor);flex:none;align-items:center;gap:7px;font-family:Oxanium,sans-serif;display:inline-flex}.membership-level-mark>small{color:currentColor;letter-spacing:.12em;font-size:8px;font-weight:700}.membership-level-medallion{box-sizing:border-box;border:1px solid var(--membership-medallion-edge,currentColor);background:var(--membership-medallion-bg,transparent);width:36px;height:36px;box-shadow:inset 0 0 0 2px var(--membership-medallion-inner,transparent), 0 5px 14px var(--membership-medallion-shadow,transparent);border-radius:50%;flex:none;place-items:center;display:grid}.membership-level-medallion>svg{shape-rendering:geometricprecision;width:25px;height:21px;display:block;overflow:visible}.membership-level-medallion>svg polygon{fill:var(--membership-inactive,color-mix(in srgb, currentColor 24%, transparent));stroke:var(--membership-inactive-edge,transparent);stroke-width:.48px;stroke-linejoin:bevel;vector-effect:non-scaling-stroke;transition:fill .18s,stroke .18s}.membership-level-medallion>svg polygon.is-active{fill:var(--membership-active,currentColor);stroke:var(--membership-active-edge,currentColor)}.membership-level-medallion>svg polygon.is-current{fill:var(--membership-current,var(--membership-active,currentColor));stroke:var(--membership-current-edge,var(--membership-active-edge,currentColor))}.membership-level-mark.is-compact{gap:4px}.membership-level-mark.is-compact>small{display:none}.membership-level-mark.is-compact>.membership-level-medallion{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--membership-medallion-inner,transparent), 0 3px 9px var(--membership-medallion-shadow,transparent)}.membership-level-mark.is-compact>.membership-level-medallion>svg{width:20px;height:17px}.membership-level-mark.is-compact>.membership-level-medallion>svg polygon{stroke-width:.42px}.studio-private>.membership-level-mark{margin-left:2px}.canto-account-button>.membership-level-mark{flex-direction:row;align-items:center;gap:4px;display:inline-flex}.studio-account-profile>span .membership-level-mark{margin-left:8px}.canto-translate-page{min-width:0}.canto-translate-gate{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 78%, transparent);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;min-height:280px;padding:clamp(26px,4vw,50px);display:grid}.canto-translate-gate>svg{color:var(--build-signal)}.canto-translate-gate small,.canto-translate-status small,.canto-translate-workbench header small,.canto-translation-knowledge header small,.canto-translation-history header small{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-translate-gate h2{letter-spacing:-.045em;margin:8px 0 10px;font-size:clamp(26px,3vw,42px)}.canto-translate-gate p{max-width:650px;color:var(--build-muted);margin:0;font-size:12px;line-height:1.75}.canto-translate-gate>a{min-height:52px;color:var(--build-paper);background:var(--build-signal);align-items:center;gap:16px;padding:0 18px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.canto-translate-status{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 72%, transparent);border-bottom:0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:20px;min-height:70px;padding:0 18px;display:grid}.canto-translate-status>span{align-items:center;gap:9px;min-width:0;display:flex}.canto-translate-status>span small{color:var(--build-muted);letter-spacing:0;font-family:inherit;font-weight:400}.canto-translate-status>em{border:1px solid var(--build-line);min-height:30px;color:var(--build-muted);align-items:center;gap:6px;padding:0 10px;font-size:8px;font-style:normal;display:inline-flex}.canto-translate-status>em.is-open{border-color:var(--build-lime-ink);color:var(--build-lime-ink)}.canto-translate-workbench{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 46%, transparent);grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr);display:grid}.canto-translate-source,.canto-translate-result{flex-direction:column;min-width:0;min-height:390px;display:flex}.canto-translate-source{border-right:1px solid var(--build-line)}.canto-translate-result{border-left:1px solid var(--build-line)}.canto-translate-workbench section>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:0 16px;display:flex}.canto-translate-workbench section>header>span{flex-direction:column;gap:3px;display:flex}.canto-translate-workbench section>header strong{font-size:15px}.canto-translate-workbench section>header>b{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px;font-weight:500}.canto-translate-source textarea{width:100%;min-height:250px;color:var(--build-ink);font:inherit;resize:none;background:0 0;border:0;outline:0;flex:auto;padding:22px;font-size:20px;line-height:1.75}.canto-translate-source textarea::placeholder{color:color-mix(in srgb, var(--build-muted) 66%, transparent)}.canto-translate-source>footer{border-top:1px solid var(--build-line);align-items:center;gap:8px;min-height:68px;padding:10px 14px;display:flex}.canto-translate-source>footer button,.canto-translate-result>header button{border:1px solid var(--build-line);min-height:40px;color:var(--build-ink);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:9px;display:inline-flex}.canto-translate-source>footer button:hover,.canto-translate-source>footer button:focus-visible,.canto-translate-result>header button:hover,.canto-translate-result>header button:focus-visible{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}.canto-translate-source>footer button.is-listening{color:var(--build-paper);background:var(--build-signal);animation:1s ease-in-out infinite alternate canto-translate-listening}.canto-translate-action{width:100%;min-height:100%;color:var(--build-paper);background:var(--build-ink);border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:18px 8px;display:flex}.canto-translate-action>span{text-align:center;max-width:50px;font-size:10px;font-weight:700;line-height:1.5}.canto-translate-action:hover:not(:disabled),.canto-translate-action:focus-visible:not(:disabled){color:var(--build-paper);background:var(--build-signal)}.canto-translate-action:disabled{opacity:.42}.canto-translate-result>div:not(.canto-translate-placeholder){flex-direction:column;flex:auto;min-height:0;padding:22px;display:flex}.canto-translate-result p{letter-spacing:-.035em;margin:0;font-size:clamp(24px,3vw,40px);font-weight:700;line-height:1.4}.canto-translate-result>div>button{border:1px solid var(--build-signal);min-height:64px;color:var(--build-paper);background:var(--build-signal);justify-content:center;align-items:center;gap:10px;margin-top:auto;font-size:13px;font-weight:700;display:flex}.canto-translate-placeholder{color:var(--build-muted);text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;display:flex}.canto-translate-placeholder strong{color:var(--build-ink);font-size:14px}.canto-translate-placeholder span{font-size:10px}.canto-translation-knowledge,.canto-translation-history{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 64%, transparent);margin-top:28px}.canto-translation-knowledge>header,.canto-translation-history>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:0 18px;display:flex}.canto-translation-knowledge h2,.canto-translation-history h2{margin:5px 0 0;font-size:22px}.canto-translation-knowledge>header>span{border:1px solid var(--build-line);min-height:30px;color:var(--build-muted);align-items:center;gap:6px;padding:0 9px;font-size:8px;display:inline-flex}.canto-translation-knowledge.is-unlocked>header>span{border-color:var(--build-lime-ink);color:var(--build-lime-ink)}.canto-translation-knowledge>div:not(.canto-knowledge-upgrade){grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.canto-translation-knowledge>div>a{border-right:1px solid var(--build-line);min-height:190px;color:var(--build-ink);flex-direction:column;align-items:flex-start;padding:18px;text-decoration:none;display:flex;position:relative}.canto-translation-knowledge>div>a:last-child{border-right:0}.canto-translation-knowledge>div>a:hover,.canto-translation-knowledge>div>a:focus-visible{color:var(--build-paper);background:var(--build-ink)}.canto-translation-knowledge>div>a>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.canto-translation-knowledge>div>a strong{margin-top:34px;font-size:16px}.canto-translation-knowledge>div>a p{color:var(--build-muted);margin:10px 0 0;font-size:10px;line-height:1.7}.canto-translation-knowledge>div>a svg{color:var(--build-signal);position:absolute;top:16px;right:16px}.canto-knowledge-upgrade{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:118px;padding:20px;display:grid}.canto-knowledge-upgrade p{color:var(--build-muted);margin:0;font-size:11px;line-height:1.7}.canto-knowledge-upgrade>a{border:1px solid var(--build-line);min-height:40px;color:var(--build-ink);align-items:center;gap:8px;padding:0 12px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.canto-translation-history>header>span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px}.canto-translation-history>div article{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(0,1fr) 48px;min-height:72px;display:grid}.canto-translation-history>div article>button:first-child{min-width:0;color:var(--build-ink);text-align:left;background:0 0;border:0;grid-template-columns:72px minmax(0,1fr) 18px;align-items:center;gap:14px;padding:10px 16px;display:grid}.canto-translation-history>div article>button:first-child:hover,.canto-translation-history>div article>button:first-child:focus-visible{background:var(--build-signal-soft)}.canto-translation-history article small{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:7px}.canto-translation-history article span{flex-direction:column;gap:5px;min-width:0;display:flex}.canto-translation-history article strong,.canto-translation-history article em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canto-translation-history article strong{font-size:11px}.canto-translation-history article em{color:var(--build-muted);font-size:10px;font-style:normal}.canto-translation-history article svg{color:var(--build-signal)}.canto-translation-history>div article>button:last-child{border:0;border-left:1px solid var(--build-line);color:var(--build-muted);background:0 0}.canto-translation-history>div article>button:last-child:hover{color:var(--build-paper);background:var(--build-signal)}.canto-translation-history>p{color:var(--build-muted);margin:0;padding:24px;font-size:10px}@keyframes canto-translate-listening{to{filter:saturate(1.2);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--build-paper) 35%, transparent)}}.studio-membership-admin{gap:24px;display:grid}.studio-membership-admin>header{border:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:24px;min-height:136px;padding:26px;display:flex}.studio-membership-admin>header small,.studio-feature-policy small,.studio-member-level-directory header small{color:var(--studio-red);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px}.studio-membership-admin>header h2{letter-spacing:-.055em;margin:9px 0 8px;font-size:clamp(28px,3.5vw,50px)}.studio-membership-admin>header p{max-width:760px;color:var(--studio-muted);margin:0;font-size:11px;line-height:1.7}.studio-membership-admin>header>span{color:var(--studio-muted);align-items:center;gap:8px;font-family:Oxanium,sans-serif;font-size:8px;display:inline-flex}.studio-membership-admin>header>span i{background:var(--studio-lime);width:7px;height:7px}.studio-feature-policy{border:1px solid var(--studio-line);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:22px;min-height:112px;padding:18px;display:grid}.studio-feature-policy>div{align-items:center;gap:14px;min-width:0;display:flex}.studio-feature-policy>div>span{width:52px;height:52px;color:var(--studio-paper);background:var(--studio-red);place-items:center;display:grid}.studio-feature-policy h3{margin:5px 0;font-size:17px}.studio-feature-policy p{color:var(--studio-muted);margin:0;font-size:9px}.studio-feature-policy>label{color:var(--studio-muted);align-items:center;gap:10px;font-size:9px;display:flex}.studio-feature-policy select{border:1px solid var(--studio-line);min-height:38px;color:var(--studio-ink);background:0 0;padding:0 28px 0 10px}.studio-feature-policy>button{min-height:42px;color:var(--studio-paper);background:var(--studio-ink);border:0;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.studio-member-level-directory{border:1px solid var(--studio-line)}.studio-member-level-directory>header{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:0 18px;display:flex}.studio-member-level-directory h3{margin:5px 0 0;font-size:21px}.studio-member-level-directory>header label{border:1px solid var(--studio-line);align-items:center;gap:8px;min-width:280px;min-height:42px;padding:0 12px;display:flex}.studio-member-level-directory>header input{width:100%;color:var(--studio-ink);background:0 0;border:0;outline:0}.studio-member-level-head,.studio-member-level-directory article{grid-template-columns:minmax(230px,1.2fr) 180px 90px minmax(270px,1fr);align-items:center;gap:16px;display:grid}.studio-member-level-head{border-bottom:1px solid var(--studio-line);min-height:38px;color:var(--studio-muted);letter-spacing:.12em;padding:0 18px;font-family:Oxanium,sans-serif;font-size:7px}.studio-member-level-directory article{border-bottom:1px solid var(--studio-line);min-height:76px;padding:10px 18px}.studio-member-level-directory article>span:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.studio-member-level-directory article>span:first-child strong,.studio-member-level-directory article>span:first-child small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-member-level-directory article>span:first-child strong{font-size:11px}.studio-member-level-directory article>span:first-child small{color:var(--studio-muted);font-size:8px}.studio-member-level-directory article>em{color:var(--studio-muted);font-size:9px;font-style:normal}.studio-member-level-directory article>em.is-active{color:var(--studio-lime-ink)}.studio-member-level-directory article>div{border:1px solid var(--studio-line);grid-template-columns:repeat(5,1fr);display:grid}.studio-member-level-directory article>div button{border:0;border-right:1px solid var(--studio-line);min-height:36px;color:var(--studio-muted);background:0 0;padding:0 5px;font-family:Oxanium,sans-serif;font-size:8px}.studio-member-level-directory article>div button:last-child{border-right:0}.studio-member-level-directory article>div button.is-active{color:var(--studio-paper);background:var(--studio-red)}.studio-member-level-empty{color:var(--studio-muted);margin:0;padding:30px;font-size:10px}@media (width<=1120px){.canto-nav{grid-template-columns:repeat(5,minmax(62px,78px))}.canto-nav button{padding:0 7px}.studio-feature-policy{grid-template-columns:minmax(0,1fr) auto auto}.studio-feature-policy>button{grid-column:1/-1;justify-self:end}.studio-member-level-head,.studio-member-level-directory article{grid-template-columns:minmax(190px,1fr) 150px 72px minmax(240px,1fr)}}@media (width<=760px){.canto-nav{grid-template-columns:repeat(5,1fr)}.canto-nav button{flex-direction:column;gap:2px;padding:0 4px}.canto-nav button span{font-size:8px}.canto-nav button small{display:none}.canto-translate-gate{grid-template-columns:1fr;gap:18px;min-height:360px;padding:24px 18px}.canto-translate-gate>a{justify-content:space-between}.canto-translate-status{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px}.canto-translate-status>span small{display:none}.canto-translate-status>em{grid-column:1/-1;justify-content:center}.canto-translate-workbench{grid-template-columns:1fr}.canto-translate-source,.canto-translate-result{border:0;min-height:320px}.canto-translate-source{border-bottom:1px solid var(--build-line)}.canto-translate-result{border-top:1px solid var(--build-line)}.canto-translate-action{flex-direction:row;min-height:58px;padding:0 16px}.canto-translate-action>span{max-width:none}.canto-translation-knowledge>div:not(.canto-knowledge-upgrade){grid-template-columns:1fr}.canto-translation-knowledge>div>a{border-right:0;border-bottom:1px solid var(--build-line);min-height:132px}.canto-translation-knowledge>div>a strong{margin-top:22px}.canto-knowledge-upgrade{grid-template-columns:1fr;gap:14px}.canto-translation-history>div article>button:first-child{grid-template-columns:minmax(0,1fr) 18px}.canto-translation-history article small{display:none}.studio-membership-admin>header{flex-direction:column;align-items:flex-start}.studio-feature-policy{grid-template-columns:1fr}.studio-feature-policy>label{justify-content:space-between}.studio-feature-policy>button{grid-column:auto;justify-content:center;width:100%}.studio-member-level-directory>header{flex-direction:column;align-items:stretch;padding:16px}.studio-member-level-directory>header label{min-width:0}.studio-member-level-head{display:none}.studio-member-level-directory article{grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px}.studio-member-level-directory article>em{grid-column:1}.studio-member-level-directory article>div{grid-column:1/-1}}.studio-transfer-panel{max-width:1180px}.studio-transfer-lead{max-width:720px;color:var(--studio-muted);margin:-18px 0 42px;font-size:14px;line-height:1.7}.studio-transfer-section{border-top:1px solid var(--studio-ink);margin-top:32px;padding:30px 0 52px}.studio-transfer-section>header{grid-template-columns:155px minmax(240px,1fr) minmax(260px,.8fr);align-items:baseline;gap:24px;display:grid}.studio-transfer-section>header span{letter-spacing:.13em;font-size:10px;font-weight:700}.studio-transfer-section>header h3{letter-spacing:-.045em;margin:0;font-size:30px}.studio-transfer-section>header p{color:var(--studio-muted);margin:0;font-size:12px;line-height:1.65}.studio-import-dropzone{border:1px dashed var(--studio-line);min-height:168px;color:var(--studio-muted);background:#ffffff3d;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:30px;padding:26px;transition:color .18s,border-color .18s,background-color .18s;display:flex;cursor:pointer!important}.studio-import-dropzone:hover,.studio-import-dropzone.is-dragging{border-color:var(--studio-red);color:var(--studio-ink);background:#ff37280f}.studio-import-dropzone input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.studio-import-dropzone strong{color:var(--studio-ink);font-size:17px}.studio-import-dropzone span{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:760px;font-size:10px;overflow:hidden}.studio-transfer-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.studio-transfer-options .studio-field{margin-bottom:0}.studio-switch-row{border:1px solid var(--studio-line);background:#ffffff57;align-items:center;gap:8px;min-height:48px;padding:0 12px;display:flex;cursor:pointer!important}.studio-switch-row input{width:17px;min-height:17px;accent-color:var(--studio-red);padding:0}.studio-switch-row span{font-size:10px;line-height:1.35}.studio-transfer-state{border-top:1px solid var(--studio-line);min-height:86px;color:var(--studio-muted);justify-content:center;align-items:center;gap:10px;margin-top:24px;font-size:11px;display:flex}.studio-transfer-state span{background:var(--studio-lime);width:8px;height:8px;animation:1.2s ease-in-out infinite studioPulse}.studio-import-preview{border-top:1px solid var(--studio-ink);margin-top:28px}.studio-import-preview>header{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;min-height:78px;padding:0 16px;display:flex}.studio-import-preview>header>div{align-items:baseline;gap:14px;display:flex}.studio-import-preview>header small{letter-spacing:.12em;font-size:9px}.studio-import-preview>header strong{font-size:19px}.studio-import-preview>header>span{color:#a32b1e;align-items:center;gap:5px;font-size:10px;display:flex}.studio-import-warnings{border-bottom:1px solid var(--studio-line);color:#95610c;background:#ffb80014;padding:12px 16px}.studio-import-warnings p{gap:7px;margin:4px 0;font-size:10px;display:flex}.studio-import-candidates{max-height:560px;overflow-y:auto}.studio-import-candidates article{min-height:112px;padding:16px 14px 16px calc(14px + var(--import-depth) * 25px);border-bottom:1px solid var(--studio-line);grid-template-columns:42px minmax(0,1fr) 170px;align-items:start;gap:16px;display:grid}.studio-import-candidates article.is-skipped{opacity:.48}.studio-import-candidates article>span{font-size:9px;font-weight:700}.studio-import-candidates article>div strong{font-size:15px;display:block}.studio-import-candidates article>div small{color:var(--studio-red);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.studio-import-candidates article>div p{color:var(--studio-muted);margin:7px 0 0;font-size:11px;line-height:1.5}.studio-import-candidates footer{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.studio-import-candidates footer em,.studio-import-candidates footer i{border:1px solid var(--studio-line);padding:3px 6px;font-size:8px;font-style:normal}.studio-import-candidates article>aside{text-align:right;flex-direction:column;align-items:flex-end;gap:7px;display:flex}.studio-import-candidates article>aside b{letter-spacing:.12em;font-size:9px}.studio-import-candidates article>aside small{color:var(--studio-muted);font-size:9px;line-height:1.45}.studio-import-commit{color:#fff;background:var(--studio-red);border:0;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:0 18px;font-weight:700;display:flex}.studio-import-commit:disabled{opacity:.45}.studio-export-section{margin-top:60px}.studio-export-console{grid-template-columns:240px minmax(0,1fr);align-items:end;gap:32px;margin-top:28px;display:grid}.studio-export-console .studio-field{margin:0}.studio-export-direct{border:1px solid var(--studio-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.studio-export-direct button{border:0;border-right:1px solid var(--studio-line);min-height:72px;color:var(--studio-ink);text-align:left;background:0 0;align-items:center;gap:11px;padding:0 16px;display:flex}.studio-export-direct button:last-child{border-right:0}.studio-export-direct button:hover{color:#fff;background:var(--studio-ink)}.studio-export-direct button:disabled{opacity:.45}.studio-export-direct button span{flex-direction:column;gap:2px;display:flex}.studio-export-direct button strong{font-size:11px}.studio-export-direct button small{color:var(--studio-muted);font-size:9px}.studio-export-direct button:hover small{color:currentColor}.studio-export-progress{color:var(--studio-muted);grid-column:2;margin:-22px 0 0;font-size:10px}.studio-transfer-message{margin-top:18px}.studio-transfer-success{color:#234900;background:#b9f60033;align-items:center;gap:7px;margin-top:18px;padding:13px 15px;font-size:11px;display:flex}@media (width<=980px){.studio-header{grid-template-columns:1fr auto 1fr;height:78px;padding:0 24px}.studio-nav{gap:30px}.studio-hero{padding:126px 28px 58px}.studio-hero-copy{width:76vw}.studio-hero h1{font-size:clamp(82px,18vw,150px)}.studio-built-badge{width:132px;right:3vw}.studio-home-section,.studio-about,.studio-page-shell,.studio-detail-shell,.studio-admin-shell{width:min(100% - 48px,1380px)}.studio-featured-work{grid-template-columns:.8fr 1.2fr;gap:32px}.studio-featured-work>div{padding-left:20px}.studio-work-row{grid-template-columns:54px 1fr 190px 32px;gap:18px}.studio-work-row img{width:190px}.studio-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-app-card:nth-child(3n){border-right:1px solid var(--studio-line)}.studio-app-card:nth-child(2n){border-right:0}.studio-note-row,.studio-note-tree.is-compact .studio-note-row{grid-template-columns:92px minmax(200px,.8fr) minmax(0,1.2fr)}.studio-admin-workspace{grid-template-columns:220px minmax(0,1fr)}.studio-admin-editor{padding-left:28px}.studio-transfer-options{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-transfer-section>header{grid-template-columns:120px minmax(220px,1fr)}.studio-transfer-section>header p{grid-column:2}.studio-aux-gallery>header{grid-template-columns:120px minmax(0,1fr)}.studio-aux-gallery>header p{grid-column:2}.studio-aux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-aux-grid article:nth-child(2){border-right:0}.studio-aux-grid article:nth-child(-n+2){border-bottom:1px solid var(--studio-line)}}@media (width<=720px){.studio-header{grid-template-columns:1fr auto auto}.studio-menu-trigger{justify-self:center;gap:7px;display:inline-flex}.studio-menu-trigger span{font-size:12px}.studio-nav{border:1px solid var(--studio-ink);background:var(--studio-paper);grid-template-columns:repeat(2,1fr);gap:0;height:auto;max-height:calc(100svh - 92px);padding:12px;display:none;position:absolute;top:69px;left:14px;right:14px;overflow-y:auto;box-shadow:0 16px 30px #11110f21}.studio-nav.is-open{display:grid}.studio-nav a,.studio-nav button{border-bottom:1px solid var(--studio-line);justify-content:flex-start;min-height:52px;padding:0 13px}.studio-nav a.is-active:before{display:none}.studio-app-nav{grid-column:1/-1;height:auto;display:block}.studio-app-nav>a{border-bottom:1px solid var(--studio-line);justify-content:space-between;min-height:52px;padding:0 13px;display:flex}.studio-app-nav>a svg{transform:rotate(180deg)}.studio-app-nav-panel{border:0;border-bottom:1px solid var(--studio-line);clip-path:none;opacity:1;pointer-events:auto;visibility:visible;width:100%;transition:none;position:static;transform:none}.studio-app-nav:hover .studio-app-nav-panel,.studio-app-nav:focus-within .studio-app-nav-panel{transform:none}.studio-app-nav-panel>header{min-height:34px;padding:0 10px;font-size:8px}.studio-app-nav-list>a{border-bottom:1px solid var(--studio-line);grid-template-columns:62px minmax(0,1fr) 18px;min-height:50px;padding:0 10px}.studio-app-nav-list strong{font-size:13px}.studio-app-nav-all{min-height:44px;border-bottom:0!important;padding:0 10px!important}.studio-private span{display:none}.studio-private{justify-content:center;width:44px}.studio-hero{min-height:100svh;padding:118px 20px 46px}.studio-hero-copy{width:100%}.studio-hero h1{font-size:clamp(76px,24vw,118px);line-height:.82}.studio-hero-copy>p{margin-top:32px;font-size:17px}.studio-hero-actions{gap:28px;margin-top:62px}.studio-hero-actions>a,.studio-work-peek>a{min-width:132px;font-size:16px}.studio-work-peek>a{min-width:86px}.studio-peek-card{width:min(310px,100vw - 40px);left:auto;right:-40px}.studio-built-badge{width:100px;top:auto;bottom:86px;right:12px}.studio-scroll-cue{display:none}.studio-home-section,.studio-about,.studio-page-shell,.studio-detail-shell,.studio-admin-shell{width:calc(100% - 40px)}.studio-home-section{padding:68px 0 82px}.studio-section-header{grid-template-columns:68px 1fr auto;min-height:82px}.studio-section-index{gap:4px}.studio-section-index strong{font-size:13px}.studio-section-header h2{font-size:21px}.studio-section-header>a{font-size:10px}.studio-featured-work{flex-direction:column-reverse;align-items:stretch;gap:28px;min-height:0;padding:44px 0 0;display:flex}.studio-featured-work>div{padding-left:0}.studio-featured-work h2{font-size:38px}.studio-featured-work img{height:280px}.studio-about{grid-template-columns:1fr;min-height:320px;padding:68px 0}.studio-about p{margin-top:26px;font-size:54px}.studio-about span{grid-column:1}.studio-page-shell{padding:60px 0 90px}.studio-works-shell{padding-top:20px}.studio-page-intro{padding-bottom:44px}.studio-page-intro h1,.studio-detail-header h1{font-size:clamp(48px,15vw,72px)}.studio-page-intro p,.studio-detail-header>p{font-size:15px}.studio-work-row{grid-template-columns:34px 1fr 28px;gap:12px;min-height:170px}.studio-work-row img{display:none}.studio-work-row h2{font-size:26px}.studio-app-filter{scrollbar-width:none;flex-wrap:nowrap;margin-bottom:20px;overflow-x:auto}.studio-app-filter::-webkit-scrollbar{display:none}.studio-app-filter button{flex:none;min-width:94px;min-height:44px}.studio-app-grid{grid-template-columns:1fr}.studio-app-card,.studio-app-card:nth-child(3n){border-right:0}.studio-app-card{min-height:490px}.studio-app-card-media{height:210px}.studio-app-card h2{font-size:28px}.studio-detail-shell{padding-top:50px}.studio-work-cover{height:75vw}.studio-detail-grid,.studio-reading-layout{grid-template-columns:1fr;gap:54px}.studio-note-row,.studio-note-tree.is-compact .studio-note-row{min-height:82px;margin-left:calc(var(--note-depth) * 16px);grid-template-columns:64px minmax(0,1fr)}.studio-note-row.is-root{min-height:106px}.studio-note-row.is-child:before{width:12px;left:-12px}.studio-note-index{letter-spacing:.02em;gap:7px;font-size:8px}.studio-note-title{min-height:78px;padding:12px 0}.studio-note-level{font-size:7px}.studio-note-title h2{font-size:18px}.studio-note-row.is-root .studio-note-title h2{font-size:22px}.studio-note-reveal{opacity:0;border-left:0;flex-direction:column;grid-column:1/-1;align-items:flex-start;min-height:0;max-height:0;padding:0 0 0 64px;display:flex;overflow:hidden}.studio-note-row.is-expanded{padding-bottom:18px}.studio-note-row.is-expanded .studio-note-reveal{opacity:1;max-height:280px;padding-top:8px}.studio-note-row:hover .studio-note-reveal:not(:focus-within){opacity:0}.studio-note-reveal>a{align-self:flex-end;min-height:44px}.studio-admin-login>section{padding:30px 22px}.studio-admin-heading{flex-direction:column;align-items:flex-start;gap:20px}.studio-admin-heading h1{font-size:58px}.studio-admin-heading-actions{width:100%}.studio-admin-heading-actions button{flex:1;justify-content:center}.studio-admin-tabs button{justify-content:center;padding:0 8px}.studio-admin-tabs button span{display:none}.studio-admin-workspace{display:block}.studio-admin-list{border-right:0;border-bottom:1px solid var(--studio-line);grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 0;display:grid}.studio-admin-list .studio-new-entry{grid-column:1/-1}.studio-admin-editor{padding:34px 0 60px}.studio-form-grid,.studio-form-grid-three{grid-template-columns:1fr;gap:0}.studio-export-actions>div{grid-template-columns:1fr}.studio-aux-gallery{margin-bottom:42px;padding-top:24px}.studio-aux-gallery>header{display:block}.studio-aux-gallery>header h2{margin-top:8px;font-size:24px}.studio-aux-gallery>header p{margin-top:9px}.studio-aux-grid{grid-template-columns:1fr}.studio-aux-grid article,.studio-aux-grid article:nth-child(2){border-right:0;border-bottom:1px solid var(--studio-line)}.studio-aux-grid article:last-child{border-bottom:0}.studio-aux-canvas{min-height:280px}.studio-aux-reveal{min-height:126px}.studio-transfer-lead{margin-bottom:30px;font-size:13px}.studio-transfer-section{padding-bottom:34px}.studio-transfer-section>header{display:block}.studio-transfer-section>header h3{margin-top:8px;font-size:25px}.studio-transfer-section>header p{margin-top:9px}.studio-import-dropzone{min-height:146px;padding:20px 16px}.studio-import-dropzone span{white-space:normal;max-width:100%}.studio-transfer-options{grid-template-columns:1fr;gap:0}.studio-import-preview>header{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px}.studio-import-candidates article{padding-left:calc(8px + var(--import-depth) * 14px);grid-template-columns:28px minmax(0,1fr);gap:8px}.studio-import-candidates article>aside{text-align:left;grid-column:2;align-items:flex-start}.studio-export-console{grid-template-columns:1fr;gap:18px}.studio-export-direct{grid-template-columns:1fr}.studio-export-direct button{border-right:0;border-bottom:1px solid var(--studio-line);min-height:60px}.studio-export-direct button:last-child{border-bottom:0}.studio-export-progress{grid-column:1;margin:-8px 0 0}}@media (width<=390px){.studio-header{padding:0 15px}.studio-hero h1{font-size:clamp(68px,23vw,92px)}.studio-hero-actions{gap:20px}.studio-hero-actions>a,.studio-work-peek>a{min-width:120px;font-size:15px}.studio-built-badge{width:86px}.studio-home-section,.studio-about,.studio-page-shell,.studio-detail-shell,.studio-admin-shell{width:calc(100% - 30px)}}@media (prefers-reduced-motion:reduce){.studio-site{scroll-behavior:auto}.studio-site *,.studio-site :before,.studio-site :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.build-system{--build-safe-top:env(safe-area-inset-top,0px);--build-paper:#f5f0e6;--build-panel:#fbf7ef;--build-ink:#141718;--build-muted:#687074;--build-line:#14171840;--build-grid:#1417180b;--build-signal:#ff3728;--build-signal-soft:#ff37281a;--build-lime:#b9f600;--build-lime-ink:#2d7600;--build-cyan:#08b9c7;--build-orange:#ff6b2c;--membership-active:#e5dac9;--membership-active-edge:#fff6e8;--membership-current:#5f9184;--membership-current-edge:#a7ccc2;--membership-inactive:#6d665e;--membership-inactive-edge:#827a70;--membership-label:#2b554b;--membership-medallion-bg:#171a19;--membership-medallion-edge:#777065;--membership-medallion-inner:#faf2e51c;--membership-medallion-shadow:#1e22204d;color:var(--build-ink);background:var(--build-paper);position:absolute;inset:0;overflow:hidden}.build-system[data-build-theme=dark]{--build-paper:#070a0c;--build-panel:#0c1114;--build-ink:#f2f5f4;--build-muted:#8b989d;--build-line:#cfe2e545;--build-grid:#36d0dc0e;--build-signal:#20d9e6;--build-signal-soft:#20d9e61a;--build-lime:#c5f700;--build-lime-ink:#c5f700;--build-cyan:#20d9e6;--build-orange:#ff7033;--membership-active:#e5dac9;--membership-active-edge:#fff6e8;--membership-current:#78aa9d;--membership-current-edge:#b4d7ce;--membership-inactive:#6d665e;--membership-inactive-edge:#82796f;--membership-label:#d8d1c3;--membership-medallion-bg:#121514;--membership-medallion-edge:#776f64;--membership-medallion-inner:#f2eade1f;--membership-medallion-shadow:#0000006b}.build-system button,.build-system a,.build-system [role=button]{cursor:pointer!important}.build-system input,.build-system textarea{cursor:text!important}.build-system .studio-site{--studio-paper:var(--build-paper);--studio-ink:var(--build-ink);--studio-red:var(--build-signal);--studio-lime:var(--build-lime);--studio-lime-ink:var(--build-lime-ink);--studio-muted:var(--build-muted);--studio-line:var(--build-line);color:var(--build-ink);background-color:var(--build-paper);background-image:linear-gradient(var(--build-grid) 1px, transparent 1px), linear-gradient(90deg, var(--build-grid) 1px, transparent 1px);background-size:32px 32px;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.build-system .studio-site:before{z-index:2;border:1px solid var(--build-line);pointer-events:none;content:"";clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);position:fixed;inset:22px}.build-system .studio-header{z-index:80;text-transform:uppercase;height:92px;padding:0 58px;font-family:Oxanium,PingFang SC,sans-serif;position:absolute}.build-system .studio-route-notes .studio-header,.build-system .studio-route-works .studio-header,.build-system .studio-route-account .studio-header,.build-system .studio-route-admin .studio-header{background:color-mix(in srgb, var(--build-paper) 90%, transparent);border-color:var(--build-line);position:sticky}.build-system .studio-symbol{width:auto;color:var(--build-ink);letter-spacing:.14em;gap:12px;font-size:11px;font-weight:600}.build-system .studio-symbol svg{color:var(--build-signal)}.build-system .studio-nav{gap:52px}.build-system .studio-nav a,.build-system .studio-nav button,.build-system .studio-private{color:var(--build-muted);letter-spacing:.12em;font-size:12px}.build-system .studio-nav a.is-active,.build-system .studio-private.is-active{color:var(--build-signal)}.build-system .studio-nav a.is-active:before{content:"■";font-size:6px;left:-15px}.build-system .studio-private{color:var(--build-ink)}.build-system .studio-app-nav-panel{border-color:var(--build-ink);color:var(--build-ink);background:var(--build-panel);text-transform:none}.build-system .studio-app-nav-panel>header{color:var(--build-muted)}.build-system .studio-app-nav-list>a{color:var(--build-ink);font-size:12px}.build-system .studio-app-nav-list>a:hover,.build-system .studio-app-nav-list>a:focus-visible{color:var(--build-paper);background:var(--build-ink)}.build-system .studio-app-nav-list>a:hover small,.build-system .studio-app-nav-list>a:focus-visible small{color:inherit}.build-system .studio-app-nav-all{color:var(--build-ink)}.build-system .studio-app-nav-all:hover,.build-system .studio-app-nav-all:focus-visible{color:var(--build-signal)}.studio-account-shell{width:min(100% - 96px,1380px);min-height:calc(100svh - 92px);margin:0 auto;padding:86px 0 110px}.studio-account-heading{border-bottom:1px solid var(--build-ink);grid-template-columns:170px minmax(0,1fr);gap:18px 40px;padding-bottom:48px;display:grid}.studio-account-heading>small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:9px;font-weight:700}.studio-account-heading h1{letter-spacing:-.065em;max-width:880px;margin:0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(44px,6vw,82px);line-height:.94}.studio-account-heading p{max-width:700px;color:var(--build-muted);grid-column:2;margin:8px 0 0;font-size:13px;line-height:1.8}.studio-account-layout{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);display:grid}.studio-account-console{border-right:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 78%, transparent);min-height:540px;padding:34px}.studio-account-tabs{border:1px solid var(--build-line);grid-template-columns:1fr 1fr;display:grid}.studio-account-tabs button{border:0;border-right:1px solid var(--build-line);min-height:52px;color:var(--build-muted);background:0 0;font-weight:700}.studio-account-tabs button:last-child{border-right:0}.studio-account-tabs button.is-active{color:var(--build-paper);background:var(--build-ink)}.studio-auth-methods{border:1px solid var(--build-line);grid-template-columns:1fr 1fr;margin-top:18px;display:grid}.studio-auth-methods button{border:0;border-right:1px solid var(--build-line);min-height:44px;color:var(--build-muted);background:0 0;padding:0 10px;font-size:9px;font-weight:700}.studio-auth-methods button:last-child{border-right:0}.studio-auth-methods button.is-active{color:var(--build-signal);background:var(--build-signal-soft)}.studio-account-form{gap:22px;margin-top:34px;display:grid}.studio-account-form label{color:var(--build-muted);gap:10px;font-size:10px;display:grid}.studio-account-form input{box-sizing:border-box;border:1px solid var(--build-line);width:100%;min-height:58px;color:var(--build-ink);background:var(--build-paper);font:inherit;padding:0 14px}.studio-account-form>button{border:1px solid var(--build-signal);min-height:58px;color:var(--build-paper);background:var(--build-signal);justify-content:space-between;align-items:center;margin-top:8px;padding:0 16px;font-weight:800;display:flex}.studio-account-form>button:disabled{opacity:.45}.studio-otp-field{grid-template-columns:minmax(0,1fr) 112px;gap:8px;display:grid}.studio-otp-field button{border:1px solid var(--build-signal);color:var(--build-signal);background:0 0;font-size:9px;font-weight:800}.studio-otp-field button:disabled{opacity:.4}.studio-auth-hint{color:var(--build-muted);margin-top:-9px;font-size:8px;line-height:1.6}.studio-auth-roadmap{border:1px dashed var(--build-line);min-height:62px;color:var(--build-muted);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.studio-auth-roadmap>span{flex-direction:column;gap:3px;display:flex}.studio-auth-roadmap strong{color:var(--build-ink);font-size:9px}.studio-auth-roadmap small{font-size:7px;line-height:1.5}.studio-auth-roadmap em{color:var(--build-signal);letter-spacing:.12em;font-family:Oxanium,sans-serif;font-size:7px;font-style:normal}.studio-account-profile>small{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:9px}.studio-account-profile>span{color:var(--build-signal);align-items:center;gap:14px;margin-top:34px;display:flex}.studio-account-profile>span b{font-size:14px}.studio-account-profile h2{overflow-wrap:anywhere;margin:22px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(32px,4vw,52px);line-height:1}.studio-account-profile p{color:var(--build-muted);overflow-wrap:anywhere;margin:16px 0 0;font-size:12px}.studio-account-profile em{color:var(--build-lime-ink);margin-top:12px;font-size:10px;font-style:normal;display:block}.studio-account-profile>div{gap:8px;margin-top:42px;display:grid}.studio-account-profile>div>a,.studio-account-profile>div>button{border:1px solid var(--build-line);min-height:50px;color:var(--build-ink);background:0 0;justify-content:space-between;align-items:center;padding:0 14px;text-decoration:none;display:flex}.studio-account-profile>div>a:hover,.studio-account-profile>div>a:focus-visible{color:var(--build-paper);background:var(--build-ink)}.studio-account-profile>div>button{color:var(--build-muted);justify-content:flex-start;gap:10px}.studio-account-profile>div>button.studio-account-delete-trigger{color:var(--build-signal);border-color:color-mix(in srgb, var(--build-signal) 48%, var(--build-line))}.studio-account-profile>div>button.studio-account-delete-trigger:disabled{color:var(--build-muted);border-color:var(--build-line);opacity:.55}.studio-account-delete{border:1px solid var(--build-signal);background:color-mix(in srgb, var(--build-signal) 7%, transparent);margin-top:28px;padding:18px}.studio-account-delete>small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.studio-account-delete h3{margin:12px 0 0;font-size:20px}.studio-account-delete p{color:var(--build-muted);margin:10px 0 0;font-size:10px;line-height:1.7}.studio-account-delete label{color:var(--build-muted);gap:8px;margin-top:18px;font-size:9px;display:grid}.studio-account-delete input{box-sizing:border-box;border:1px solid var(--build-line);width:100%;min-height:48px;color:var(--build-ink);background:var(--build-paper);font:inherit;padding:0 12px}.studio-account-delete>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.studio-account-delete>div button{border:1px solid var(--build-line);min-height:44px;color:var(--build-ink);background:0 0;font-weight:700}.studio-account-delete>div button:last-child{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.studio-account-delete>div button:disabled{opacity:.42}.studio-account-notice{color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 14%, transparent);margin:24px 0 0;padding:12px 14px;font-size:10px}.studio-role-matrix{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-role-matrix article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:270px;padding:26px;position:relative}.studio-role-matrix article:nth-child(2n){border-right:0}.studio-role-matrix article:nth-last-child(-n+2){border-bottom:0}.studio-role-matrix article.is-active{background:var(--build-signal-soft);box-shadow:inset 0 -3px var(--build-signal)}.studio-role-matrix article>header{color:var(--build-muted);justify-content:space-between;align-items:center;display:flex}.studio-role-matrix article>header small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.studio-role-matrix article strong{margin-top:52px;font-size:23px;display:block}.studio-role-matrix article p{max-width:250px;color:var(--build-muted);margin:16px 0 0;font-size:11px;line-height:1.7}.studio-role-matrix article>span{color:var(--build-signal);align-items:center;gap:7px;font-size:8px;display:flex;position:absolute;bottom:20px;right:22px}.studio-role-matrix article>span i{background:var(--build-signal);width:7px;height:7px}@media (width<=900px){.studio-account-shell{width:calc(100% - 48px);padding-top:58px}.studio-account-layout{grid-template-columns:1fr}.studio-account-console{border-right:0;border-bottom:1px solid var(--build-line);min-height:0}}@media (width<=640px){.studio-account-shell{width:calc(100% - 28px);min-height:calc(100svh - 72px);padding:42px 0 108px}.studio-account-heading{padding:0 8px 34px;display:block}.studio-account-heading h1{margin-top:22px;font-size:clamp(40px,12vw,56px)}.studio-account-heading p{margin-top:20px;font-size:11px}.studio-account-console{padding:18px}.studio-account-tabs{grid-template-columns:1fr}.studio-account-tabs button{border-right:0;border-bottom:1px solid var(--build-line)}.studio-account-tabs button:last-child{border-bottom:0}.studio-auth-methods{grid-template-columns:1fr}.studio-auth-methods button{border-right:0;border-bottom:1px solid var(--build-line)}.studio-auth-methods button:last-child{border-bottom:0}.studio-otp-field{grid-template-columns:minmax(0,1fr) 92px}.studio-auth-roadmap{grid-template-columns:22px minmax(0,1fr)}.studio-auth-roadmap em{grid-column:2}.studio-role-matrix{grid-template-columns:1fr}.studio-role-matrix article{border-right:0;min-height:190px;padding:20px;border-bottom:1px solid var(--build-line)!important}.studio-role-matrix article:last-child{border-bottom:0!important}.studio-role-matrix article strong{margin-top:34px}}.build-system .studio-hero{border-bottom-color:var(--build-line);justify-content:center;min-height:100svh;padding:112px clamp(50px,9vw,150px) 82px;overflow:hidden}.build-system .studio-hero-copy{width:min(980px,68vw)}.build-system .studio-hero-kicker{color:var(--build-muted);letter-spacing:.18em;margin-bottom:26px;font-family:Oxanium,sans-serif;font-size:10px;font-weight:600;display:block}.build-system .studio-hero h1{white-space:nowrap;letter-spacing:-.075em;font-family:Oxanium,sans-serif;font-size:clamp(68px,9.2vw,144px);font-weight:700;line-height:.86}.build-system .studio-dual-wordmark{border:1px solid var(--build-ink);color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background:0 0;align-items:stretch;margin:0;padding:0;transition:transform .22s;display:inline-flex}.build-system .studio-dual-wordmark>span{padding:.04em .12em .09em;transition:color .22s,background-color .22s,transform .22s;display:block}.build-system .studio-dual-wordmark .is-build{color:#131718;background:#f4efe5}.build-system .studio-dual-wordmark .is-next{color:#f4efe5;background:#131718}.build-system .studio-dual-wordmark:hover,.build-system .studio-dual-wordmark:focus-visible{transform:translateY(-4px)}.build-system .studio-dual-wordmark:hover .is-build,.build-system .studio-dual-wordmark:focus-visible .is-build{color:#f4efe5;background:#131718;transform:translate(4px)}.build-system .studio-dual-wordmark:hover .is-next,.build-system .studio-dual-wordmark:focus-visible .is-next{color:#131718;background:var(--build-lime);transform:translate(-4px)}.build-system .studio-dual-wordmark i{color:var(--build-signal)}.build-system .studio-hero h1 i{color:var(--build-signal);margin-left:.03em}.build-system .studio-hero-copy>p{color:var(--build-muted);letter-spacing:.08em;margin:30px 0 0;font-size:clamp(17px,2vw,28px);font-weight:500}.build-system .studio-hero-actions{gap:clamp(36px,7vw,88px);margin:clamp(64px,9vh,104px) 0 0}.build-system .studio-hero-actions>a,.build-system .studio-work-peek>a{border-bottom:1px solid var(--build-signal);width:clamp(210px,23vw,306px);min-width:0;min-height:66px;color:var(--build-ink);padding:0 4px 11px;font-size:24px;transition:color .22s,padding .22s,background-color .22s;position:relative}.build-system .studio-hero-actions>a:before,.build-system .studio-work-peek>a:before{color:var(--build-muted);letter-spacing:.15em;content:attr(data-hint);font-family:Oxanium,sans-serif;font-size:8px;font-weight:600;position:absolute;top:-16px;left:4px}.build-system .studio-hero-actions>a>span,.build-system .studio-work-peek>a>span{align-items:center;gap:18px;display:inline-flex}.build-system .studio-hero-actions>a:hover,.build-system .studio-hero-actions>a:focus-visible,.build-system .studio-work-peek>a:hover,.build-system .studio-work-peek>a:focus-visible{color:var(--build-signal);background:var(--build-signal-soft);padding-right:12px}.build-system .studio-live-dot{background:var(--build-lime);border-radius:0;width:7px;height:7px;position:absolute;top:5px;right:-9px}.build-system .studio-peek-card{border:1px solid var(--build-line);width:clamp(350px,30vw,420px);min-height:245px;color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 94%, transparent);box-shadow:none;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);flex-direction:column;padding:22px;display:flex;top:-118px;left:calc(100% + 36px);transform:translate(12px)}.build-system .studio-work-peek:hover .studio-peek-card,.build-system .studio-work-peek:focus-within .studio-peek-card,.build-system .studio-work-peek.is-open .studio-peek-card{transform:translate(0)}.build-system .studio-peek-card>header{justify-content:space-between;align-items:center;display:flex}.build-system .studio-peek-card>header small{color:var(--build-signal);letter-spacing:.12em;font-size:10px;font-weight:700}.build-system .studio-peek-card>header span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:10px}.build-system .studio-peek-content{flex:1;grid-template-columns:88px 1fr;align-items:center;gap:22px!important;display:grid!important}.build-system .studio-peek-content>span{border:1px solid var(--build-line);width:88px;height:88px;color:var(--build-ink);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);place-items:center;display:grid}.build-system .studio-peek-content strong{font-size:24px;font-weight:700}.build-system .studio-peek-content p{color:var(--build-muted);margin:9px 0 0;font-size:13px;line-height:1.65}.build-system .studio-peek-card>a{min-height:42px;color:var(--build-signal);letter-spacing:.04em;justify-content:space-between;font-size:12px}.studio-axis-mark{pointer-events:none;display:block;position:absolute}.studio-axis-mark:before,.studio-axis-mark:after{background:var(--build-signal);content:"";position:absolute}.studio-axis-top{top:18px;left:50%}.studio-axis-top:before{width:1px;height:22px}.studio-axis-top:after{width:21px;height:1px;top:10px;left:-10px}.studio-axis-left{top:50%;left:18px}.studio-axis-left:before{background:var(--build-muted);width:1px;height:21px;top:-10px}.studio-axis-left:after{background:var(--build-muted);width:21px;height:1px;left:-10px}.studio-axis-right{top:50%;right:18px}.studio-axis-right:before{background:var(--build-muted);width:1px;height:21px;top:-10px}.studio-axis-right:after{background:var(--build-muted);width:21px;height:1px;left:-10px}.studio-signal-bars{gap:6px;display:flex;position:absolute;bottom:46px;right:52px}.studio-signal-bars i{background:var(--build-lime);width:7px;height:7px}.build-system .studio-kinetic-hero{--studio-cover-paper:#f5f0e6;--studio-cover-ink:#131718;--studio-cover-line:#f5f0e6e6;isolation:isolate;color:var(--studio-cover-paper);background-color:var(--studio-cover-ink);background-image:linear-gradient(#f5f0e60e 1px,#0000 1px),linear-gradient(90deg,#f5f0e60e 1px,#0000 1px);background-size:32px 32px;place-items:center;padding:112px clamp(44px,7vw,112px) 104px;display:grid;position:relative}.studio-kinetic-field{z-index:1;opacity:0;visibility:hidden;pointer-events:none;grid-template-rows:repeat(6,minmax(0,1fr));transition:opacity .24s,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:grid;position:absolute;inset:-3vh -4vw;overflow:hidden;transform:scale(1.012)}.studio-kinetic-row{opacity:.9;contain:layout paint;align-items:center;min-width:0;display:flex;overflow:hidden}.studio-kinetic-track{color:#0000;letter-spacing:-.075em;white-space:nowrap;width:max-content;transform:translate3d(calc(-20% - var(--studio-row-index) * 2.4%), 0, 0);will-change:transform;-webkit-text-stroke:1.35px var(--studio-cover-line);text-rendering:geometricprecision;flex:none;align-items:center;font-family:Oxanium,sans-serif;font-size:clamp(105px,12.8vw,214px);font-weight:500;line-height:.74;display:flex}.studio-kinetic-track span{padding-right:.22em;display:block}.studio-kinetic-row,.studio-kinetic-track{animation-play-state:paused!important}.studio-kinetic-hero.is-motion-preview .studio-kinetic-field{opacity:1;visibility:visible;transition-delay:0s;transform:scale(1)}.studio-kinetic-hero.is-motion-preview .studio-kinetic-row,.studio-kinetic-hero.is-motion-preview .studio-kinetic-track{animation-play-state:running!important}.studio-kinetic-hero.is-story-expanded .studio-kinetic-field{opacity:.12;transform:scale(.96)}.studio-expansion-story{--studio-story-bg:#f5f0e6;--studio-story-ink:#131718;--studio-story-accent:#ff3728;--studio-story-grid-line:#13171812;z-index:12;color:var(--studio-story-ink);background-color:var(--studio-story-bg);pointer-events:none;transition:color .72s cubic-bezier(.22,1,.36,1),background-color .72s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:hidden}.studio-expansion-story.is-cantonese,.studio-expansion-story.is-return{--studio-story-bg:#131718;--studio-story-ink:#f5f0e6;--studio-story-grid-line:#f5f0e613}.studio-expansion-story.is-cantonese{--studio-story-accent:#b9f600}.studio-expansion-story.is-ecosystem{--studio-story-bg:#b9f600;--studio-story-ink:#131718;--studio-story-accent:#ff3728;--studio-story-grid-line:#1317181a}.studio-story-grid{background-image:linear-gradient(var(--studio-story-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--studio-story-grid-line) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0}.studio-story-transition{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.studio-story-transition>span{opacity:0;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--studio-story-accent) 13%, transparent) 48%, transparent);filter:blur(24px);will-change:transform;width:48%;animation:1.15s cubic-bezier(.22,1,.36,1) both studioStorySoftSweep;display:block;position:absolute;top:-20%;bottom:-20%;left:-48%;transform:translate(0,0)skew(-8deg)}.studio-story-transition:after{background:linear-gradient(90deg, transparent 0 18%, color-mix(in srgb, var(--studio-story-accent) 16%, transparent) 50%, transparent 82% 100%);opacity:0;content:"";width:100%;animation:1.05s cubic-bezier(.22,1,.36,1) both studioStoryFineLine;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}@keyframes studioStorySoftSweep{0%{opacity:0;transform:translate(0,0)skew(-8deg)}28%{opacity:.7}72%{opacity:.46}to{opacity:0;transform:translate(310%)skew(-8deg)}}@keyframes studioStoryFineLine{0%{opacity:0;transform:translate(-100%)}34%{opacity:.32}to{opacity:0;transform:translate(100%)}}.studio-story-header,.studio-story-footer{z-index:3;letter-spacing:.12em;justify-content:space-between;align-items:center;gap:22px;font-family:Oxanium,PingFang SC,sans-serif;line-height:1;display:flex;position:absolute;left:clamp(32px,4.6vw,74px);right:clamp(32px,4.6vw,74px)}.studio-story-header{top:30px}.studio-story-header span,.studio-story-footer span{color:var(--studio-story-accent);font-size:8px;font-weight:700}.studio-story-header strong,.studio-story-footer strong{font-size:8px;font-weight:600}.studio-story-panel{z-index:2;isolation:isolate;min-width:0;font-family:Oxanium,PingFang SC,Microsoft YaHei,sans-serif;position:absolute;inset:76px clamp(38px,5.8vw,94px) 68px}.studio-story-number{z-index:-1;color:#0000;letter-spacing:-.1em;opacity:.14;-webkit-text-stroke:1.2px color-mix(in srgb, var(--studio-story-ink) 55%, transparent);font-size:clamp(190px,29vw,490px);font-weight:700;line-height:.8;position:absolute;top:-4vh;right:-.03em}.studio-story-panel small{font-style:normal}.studio-story-panel h2,.studio-story-panel p{margin:0}.studio-story-panel h2 i{color:var(--studio-story-accent);font-style:normal}.studio-story-panel.is-principle{grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);align-items:end;gap:clamp(38px,7vw,120px);display:grid}.studio-story-principle-copy{align-self:center}.studio-story-principle-copy>small,.studio-story-canto-copy>small,.studio-story-system-copy>small,.studio-story-return-mark>small{color:var(--studio-story-accent);letter-spacing:.18em;margin-bottom:18px;font-size:9px;font-weight:700;display:block}.studio-story-principle-copy h2{letter-spacing:-.075em;font-size:clamp(65px,7.7vw,132px);font-weight:650;line-height:.83}.studio-story-principle-copy h2 span{display:block}.studio-story-principle-copy p{max-width:660px;margin-top:28px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(14px,1.2vw,19px);line-height:1.8}.studio-story-flow{border-top:1px solid;grid-template-columns:1fr 22px;display:grid}.studio-story-flow>span{letter-spacing:.06em;border-bottom:1px solid;flex-direction:column;justify-content:center;gap:6px;min-height:86px;padding:13px 5px;font-size:13px;font-weight:700;display:flex}.studio-story-flow>span:last-child{color:var(--studio-story-accent);grid-column:1/-1}.studio-story-flow small{letter-spacing:.08em;font-family:PingFang SC,sans-serif;font-size:9px;font-weight:500}.studio-story-flow svg{align-self:center;width:16px}.studio-story-panel.is-cantonese{grid-template-columns:minmax(180px,.58fr) minmax(360px,1fr) minmax(330px,.74fr);align-items:center;gap:clamp(24px,4vw,70px);display:grid}.studio-story-canto-glyph{color:#0000;opacity:.88;-webkit-text-stroke:1.2px var(--studio-story-accent);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(180px,24vw,390px);font-weight:800;line-height:.8}.studio-story-canto-copy h2{letter-spacing:-.07em;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(46px,5vw,82px);font-weight:750;line-height:1.02}.studio-story-canto-copy p,.studio-story-system-copy p{max-width:590px;color:color-mix(in srgb, var(--studio-story-ink) 70%, transparent);margin-top:27px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(13px,1vw,16px);line-height:1.85}.studio-story-course-modules{border-top:1px solid;margin:0;padding:0;list-style:none}.studio-story-course-modules li{border-bottom:1px solid color-mix(in srgb, var(--studio-story-ink) 48%, transparent);grid-template-columns:43px 1fr;align-items:center;min-height:82px;padding:12px 0;display:grid}.studio-story-course-modules b{color:var(--studio-story-accent);font-size:9px}.studio-story-course-modules span{flex-direction:column;gap:5px;font-family:PingFang SC,sans-serif;font-size:20px;font-weight:700;display:flex}.studio-story-course-modules small{color:color-mix(in srgb, var(--studio-story-ink) 58%, transparent);letter-spacing:.04em;font-size:9px;font-weight:500}.studio-story-panel.is-ecosystem{grid-template-columns:minmax(0,1fr) minmax(330px,.7fr);align-items:center;gap:clamp(40px,8vw,140px);display:grid}.studio-story-system-copy h2{letter-spacing:-.08em;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(54px,6.5vw,108px);font-weight:800;line-height:.98}.studio-story-system-cards{border-top:1px solid}.studio-story-system-cards>span{border-bottom:1px solid;justify-content:space-between;align-items:flex-end;min-height:112px;padding:16px 4px;display:flex}.studio-story-system-cards b{letter-spacing:-.06em;font-size:clamp(30px,3.1vw,50px)}.studio-story-system-cards small{letter-spacing:.1em;font-family:PingFang SC,sans-serif;font-size:10px}.studio-story-system-cards>span:last-child{color:var(--studio-story-accent)}.studio-story-panel.is-return{text-align:center;place-items:center;display:grid}.studio-story-return-mark{width:min(1480px,100%)}.studio-story-return-mark h2{color:#0000;letter-spacing:-.09em;white-space:nowrap;-webkit-text-stroke:1.5px var(--studio-story-ink);font-size:clamp(90px,13.2vw,222px);font-weight:650;line-height:.82}.studio-story-return-mark h2>i{color:#ff3728;-webkit-text-stroke:0}.studio-story-brand-i{position:relative}.studio-story-brand-i:after{content:"";background:#ff3728;width:.14em;height:.14em;position:absolute;top:.005em;left:calc(50% + .02em);transform:translate(-50%)}.studio-story-return-mark p{color:color-mix(in srgb, var(--studio-story-ink) 68%, transparent);letter-spacing:.18em;margin-top:34px;font-size:clamp(10px,1vw,15px)}.studio-story-footer{justify-content:initial;bottom:28px}.studio-story-footer>i{background:color-mix(in srgb, var(--studio-story-ink) 24%, transparent);flex:1;height:1px;position:relative;overflow:hidden}.studio-story-footer>i:after{width:calc(var(--studio-story-step) * 25%);background:var(--studio-story-accent);content:"";transition:width .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.studio-story-mobile-close{display:none}.build-system .studio-header,.build-master-control,.build-system .studio-kinetic-hero .studio-hero-copy h1,.build-system .studio-kinetic-hero .studio-hero-kicker,.build-system .studio-kinetic-hero .studio-hero-copy>p,.build-system .studio-kinetic-hero .studio-hero-actions,.studio-axis-mark,.studio-signal-bars{transition:opacity .18s,visibility linear}body.studio-motion-stage-active .build-system .studio-header,body.studio-motion-stage-active .build-master-control,body.studio-motion-stage-active .build-system .studio-kinetic-hero .studio-hero-kicker,body.studio-motion-stage-active .build-system .studio-kinetic-hero .studio-hero-copy>p,body.studio-motion-stage-active .build-system .studio-kinetic-hero .studio-hero-actions,body.studio-motion-stage-active .studio-axis-mark,body.studio-motion-stage-active .studio-signal-bars{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.18s}.build-system .studio-kinetic-hero.is-story-expanded .studio-hero-copy h1{opacity:0;visibility:visible;pointer-events:auto;transition-delay:0s}.studio-kinetic-hero[data-motion=counterflow] .studio-kinetic-row:nth-child(odd) .studio-kinetic-track{animation:20s linear infinite studioCoverFlowLeft}.studio-kinetic-hero[data-motion=counterflow] .studio-kinetic-row:nth-child(2n) .studio-kinetic-track{animation:23s linear infinite studioCoverFlowRight}@keyframes studioCoverFlowLeft{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes studioCoverFlowRight{0%{transform:translate(-50%)}to{transform:translate(0,0)}}.build-system .studio-kinetic-hero .studio-hero-copy{z-index:5;text-align:center;flex-direction:column;align-items:center;width:min(1200px,100vw - 152px);display:flex;position:relative}.build-system .studio-kinetic-hero .studio-hero-kicker{color:#f5f0e6b8;margin-bottom:22px}.build-system .studio-hero.studio-kinetic-hero h1{width:100%;color:var(--studio-cover-paper);font-size:clamp(70px,9vw,144px);line-height:.86}.build-system .studio-kinetic-hero .studio-dual-wordmark{border-color:var(--studio-cover-paper);width:100%;color:var(--studio-cover-paper);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);background:#131718;justify-content:center;box-shadow:0 0 0 1px #131718c7}.build-system .studio-kinetic-hero .studio-dual-wordmark>span{color:inherit;background:0 0;flex:none;padding:.12em 0 .16em}.build-system .studio-kinetic-hero .studio-dual-wordmark .is-build,.build-system .studio-kinetic-hero .studio-dual-wordmark .is-next{color:var(--studio-cover-paper);background:0 0}.build-system .studio-kinetic-hero .studio-dual-wordmark .is-next{margin-left:.1em}.build-system .studio-kinetic-hero .studio-dual-wordmark:hover,.build-system .studio-kinetic-hero .studio-dual-wordmark:focus-visible{color:var(--studio-cover-paper);border-color:#ff3728;transform:translateY(-3px)}.build-system .studio-kinetic-hero .studio-dual-wordmark:hover .is-build,.build-system .studio-kinetic-hero .studio-dual-wordmark:focus-visible .is-build{color:var(--studio-cover-paper);background:var(--studio-cover-ink);transform:translate(4px)}.build-system .studio-kinetic-hero .studio-dual-wordmark:hover .is-next,.build-system .studio-kinetic-hero .studio-dual-wordmark:focus-visible .is-next{color:var(--studio-cover-ink);background:#2fd37a;transform:translate(-4px)}.studio-brand-i{position:relative;display:inline-block!important}.studio-brand-i:after{content:"";background:#ff3728;width:.148em;height:.148em;position:absolute;top:-.031em;left:calc(50% + .038em);transform:translate(-50%)}.build-system .studio-kinetic-hero .studio-dual-wordmark i{color:#ff3728}.build-system .studio-kinetic-hero .studio-hero-copy>p{color:#f5f0e6ad;letter-spacing:.12em;margin-top:24px;font-size:clamp(13px,1.2vw,18px)}.build-system .studio-kinetic-hero .studio-hero-actions{justify-content:center;gap:18px;width:min(660px,78%);margin:34px auto 0}.build-system .studio-kinetic-hero .studio-hero-actions>a,.build-system .studio-kinetic-hero .studio-work-peek>a{width:100%;min-height:52px;color:var(--studio-cover-paper);white-space:nowrap;background:#131718d6;border-color:#f5f0e680;padding:0 12px 8px;font-size:17px}.build-system .studio-kinetic-hero .studio-work-peek{width:100%;min-width:0}.build-system .studio-kinetic-hero .studio-hero-actions>a:before,.build-system .studio-kinetic-hero .studio-work-peek>a:before{color:#f5f0e694}.build-system .studio-kinetic-hero .studio-hero-actions>a:hover,.build-system .studio-kinetic-hero .studio-hero-actions>a:focus-visible,.build-system .studio-kinetic-hero .studio-work-peek>a:hover,.build-system .studio-kinetic-hero .studio-work-peek>a:focus-visible{color:var(--studio-cover-paper);background:#ff37282e}.studio-cover-node{z-index:4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s;position:absolute;transform:scale(.7)}.studio-kinetic-hero.is-motion-preview .studio-cover-node{opacity:1;visibility:visible;transition-delay:80ms,80ms,0s;transform:scale(1)}.studio-cover-node.is-red{color:#ff3728;top:19%;left:13%}.studio-cover-node.is-lime{color:#2fd37a;bottom:16%;right:11%}.build-system .studio-route-home .studio-header{color:var(--studio-cover-paper,#f5f0e6)}.build-system .studio-route-home .studio-symbol,.build-system .studio-route-home .studio-nav>a,.build-system .studio-route-home .studio-app-nav>a,.build-system .studio-route-home .studio-nav>button,.build-system .studio-route-home .studio-menu-trigger{color:#f5f0e6}.build-system .studio-route-home .studio-symbol svg,.build-system .studio-route-home .studio-nav a.is-active{color:#ff3728}.build-system .studio-route-home .platform-account-trigger{color:#f5f0e6;background:#131718d6;border-color:#f5f0e659}.build-system .studio-route-home .platform-account-trigger small{color:#f5f0e694}.build-system .studio-route-home .platform-account-trigger:hover,.build-system .studio-route-home .platform-account-trigger:focus-visible,.build-system .studio-route-home .platform-account-menu.is-open .platform-account-trigger{color:#ff3728;background:#ff372821;border-color:#ff3728}.build-system .studio-kinetic-hero .studio-scroll-cue{display:none}@media (width<=1180px){.build-system .studio-hero.studio-kinetic-hero{padding-left:clamp(32px,5vw,64px);padding-right:clamp(32px,5vw,64px)}.build-system .studio-kinetic-hero .studio-hero-copy{width:min(1040px,100vw - 92px)}.studio-story-panel{left:clamp(32px,4.4vw,58px);right:clamp(32px,4.4vw,58px)}.studio-story-panel.is-cantonese{grid-template-columns:minmax(130px,.38fr) minmax(320px,1fr) minmax(286px,.7fr);gap:clamp(20px,3vw,38px)}.studio-story-canto-glyph{font-size:clamp(150px,20vw,250px)}.studio-story-course-modules li{min-height:74px}}@media (width<=760px){.build-system .studio-hero.studio-kinetic-hero{min-height:100svh;padding:calc(92px + var(--build-safe-top)) 18px 104px}.studio-kinetic-field{grid-template-rows:repeat(6,minmax(0,1fr));inset:-2vh -18vw}.studio-kinetic-track{-webkit-text-stroke-width:1px;font-size:clamp(92px,27vw,150px)}.build-system .studio-kinetic-hero .studio-hero-copy{width:100%}.build-system .studio-kinetic-hero .studio-hero-kicker{margin-bottom:15px;font-size:7px}.build-system .studio-hero.studio-kinetic-hero h1{letter-spacing:-.08em;font-size:clamp(39px,12vw,72px)}.build-system .studio-kinetic-hero .studio-dual-wordmark{clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);width:100%}.build-system .studio-kinetic-hero .studio-dual-wordmark>span{flex:none;padding:.14em 0 .18em}.build-system .studio-kinetic-hero .studio-hero-copy>p{max-width:86%;margin-top:17px;font-size:11px;line-height:1.65}.build-system .studio-kinetic-hero .studio-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:27px;display:grid}.build-system .studio-kinetic-hero .studio-hero-actions>a,.build-system .studio-kinetic-hero .studio-work-peek>a{min-height:52px;font-size:14px}.studio-cover-node.is-red{top:16%;left:8%}.studio-cover-node.is-lime{bottom:30%;right:8%}.studio-story-header,.studio-story-footer{gap:12px;left:18px;right:18px}.studio-story-header{top:18px}.studio-story-header span{text-overflow:ellipsis;white-space:nowrap;max-width:56vw;overflow:hidden}.studio-story-panel{inset:60px 18px 58px}.studio-story-number{display:none}.studio-story-panel.is-principle{grid-template-columns:1fr;align-content:center;gap:26px}.studio-story-principle-copy h2{font-size:clamp(46px,14vw,78px)}.studio-story-principle-copy p{margin-top:18px;font-size:12px}.studio-story-flow{grid-template-columns:1fr 13px 1fr 13px 1fr}.studio-story-flow>span{border-bottom:1px solid;min-height:62px;padding:9px 4px;font-size:9px}.studio-story-flow>span:last-child{grid-column:auto}.studio-story-flow small{font-size:7px}.studio-story-flow svg{width:11px}.studio-story-panel.is-cantonese{flex-direction:column;justify-content:center;align-items:stretch;gap:18px;display:flex}.studio-story-canto-glyph{z-index:-1;opacity:.2;font-size:190px;position:absolute;top:0;right:0}.studio-story-canto-copy h2{font-size:clamp(39px,11.6vw,60px)}.studio-story-canto-copy p{max-width:92%;margin-top:14px;font-size:10px;line-height:1.65}.studio-story-principle-copy>small,.studio-story-canto-copy>small,.studio-story-system-copy>small,.studio-story-return-mark>small{margin-bottom:10px;font-size:7px}.studio-story-course-modules{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-story-course-modules li{grid-template-columns:30px 1fr;min-height:68px;padding:8px 0}.studio-story-course-modules li:nth-child(odd){border-right:1px solid color-mix(in srgb, var(--studio-story-ink) 48%, transparent);padding-right:8px}.studio-story-course-modules li:nth-child(2n){padding-left:8px}.studio-story-course-modules span{font-size:14px}.studio-story-course-modules small{font-size:7px}.studio-story-panel.is-ecosystem{grid-template-columns:1fr;align-content:center;gap:28px}.studio-story-system-copy h2{font-size:clamp(45px,13vw,68px)}.studio-story-system-copy p{margin-top:16px;font-size:11px}.studio-story-system-cards{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.studio-story-system-cards>span{border-right:1px solid;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;min-height:78px;padding:10px 5px}.studio-story-system-cards>span:last-child{border-right:0}.studio-story-system-cards b{font-size:clamp(15px,5vw,24px)}.studio-story-system-cards small{font-size:7px}.studio-story-return-mark h2{white-space:normal;font-size:clamp(63px,19vw,104px);line-height:.86}.studio-story-return-mark p{margin-top:22px;font-size:8px;line-height:1.7}.studio-story-footer{bottom:17px}.studio-story-footer span{display:none}.build-system .studio-route-home .studio-nav.is-open>a,.build-system .studio-route-home .studio-nav.is-open .studio-app-nav>a,.build-system .studio-route-home .studio-nav.is-open>button{color:var(--build-muted)}.build-system .studio-route-home .studio-nav.is-open a.is-active{color:var(--build-signal)}}@media (hover:none),(pointer:coarse),(width<=760px){body.studio-motion-stage-active,body.studio-motion-stage-active .build-system .studio-site{overscroll-behavior:none;overflow:hidden}.build-system .studio-kinetic-hero .studio-expansion-story{z-index:200;width:100vw;height:100dvh;min-height:100svh;position:fixed;inset:0}.studio-story-mobile-close{z-index:230;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.build-system .studio-kinetic-hero.is-story-expanded .studio-hero-copy h1{visibility:hidden;pointer-events:none}.studio-story-header{top:max(18px, env(safe-area-inset-top))}.studio-story-footer{bottom:max(17px, env(safe-area-inset-bottom))}.studio-story-footer>span{display:block}.studio-story-footer>span:after{content:"TAP TO CLOSE"}.studio-story-footer>span{font-size:0}.studio-story-footer>span:after{font-size:7px}}@media (width<=390px){.build-system .studio-hero.studio-kinetic-hero{padding-left:14px;padding-right:14px}.build-system .studio-hero.studio-kinetic-hero h1{font-size:clamp(36px,11.5vw,46px)}.studio-story-panel{inset-right:14px;inset-left:14px}.studio-story-canto-copy p{max-width:100%}.studio-story-course-modules small{display:none}}.build-system .studio-scroll-cue{border-left-color:var(--build-line);bottom:20px}.build-system .studio-scroll-cue svg{color:var(--build-muted)}.build-system .studio-home-section,.build-system .studio-about,.build-system .studio-page-shell,.build-system .studio-detail-shell,.build-system .studio-admin-shell{width:min(1380px,100% - 120px)}.build-system .studio-home-section{background:color-mix(in srgb, var(--build-paper) 92%, transparent)}.build-system .studio-section-header,.build-system .studio-work-list,.build-system .studio-note-tree{border-color:var(--build-line)}.build-system .studio-section-header h2,.build-system .studio-featured-work h2,.build-system .studio-about p,.build-system .studio-page-intro h1,.build-system .studio-detail-header h1,.build-system .studio-admin-heading h1,.build-system .studio-admin-login h1{font-family:Oxanium,PingFang SC,sans-serif}.build-system .studio-featured-work img,.build-system .studio-work-row img,.build-system .studio-work-cover{filter:saturate(.72)contrast(1.04)}.build-system .studio-work-primary-cta{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .studio-work-primary-cta{color:#031012}.build-system .studio-work-primary-cta:hover,.build-system .studio-work-primary-cta:focus-visible{color:#07100b;background:var(--build-lime)}.build-system .studio-work-primary-cta.is-disabled{color:var(--build-muted);background:0 0}.build-system .studio-featured-work a,.build-system .studio-detail-grid>aside a,.build-system .studio-admin-login>section>button,.build-system .studio-save-button{color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .studio-featured-work a,.build-system[data-build-theme=dark] .studio-detail-grid>aside a,.build-system[data-build-theme=dark] .studio-admin-login>section>button,.build-system[data-build-theme=dark] .studio-save-button{color:#031012}.build-system[data-build-theme=dark] .studio-tag-ink{color:var(--build-paper);background:var(--build-ink)}.build-system[data-build-theme=dark] .studio-tag-red{color:#031012}.build-system[data-build-theme=dark] .studio-tag-lime{color:#07100b;background:var(--build-lime)}.build-system .studio-work-row:hover,.build-system .studio-admin-list>button:hover,.build-system .studio-admin-list>button.is-active{background:var(--build-signal-soft)}.build-system .studio-tag-filter button,.build-system .studio-tag{border-radius:0}.build-system .studio-field input,.build-system .studio-field textarea,.build-system .studio-field select,.build-system .studio-admin-login input{color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 88%, transparent)}.build-system .studio-admin-login>section,.build-system .studio-markdown-preview{background:color-mix(in srgb, var(--build-panel) 82%, transparent)}.build-system[data-build-theme=dark] .yoyo-app{--paper:#090d0f;--paper-deep:#11171a;--ink:#edf3f3;--muted:#97a4a7;--terracotta:#20d9e6;--terracotta-dark:#11aab5;--line:#cde5e82e;--cream:#101619;--sage:#9bb5ae}.build-system[data-build-theme=dark] .yoyo-app .privacy-button,.build-system[data-build-theme=dark] .yoyo-app .icon-button,.build-system[data-build-theme=dark] .yoyo-app .membership-entry-button,.build-system[data-build-theme=dark] .yoyo-app .header-baby-switch-trigger,.build-system[data-build-theme=dark] .yoyo-app .bottom-nav,.build-system[data-build-theme=dark] .yoyo-app .header-baby-switch-menu{color:var(--ink);background:#101619f0}.build-system[data-build-theme=dark] .yoyo-app input,.build-system[data-build-theme=dark] .yoyo-app textarea,.build-system[data-build-theme=dark] .yoyo-app select{color:var(--ink);background:var(--cream)}.build-system[data-build-theme=dark] .yoyo-app :is(.timeline-context,.care-setup-fab,.album-empty-inline,.album-upload-card,.album-file-field,.product-recommendation-loading,.care-summary>div,.care-group-expand,.membership-benefits span,.membership-details article,.thought-card,.thought-card textarea,.admin-form,.member-benefits span,.member-login-card,.baby-switcher,.profile-section,.growth-summary article,.growth-chart-shell){color:var(--ink);background:var(--cream);border-color:var(--line)}.build-system[data-build-theme=dark] .yoyo-app :is(.timeline-context-icon,.home-link-placeholder,.membership-details article>span,.profile-avatar,.profile-heading-icon,.header-baby-switch-menu>div>button>span,.baby-switch-options>button>span){color:var(--terracotta);background:#20d9e61f}.build-system[data-build-theme=dark] .yoyo-app :is(.album-toolbar button,.save-button.is-saved,.header-baby-switch-menu>div>button.is-active,.baby-switch-options>button.is-active,.baby-switcher-list>button.is-active){color:var(--ink);background:#20d9e621;border-color:#20d9e659}.build-system[data-build-theme=dark] .yoyo-app :is(.medical-disclaimer,.profile-section.is-disabled,.complete-button:disabled){color:var(--muted);background:#171d20}@media (width<=1180px){.build-system .studio-hero{padding-left:50px;padding-right:50px}.build-system .studio-hero-copy{width:82vw}.build-system .studio-peek-card{top:calc(100% + 24px);left:auto;right:-90px}}@media (width<=760px){.build-system .studio-site:before{inset:calc(var(--build-safe-top) + 10px) 10px 10px}.build-system .studio-header{height:calc(72px + var(--build-safe-top));padding:var(--build-safe-top) 22px 0;grid-template-columns:1fr auto auto}.build-system .studio-symbol span{font-size:9px}.build-system .studio-menu-trigger{color:var(--build-ink)}.build-system .studio-nav{top:calc(64px + var(--build-safe-top));border-color:var(--build-line);background:var(--build-panel);box-shadow:none;gap:0}.build-system .studio-hero{min-height:100svh;padding:calc(104px + var(--build-safe-top)) 26px 106px;justify-content:center}.build-system .studio-hero-copy{width:100%}.build-system .studio-hero-kicker{margin-bottom:20px;font-size:8px}.build-system .studio-hero h1{letter-spacing:-.07em;max-width:100%;font-size:clamp(43px,12.4vw,82px)}.build-system .studio-hero-copy>p{letter-spacing:.05em;margin-top:22px;font-size:16px}.build-system .studio-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:74px;display:grid}.build-system .studio-hero-actions>a,.build-system .studio-work-peek>a{width:100%;min-width:0;min-height:58px;font-size:17px}.build-system .studio-hero-actions>a>span,.build-system .studio-work-peek>a>span{gap:9px}.build-system .studio-hero-actions svg{width:18px}.build-system .studio-peek-card{width:min(340px,100vw - 52px);min-height:220px;top:calc(100% + 22px);right:0}.build-system .studio-peek-content{grid-template-columns:64px 1fr;gap:15px!important}.build-system .studio-peek-content>span{width:64px;height:64px}.build-system .studio-peek-content strong{font-size:19px}.studio-axis-top,.studio-axis-left,.studio-axis-right,.studio-signal-bars{display:none}.build-system .studio-home-section,.build-system .studio-about,.build-system .studio-page-shell,.build-system .studio-detail-shell,.build-system .studio-admin-shell{width:calc(100% - 40px)}}@media (width<=390px){.build-system .studio-header{padding:var(--build-safe-top) 16px 0}.build-system .studio-symbol{gap:7px}.build-system .studio-hero{padding-left:20px;padding-right:20px}.build-system .studio-hero h1{font-size:clamp(40px,12vw,50px)}.build-system .studio-hero-actions{gap:15px}.build-system .studio-hero-actions>a,.build-system .studio-work-peek>a{font-size:15px}.build-system .studio-peek-card{width:calc(100vw - 40px);right:-2px}}.page-admin{width:100%!important;max-width:none!important;padding:calc(88px + var(--build-safe-top)) 12px 24px!important}.admin-console{border:1px solid var(--build-line);min-height:calc(100dvh - 112px);color:var(--build-ink);background:color-mix(in srgb, var(--build-paper) 92%, transparent);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);grid-template-columns:218px minmax(0,1fr);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:grid}.admin-console button,.admin-console select,.admin-console input,.admin-console textarea{border-radius:0}.admin-console-nav{border-right:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 78%, transparent);flex-direction:column;min-width:0;display:flex}.admin-console-symbol{border-bottom:1px solid var(--build-line);align-items:center;gap:12px;min-height:88px;padding:0 24px;display:flex}.admin-console-symbol>svg{color:var(--build-signal)}.admin-console-symbol>span{flex-direction:column;gap:3px;display:flex}.admin-console-symbol small,.admin-console-symbol strong{font-family:Oxanium,sans-serif}.admin-console-symbol small{letter-spacing:.16em;font-size:8px}.admin-console-symbol strong{letter-spacing:.08em;font-size:12px}.admin-console-nav>nav{flex-direction:column;flex:1;gap:4px;padding:18px 12px;display:flex}.admin-console-nav>nav button{min-height:58px;color:var(--build-ink);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;display:grid;position:relative}.admin-console-nav>nav button:hover,.admin-console-nav>nav button:focus-visible{background:var(--build-signal-soft)}.admin-console-nav>nav button.is-active{border-color:color-mix(in srgb, var(--build-signal) 36%, var(--build-line));color:var(--build-signal);background:var(--build-signal-soft)}.admin-console-nav>nav button.is-active:before{background:var(--build-signal);content:"";width:3px;position:absolute;top:8px;bottom:8px;left:-13px}.admin-console-nav>nav button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-console-nav>nav button strong{font-size:12px}.admin-console-nav>nav button small{color:var(--build-muted);letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap;font-family:Oxanium,sans-serif;font-size:7px;overflow:hidden}.admin-console-nav>footer{border-top:1px solid var(--build-line);grid-template-columns:36px minmax(0,1fr) 32px;align-items:center;gap:10px;min-height:84px;padding:0 16px;display:grid}.admin-console-avatar{border:1px solid var(--build-line);border-radius:50%;place-items:center;width:36px;height:36px;font-family:Oxanium,sans-serif;font-size:10px;display:grid}.admin-console-nav>footer>div{flex-direction:column;gap:3px;display:flex}.admin-console-nav>footer strong{font-size:10px}.admin-console-nav>footer small{color:var(--build-muted);font-size:8px}.admin-console-nav>footer small i{background:var(--build-lime);width:5px;height:5px;margin-right:5px;display:inline-block}.admin-console-nav>footer button{width:32px;height:32px;color:var(--build-muted);background:0 0;border:0;place-items:center;display:grid}.admin-console-main{min-width:0}.admin-console-header{box-sizing:border-box;border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:24px;min-height:112px;padding:22px 28px;display:flex}.admin-console-header>div:first-child{min-width:0}.admin-console-header small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:8px}.admin-console-header h1{letter-spacing:-.04em;margin:5px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(26px,2.6vw,38px);line-height:1}.admin-console-header p{color:var(--build-muted);margin:8px 0 0;font-size:10px}.admin-console-header-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.admin-console-header-actions>button,.admin-console-header-actions>span{box-sizing:border-box;white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.admin-product-scope,.admin-secondary-action{border:1px solid var(--build-line);color:var(--build-ink);background:0 0}.admin-primary-action,.admin-inspector-submit{border:1px solid var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] :is(.admin-primary-action,.admin-inspector-submit){color:#031012}.admin-primary-action:disabled{opacity:.4}.admin-change-count{border:1px solid var(--build-line);color:var(--build-muted);font-size:9px}.admin-change-count.has-changes{border-color:color-mix(in srgb, var(--build-signal) 36%, var(--build-line));color:var(--build-signal)}.admin-policy-scope{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto 1fr;align-items:end;gap:12px;min-height:86px;padding:16px 22px;display:grid}.admin-policy-scope label{flex-direction:column;gap:6px;display:flex}.admin-policy-scope label>span{color:var(--build-muted);font-size:8px}.admin-policy-scope label button,.admin-policy-scope>button{border:1px solid var(--build-line);min-height:40px;color:var(--build-ink);text-align:left;background:0 0;align-items:center;gap:8px;padding:0 12px;display:flex}.admin-policy-scope label button svg:last-child{margin-left:auto}.admin-policy-scope>button{color:var(--build-signal);border-color:#0000;justify-self:end}.admin-live-state{min-height:40px;color:var(--build-lime-ink);align-items:center;gap:7px;font-size:9px;display:flex}.admin-live-state i,.admin-module-inspector .admin-inspector-row strong i{background:var(--build-lime);width:6px;height:6px;display:inline-block}.admin-module-layout{grid-template-columns:minmax(620px,1fr) 330px;display:grid}.admin-module-matrix{border-right:1px solid var(--build-line);min-width:0}.admin-module-matrix>header,.admin-module-row{grid-template-columns:minmax(210px,1.3fr) repeat(3,minmax(120px,.86fr));display:grid}.admin-module-matrix>header{border-bottom:1px solid var(--build-line);min-height:72px}.admin-module-matrix>header>span{border-right:1px solid var(--build-line);justify-content:center;align-items:center;gap:7px;padding:0 18px;font-size:11px;font-weight:700;display:flex}.admin-module-matrix>header>span:first-child{justify-content:flex-start}.admin-module-matrix>header>span:last-child{border-right:0}.admin-module-matrix>header small{color:var(--build-muted);font-size:7px;font-weight:400;display:block}.admin-module-row{border-bottom:1px solid var(--build-line);min-height:76px;transition:background-color .18s}.admin-module-row:hover,.admin-module-row.is-selected{background:var(--build-signal-soft)}.admin-module-row.is-selected{box-shadow:inset 3px 0 var(--build-signal)}.admin-module-row>*{min-width:0;border-right:1px solid var(--build-line)!important}.admin-module-row>:last-child{border-right:0!important}.admin-module-name{color:var(--build-ink);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0 18px;display:flex}.admin-module-name>span{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-module-name strong{font-size:13px}.admin-module-name small{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.admin-access-state{border:1px solid var(--build-line);color:var(--build-muted);background:0 0;justify-content:center;align-items:center;gap:5px;margin:17px 15px;padding:0 8px;font-size:9px;display:flex}.admin-access-state.is-open{border-color:color-mix(in srgb, var(--build-lime) 54%, var(--build-line));color:var(--build-lime-ink)}.admin-access-state.is-login{color:#a36d00;border-color:#d7a52f}.admin-access-state.is-hidden{color:var(--build-muted)}.admin-access-state.is-manage{border-color:#0000}.admin-module-matrix>footer{border-top:1px solid var(--build-line);grid-template-columns:repeat(4,1fr);align-items:center;min-height:58px;padding:0 16px;display:grid}.admin-module-matrix>footer span{color:var(--build-muted);justify-content:center;align-items:center;gap:7px;font-size:8px;display:flex}.admin-module-matrix>footer i{background:var(--build-muted);width:6px;height:6px;display:inline-block}.admin-module-matrix>footer i.is-open{background:var(--build-lime)}.admin-module-matrix>footer i.is-login{background:#d7a52f}.admin-module-matrix>footer i.is-manage{background:var(--build-ink)}.admin-module-inspector,.admin-group-inspector{background:color-mix(in srgb, var(--build-panel) 62%, transparent);min-width:0}.admin-module-inspector>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:84px;padding:0 18px;display:flex}.admin-module-inspector>header small,.admin-group-inspector>header small{color:var(--build-muted);letter-spacing:.12em;font-family:Oxanium,sans-serif;font-size:7px}.admin-module-inspector h2,.admin-group-inspector h2{margin:5px 0 0;font-size:18px}.admin-module-inspector>header button{width:36px;height:36px;color:var(--build-muted);background:0 0;border:0;place-items:center;display:grid}.admin-inspector-row,.admin-inspector-switch{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:0 18px;font-size:9px;display:flex}.admin-inspector-row strong{align-items:center;gap:7px;font-size:9px;display:flex}.admin-inspector-switch>span{flex-direction:column;gap:3px;display:flex}.admin-inspector-switch strong{font-size:10px}.admin-inspector-switch small{color:var(--build-muted);font-size:7px}.admin-switch{border:1px solid var(--build-line);background:0 0;flex:none;width:38px;height:22px;position:relative;border-radius:12px!important}.admin-switch i{background:var(--build-muted);border-radius:50%;width:14px;height:14px;transition:transform .18s,background-color .18s;position:absolute;top:3px;left:3px}.admin-switch.is-on{border-color:var(--build-signal);background:var(--build-signal)}.admin-switch.is-on i{background:#fff;transform:translate(16px)}.admin-group-inspector .admin-switch.is-on{border-color:var(--build-lime);background:var(--build-lime)}.admin-inspector-field{flex-direction:column;gap:7px;padding:13px 18px 0;display:flex}.admin-inspector-field>span{color:var(--build-muted);font-size:8px}.admin-inspector-field select,.admin-inspector-field>div,.admin-inspector-field textarea{box-sizing:border-box;border:1px solid var(--build-line);width:100%;min-height:40px;color:var(--build-ink);background:0 0;padding:0 11px;font-size:9px}.admin-inspector-field>div{align-items:center;gap:8px;display:flex}.admin-inspector-field>div svg:last-child{margin-left:auto}.admin-inspector-field textarea{resize:vertical;min-height:78px;padding-top:10px}.admin-private-boundary{border:1px solid color-mix(in srgb, var(--build-signal) 28%, var(--build-line));color:var(--build-signal);background:var(--build-signal-soft);align-items:flex-start;gap:8px;margin:14px 18px 0;padding:11px;font-size:8px;line-height:1.55;display:flex}.admin-inspector-submit{justify-content:space-between;align-items:center;min-height:46px;margin:16px 18px 20px;padding:0 13px;display:flex}.admin-members-workspace{grid-template-columns:200px minmax(570px,1fr) 286px;min-height:690px;display:grid}.admin-member-groups{border-right:1px solid var(--build-line)}.admin-member-groups>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:66px;padding:0 16px;display:flex}.admin-member-groups>header strong{font-size:11px}.admin-member-groups>header button{width:34px;height:34px;color:var(--build-signal);background:0 0;border:0}.admin-member-groups>button{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:68px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:0 16px;display:grid}.admin-member-groups>button:hover,.admin-member-groups>button.is-active{color:var(--build-signal);background:var(--build-signal-soft)}.admin-member-groups>button.is-active{box-shadow:inset 3px 0 var(--build-signal)}.admin-member-groups>button>span{flex-direction:column;gap:3px;display:flex}.admin-member-groups>button strong{font-size:10px}.admin-member-groups>button small{color:var(--build-muted);font-size:8px}.admin-member-directory{border-right:1px solid var(--build-line);min-width:0}.admin-member-toolbar{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(170px,1fr) 120px minmax(160px,.8fr);align-items:center;gap:8px;min-height:66px;padding:0 14px;display:grid}.admin-member-toolbar label{border:1px solid var(--build-line);align-items:center;gap:8px;height:40px;padding:0 10px;display:flex}.admin-member-toolbar label input{width:100%;height:38px;color:var(--build-ink);background:0 0;border:0;outline:0;padding:0}.admin-member-toolbar select,.admin-member-toolbar>button{border:1px solid var(--build-line);height:40px;color:var(--build-ink);background:0 0;padding:0 10px;font-size:8px}.admin-member-toolbar>button{justify-content:space-between;align-items:center;display:flex}.admin-member-table-head,.admin-member-table-body>button{grid-template-columns:minmax(150px,1.25fr) .55fr .62fr minmax(145px,1fr) .72fr;align-items:center;gap:8px;display:grid}.admin-member-table-head{border-bottom:1px solid var(--build-line);min-height:46px;color:var(--build-muted);padding:0 14px;font-size:8px}.admin-member-table-body>button{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:58px;color:var(--build-ink);text-align:left;background:0 0;padding:0 14px;font-size:8px}.admin-member-table-body>button:hover,.admin-member-table-body>button.is-selected{background:var(--build-signal-soft)}.admin-member-table-body>button.is-selected{box-shadow:inset 3px 0 var(--build-signal)}.admin-member-person{align-items:center;gap:9px;min-width:0;display:flex}.admin-member-person>i{width:34px;height:34px;color:var(--build-ink);background:color-mix(in srgb, var(--terracotta) 16%, transparent);border-radius:50%;flex:none;place-items:center;font-family:Oxanium,sans-serif;font-style:normal;display:grid}.admin-member-person>span{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-member-person strong{font-size:10px}.admin-member-person small{color:var(--build-muted);font-size:7px}.admin-member-status{align-items:center;gap:6px;display:flex}.admin-member-status i{background:var(--build-muted);width:5px;height:5px}.admin-member-status.is-active i{background:var(--build-lime)}.admin-member-status.is-readonly i{background:#d7a52f}.admin-member-status.is-paused i{background:var(--build-muted)}.admin-member-directory>footer{min-height:56px;color:var(--build-muted);justify-content:space-between;align-items:center;padding:0 14px;font-size:8px;display:flex}.admin-member-directory>footer nav{align-items:center;gap:4px;display:flex}.admin-member-directory>footer button{width:27px;height:27px;color:var(--build-ink);background:0 0;border:1px solid #0000}.admin-member-directory>footer button.is-active{border-color:var(--build-signal);color:var(--build-signal)}.admin-member-empty{min-height:360px;color:var(--build-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.admin-member-empty strong{color:var(--build-ink)}.admin-member-empty span{font-size:9px}.admin-group-inspector>header{box-sizing:border-box;border-bottom:1px solid var(--build-line);min-height:86px;padding:18px}.admin-group-inspector>header p{color:var(--build-muted);margin:6px 0 0;font-size:8px}.admin-group-inspector>section{border-bottom:1px solid var(--build-line)}.admin-group-inspector>section h3{justify-content:space-between;align-items:center;min-height:50px;margin:0;padding:0 16px;font-size:10px;display:flex}.admin-group-inspector>section h3 span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px}.admin-group-inspector>section>label{border-top:1px solid var(--build-line);grid-template-columns:23px minmax(0,1fr) 38px;align-items:center;gap:8px;min-height:50px;padding:0 16px;display:grid}.admin-group-inspector>section>label>span{align-items:center;gap:7px;display:flex}.admin-group-inspector>section>label strong{font-size:9px}.admin-group-inspector>section>label small{color:var(--terracotta);background:color-mix(in srgb, var(--terracotta) 12%, transparent);padding:3px 5px;font-size:6px}.admin-group-inspector .admin-private-boundary span{flex-direction:column;gap:4px;display:flex}.admin-group-inspector .admin-private-boundary strong{font-size:8px}.admin-group-inspector .admin-private-boundary small{color:var(--build-muted);font-size:7px}.admin-group-inspector>.admin-secondary-action{justify-content:center;align-items:center;gap:7px;min-height:42px;margin:16px 18px 0;display:flex}.admin-dashboard-workspace{padding:28px}.admin-dashboard-summary{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,1fr);display:grid}.admin-dashboard-summary article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);flex-direction:column;align-items:flex-start;min-height:230px;padding:24px;display:flex}.admin-dashboard-summary article small,.admin-dashboard-flow>header small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.admin-dashboard-summary article>strong{margin-top:24px;font-family:Oxanium,sans-serif;font-size:46px;line-height:1}.admin-dashboard-summary article>span{color:var(--build-muted);margin-top:8px;font-size:10px}.admin-dashboard-summary article button{border:0;border-top:1px solid var(--build-line);width:100%;min-height:42px;color:var(--build-signal);background:0 0;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.admin-dashboard-flow{border-top:1px solid var(--build-ink);margin-top:30px}.admin-dashboard-flow>header{justify-content:space-between;align-items:center;min-height:88px;display:flex}.admin-dashboard-flow h2{margin:0;font-size:26px}.admin-dashboard-flow>div{border:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:136px;padding:0 30px;display:flex}.admin-dashboard-flow>div>span{flex-direction:column;gap:7px;display:flex}.admin-dashboard-flow>div b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.admin-dashboard-flow>div strong{font-size:16px}.admin-dashboard-flow>div small{color:var(--build-muted);font-size:8px}.admin-dashboard-flow>p{border:1px solid var(--build-line);color:var(--build-muted);border-top:0;align-items:center;gap:8px;margin:0;padding:13px 16px;font-size:8px;display:flex}.admin-accounts-workspace{grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding:26px;display:grid}.admin-role-boundary{border:1px solid var(--build-line);grid-column:1/-1;grid-template-columns:38px minmax(0,1fr);gap:14px;min-height:116px;padding:22px;display:grid}.admin-role-boundary>svg{color:var(--build-signal)}.admin-role-boundary small,.admin-invite-panel small{color:var(--build-signal);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:8px}.admin-role-boundary h2{margin:7px 0;font-size:23px}.admin-role-boundary p{max-width:820px;color:var(--build-muted);margin:0;font-size:10px;line-height:1.7}.admin-account-list{border:1px solid var(--build-line)}.admin-account-list>header,.admin-account-list>article{grid-template-columns:minmax(180px,1fr) 110px minmax(150px,.8fr) 70px 34px;align-items:center;gap:10px;display:grid}.admin-account-list>header{border-bottom:1px solid var(--build-line);min-height:46px;color:var(--build-muted);padding:0 14px;font-size:8px}.admin-account-list>article{border-bottom:1px solid var(--build-line);min-height:72px;padding:0 14px;font-size:9px}.admin-account-list>article:last-child{border-bottom:0}.admin-account-list>article>span:first-child{align-items:center;gap:9px;display:flex}.admin-account-list>article>span:first-child>i{background:var(--build-signal-soft);border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.admin-account-list>article>span:first-child>span{flex-direction:column;gap:3px;display:flex}.admin-account-list small{color:var(--build-muted);font-size:7px}.admin-account-list em{color:var(--build-lime-ink);font-size:8px;font-style:normal}.admin-account-list button{width:32px;height:32px;color:var(--build-muted);background:0 0;border:0}.admin-invite-panel{border:1px solid var(--build-line);padding:22px}.admin-invite-panel h2{margin:6px 0 22px;font-size:23px}.admin-invite-panel label{flex-direction:column;gap:7px;margin-top:13px;display:flex}.admin-invite-panel label>span{color:var(--build-muted);font-size:8px}.admin-invite-panel input,.admin-invite-panel select{border:1px solid var(--build-line);min-height:42px;color:var(--build-ink);background:0 0;padding:0 11px}.admin-invite-panel>button{justify-content:space-between;align-items:center;width:100%;min-height:44px;margin-top:18px;padding:0 12px;display:flex}.admin-visitor-workspace{grid-template-columns:minmax(330px,.75fr) minmax(500px,1.25fr);gap:24px;padding:26px;display:grid}.admin-visitor-editor,.admin-visitor-preview{border:1px solid var(--build-line)}.admin-visitor-editor{padding:24px}.admin-visitor-editor>header small,.admin-visitor-preview>header span{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.admin-visitor-editor h2{margin:8px 0;font-size:25px}.admin-visitor-editor header p{color:var(--build-muted);margin:0 0 24px;font-size:9px;line-height:1.7}.admin-visitor-editor>label{flex-direction:column;gap:7px;margin-top:14px;display:flex}.admin-visitor-editor>label>span,.admin-visitor-editor>div>span{color:var(--build-muted);font-size:8px}.admin-visitor-editor input,.admin-visitor-editor textarea,.admin-visitor-editor select{border:1px solid var(--build-line);min-height:42px;color:var(--build-ink);background:0 0;padding:0 11px}.admin-visitor-editor textarea{resize:vertical;min-height:100px;padding-top:10px}.admin-visitor-editor>div{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.admin-visitor-editor>div>span{width:100%}.admin-visitor-editor>div label{border:1px solid var(--build-line);align-items:center;gap:6px;min-height:34px;padding:0 9px;font-size:8px;display:flex}.admin-visitor-preview>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:54px;padding:0 16px;display:flex}.admin-visitor-preview>header i{color:var(--build-lime-ink);font-size:8px;font-style:normal}.admin-visitor-preview>div{background:color-mix(in srgb, var(--terracotta) 8%, var(--build-paper));flex-direction:column;justify-content:center;align-items:flex-start;min-height:430px;padding:48px;display:flex}.admin-visitor-preview>div>small{color:var(--terracotta);letter-spacing:.14em;font-size:9px}.admin-visitor-preview h2{max-width:560px;margin:16px 0;font-family:Songti SC,STSong,serif;font-size:clamp(32px,4vw,54px);line-height:1.22}.admin-visitor-preview p{max-width:530px;color:var(--build-muted);margin:0;font-size:12px;line-height:1.8}.admin-visitor-preview>div>button{color:#fff;background:var(--terracotta);border:0;justify-content:space-between;align-items:center;min-width:220px;min-height:48px;margin-top:28px;padding:0 16px;display:flex}.admin-visitor-preview nav{flex-wrap:wrap;gap:8px;margin-top:38px;display:flex}.admin-visitor-preview nav span{border:1px solid color-mix(in srgb, var(--terracotta) 30%, var(--build-line));min-height:36px;color:var(--terracotta);align-items:center;gap:6px;padding:0 10px;font-size:9px;display:flex}.admin-visitor-preview>footer{border-top:1px solid var(--build-line);min-height:48px;color:var(--build-muted);align-items:center;gap:8px;padding:0 16px;font-size:8px;display:flex}.admin-content-workspace{grid-template-columns:minmax(480px,760px) minmax(260px,1fr);gap:24px;padding:26px;display:grid}.admin-content-workspace .admin-form{border-radius:0}.admin-content-workspace>aside{border:1px solid var(--build-line);min-height:300px;padding:28px}.admin-content-workspace>aside>small{color:var(--build-signal);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:8px}.admin-content-workspace>aside h2{margin:12px 0;font-size:28px}.admin-content-workspace>aside p{color:var(--build-muted);font-size:10px;line-height:1.8}.admin-content-workspace>aside>span{align-items:center;gap:7px;margin-top:28px;font-size:9px;display:flex}.admin-content-workspace>aside>span i{background:#d7a52f;width:6px;height:6px}.admin-content-workspace>aside>span.is-live i{background:var(--build-lime)}.admin-audit-workspace{padding:26px}.admin-audit-toolbar{grid-template-columns:minmax(260px,1fr) 160px 140px;align-items:center;gap:8px;min-height:60px;display:grid}.admin-audit-toolbar label{border:1px solid var(--build-line);align-items:center;gap:8px;height:42px;padding:0 11px;display:flex}.admin-audit-toolbar input{width:100%;height:40px;color:var(--build-ink);background:0 0;border:0;outline:0;padding:0}.admin-audit-toolbar select{border:1px solid var(--build-line);height:42px;color:var(--build-ink);background:0 0;padding:0 10px}.admin-audit-workspace>section{border:1px solid var(--build-line);margin-top:12px}.admin-audit-workspace>section>header,.admin-audit-workspace>section>article{border-bottom:1px solid var(--build-line);grid-template-columns:150px 120px 150px minmax(180px,1fr) 70px;align-items:center;gap:10px;min-height:58px;padding:0 14px;display:grid}.admin-audit-workspace>section>header{min-height:44px;color:var(--build-muted);font-size:8px}.admin-audit-workspace>section>article{font-size:9px}.admin-audit-workspace>section>article:last-child{border-bottom:0}.admin-audit-workspace time{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px}.admin-audit-workspace em{color:var(--build-lime-ink);font-size:8px;font-style:normal}.admin-audit-workspace em.is-blocked{color:var(--build-signal)}.admin-audit-workspace>p{color:var(--build-muted);align-items:center;gap:7px;margin:12px 0 0;font-size:8px;display:flex}.admin-console-login{margin-top:44px}@media (width<=1180px){.admin-console{grid-template-columns:184px minmax(0,1fr)}.admin-console-symbol{padding:0 16px}.admin-console-header{flex-direction:column;align-items:flex-start}.admin-console-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.admin-module-layout{grid-template-columns:1fr}.admin-module-matrix{border-right:0}.admin-module-inspector{border-top:1px solid var(--build-ink)}.admin-members-workspace{grid-template-columns:180px minmax(540px,1fr)}.admin-group-inspector{border-top:1px solid var(--build-ink);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.admin-group-inspector>header,.admin-group-inspector>section{grid-row:span 3}.admin-group-inspector .admin-private-boundary{align-self:start}.admin-group-inspector .admin-inspector-submit{align-self:end}}@media (width<=820px){.page-admin{padding:76px 8px 18px!important}.admin-console{clip-path:none;display:block}.admin-console-nav{border-right:0;border-bottom:1px solid var(--build-line)}.admin-console-symbol,.admin-console-nav>footer{display:none}.admin-console-nav>nav{flex-direction:row;padding:8px;overflow-x:auto}.admin-console-nav>nav button{min-width:126px;min-height:52px}.admin-console-nav>nav button.is-active:before{width:auto;height:2px;inset:auto 10px -9px}.admin-console-header{min-height:150px;padding:20px}.admin-policy-scope{grid-template-columns:1fr 1fr}.admin-policy-scope>button{justify-self:start}.admin-module-matrix{overflow-x:auto}.admin-module-matrix>header,.admin-module-row{min-width:760px}.admin-members-workspace{display:block}.admin-member-groups{border-right:0;border-bottom:1px solid var(--build-line);display:flex;overflow-x:auto}.admin-member-groups>header{min-width:130px}.admin-member-groups>button{border-right:1px solid var(--build-line);min-width:170px}.admin-member-directory{border-right:0;overflow-x:auto}.admin-member-toolbar,.admin-member-table-head,.admin-member-table-body,.admin-member-directory>footer{min-width:760px}.admin-group-inspector{display:block}.admin-dashboard-summary{grid-template-columns:1fr}.admin-dashboard-summary article{min-height:190px}.admin-dashboard-flow>div{flex-direction:column;align-items:flex-start;gap:18px;padding:24px}.admin-dashboard-flow>div>svg{transform:rotate(90deg)}.admin-accounts-workspace,.admin-visitor-workspace,.admin-content-workspace{grid-template-columns:1fr}.admin-role-boundary{grid-column:auto}.admin-account-list{overflow-x:auto}.admin-account-list>header,.admin-account-list>article{min-width:720px}.admin-audit-workspace>section{overflow-x:auto}.admin-audit-workspace>section>header,.admin-audit-workspace>section>article{min-width:760px}}@media (width<=560px){.admin-console-header-actions>button,.admin-console-header-actions>span{flex:auto}.admin-policy-scope{grid-template-columns:1fr;align-items:stretch}.admin-live-state{min-height:30px}.admin-dashboard-workspace,.admin-accounts-workspace,.admin-visitor-workspace,.admin-content-workspace,.admin-audit-workspace{padding:16px}.admin-audit-toolbar{grid-template-columns:1fr}.admin-visitor-preview>div{min-height:360px;padding:28px 22px}}.build-child-header{color:var(--build-ink);font-family:Oxanium,PingFang SC,Microsoft YaHei,sans-serif}.build-child-home{border:1px solid var(--build-line);min-width:96px;min-height:44px;color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 92%, transparent);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);flex:none;justify-content:center;align-items:center;gap:9px;padding:0 13px;text-decoration:none;transition:color .2s,background-color .2s,transform .2s;display:inline-flex}.build-child-home:hover,.build-child-home:focus-visible{color:var(--build-signal);background:var(--build-signal-soft);transform:translate(-2px)}.build-child-home span{letter-spacing:.14em;font-size:10px;font-weight:700}.build-system .yoyo-app{background-color:var(--paper);background-image:linear-gradient(var(--build-grid) 1px, transparent 1px), linear-gradient(90deg, var(--build-grid) 1px, transparent 1px);background-size:32px 32px}.build-system .yoyo-app .app-screen{background:0 0}.build-system .yoyo-app .yoyo-child-header{box-sizing:border-box;border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.build-system .yoyo-app .brand-lockup{gap:2px}.build-system .yoyo-app .brand-lockup small{color:var(--build-signal);letter-spacing:.15em;font-size:7px;font-weight:700;display:block}.build-system .yoyo-app .brand-lockup strong{letter-spacing:-.02em;font-family:Oxanium,PingFang SC,sans-serif;font-size:17px;font-weight:600}.build-system .yoyo-app :is(.privacy-button,.icon-button,.membership-entry-button,.header-baby-switch-trigger){border-color:var(--build-line);color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 92%, transparent);box-shadow:none;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);border-radius:0}.build-system .yoyo-app .membership-entry-button{color:var(--build-signal)}.build-system .yoyo-app .header-baby-switch-menu{border-color:var(--build-line);background:var(--build-panel);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:0;box-shadow:0 22px 56px #00000024}.build-system .yoyo-app .bottom-nav{border-color:var(--build-line);background:color-mix(in srgb, var(--build-panel) 94%, transparent);box-shadow:none;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:0}.build-system .yoyo-app .bottom-nav button{color:var(--build-muted);border-radius:0;position:relative}.build-system .yoyo-app .bottom-nav button.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.build-system .yoyo-app .bottom-nav button.is-active:after{background:var(--build-signal);content:"";height:2px;position:absolute;bottom:4px;left:10px;right:10px}.canto-app{color:var(--build-ink);background-color:var(--build-paper);background-image:linear-gradient(var(--build-grid) 1px, transparent 1px), linear-gradient(90deg, var(--build-grid) 1px, transparent 1px);scroll-behavior:smooth;background-size:32px 32px;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden auto}.canto-grid{z-index:2;border:1px solid var(--build-line);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);pointer-events:none;position:fixed;inset:22px}.canto-header{z-index:50;border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 90%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:auto minmax(190px,220px) 1fr auto auto;align-items:center;gap:18px;min-height:88px;padding:0 clamp(34px,4vw,64px);display:grid;position:sticky;top:0}.build-child-brand{flex-direction:column;gap:2px;min-width:0;display:flex}.build-child-brand small{color:var(--build-signal);letter-spacing:.16em;font-size:8px;font-weight:700}.build-child-brand strong{letter-spacing:-.01em;white-space:nowrap;font-size:16px;font-weight:600}.canto-language-switch{min-width:0;position:relative}.canto-language-trigger{width:100%;min-height:58px;color:var(--build-ink);text-align:left;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:14px;padding:0 12px;display:flex}.canto-language-trigger>span{flex-direction:column;gap:3px;min-width:0;display:flex}.canto-language-trigger small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-language-trigger strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.canto-language-trigger svg{color:var(--build-signal);flex:none;transition:transform .2s}.canto-language-trigger:hover,.canto-language-trigger:focus-visible,.canto-language-switch.is-open .canto-language-trigger{border-color:var(--build-signal);background:var(--build-signal-soft)}.canto-language-switch.is-open .canto-language-trigger svg{transform:rotate(180deg)}.canto-language-menu{z-index:80;border:1px solid var(--build-ink);background:var(--build-panel);opacity:0;pointer-events:none;visibility:hidden;width:330px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-8px)}.canto-language-switch.is-open .canto-language-menu{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.canto-language-menu>header{border-bottom:1px solid var(--build-line);min-height:42px;color:var(--build-muted);letter-spacing:.14em;justify-content:space-between;align-items:center;padding:0 14px;font-family:Oxanium,sans-serif;font-size:8px;display:flex}.canto-language-menu>button{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:72px;color:var(--build-ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;display:flex}.canto-language-menu>button:last-child{border-bottom:0}.canto-language-menu>button:hover:not(:disabled),.canto-language-menu>button:focus-visible:not(:disabled){color:var(--build-paper);background:var(--build-ink)}.canto-language-menu>button:disabled{opacity:.45;cursor:not-allowed!important}.canto-language-menu>button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.canto-language-menu>button small{color:var(--build-signal);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:7px}.canto-language-menu>button strong{font-size:14px}.canto-language-menu>button em{color:var(--build-muted);font-size:9px;font-style:normal}.canto-language-menu>button:hover:not(:disabled) em,.canto-language-menu>button:focus-visible:not(:disabled) em{color:inherit}.canto-nav{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 88%, transparent);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);grid-template-columns:repeat(4,minmax(82px,108px));justify-self:center;height:54px;display:grid}.canto-nav button{border:0;border-right:1px solid var(--build-line);min-width:0;color:var(--build-muted);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:flex;position:relative}.canto-nav button:last-child{border-right:0}.canto-nav button:hover,.canto-nav button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-nav button.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.canto-nav button.is-active:after{background:var(--build-signal);content:"";height:2px;position:absolute;bottom:4px;left:12px;right:12px}.canto-nav button span{font-size:11px;font-weight:600}.canto-nav button small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.canto-header-progress{flex-direction:column;align-items:flex-end;min-width:74px;display:flex}.canto-header-progress small{color:var(--build-muted);letter-spacing:.14em;font-size:7px}.canto-header-progress strong{color:var(--build-lime-ink);font-size:17px}.canto-account-button{border:1px solid var(--build-line);min-width:108px;min-height:48px;color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 84%, transparent);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);justify-content:center;align-items:center;gap:9px;padding:0 12px;text-decoration:none;display:flex}.canto-account-button:hover,.canto-account-button:focus-visible{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}.canto-account-button>span{flex-direction:column;gap:2px;min-width:0;display:flex}.canto-account-button small{color:var(--build-muted);letter-spacing:.13em;font-size:6px}.canto-account-button strong{text-overflow:ellipsis;white-space:nowrap;max-width:78px;font-size:9px;overflow:hidden}.canto-account-button.is-plus,.canto-account-button.is-pro{border-color:var(--build-lime-ink);color:var(--build-lime-ink)}.canto-account-button.is-admin{border-color:var(--build-signal);color:var(--build-signal)}.canto-header-context{flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;min-width:0;display:flex}.canto-header-context small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:7px;font-weight:700}.canto-header-context strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}@media (width>=761px){.canto-app.has-course-rail .canto-nav{display:none}}.canto-subnav{z-index:45;border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:58px;position:sticky;top:88px}.canto-subnav>div{border-left:1px solid var(--build-line);align-items:stretch;width:min(100% - 104px,1180px);min-height:58px;margin:0 auto;display:flex}.canto-subnav>div>span{min-width:160px;color:var(--build-muted);letter-spacing:.14em;align-items:center;padding:0 18px;font-family:Oxanium,sans-serif;font-size:8px;display:flex}.canto-subnav button{border:0;border-right:1px solid var(--build-line);min-width:128px;color:var(--build-muted);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:flex;position:relative}.canto-subnav button small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.canto-subnav button strong{white-space:nowrap;font-size:11px}.canto-subnav button:hover,.canto-subnav button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-subnav button.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.canto-subnav button.is-active:after{background:var(--build-signal);content:"";height:2px;position:absolute;bottom:0;left:12px;right:12px}.canto-app.has-course-rail .canto-subnav>div{width:min(100% - 104px,1480px)}.canto-app.has-course-rail .canto-basic-subnav>div>span{flex:0 0 244px;min-width:0}.canto-basic-subnav button{flex:1 1 0;min-width:0}.canto-basic-subnav button>svg{flex:none}.canto-pronunciation-tabs{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 58%, transparent);margin-bottom:38px}.canto-pronunciation-tabs>span{border-bottom:1px solid var(--build-line);min-height:40px;color:var(--build-muted);letter-spacing:.14em;align-items:center;padding:0 14px;font-family:Oxanium,sans-serif;font-size:8px;display:flex}.canto-pronunciation-tabs>div{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.canto-pronunciation-tabs button{border:0;border-right:1px solid var(--build-line);min-width:0;min-height:56px;color:var(--build-muted);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 10px;display:flex;position:relative}.canto-pronunciation-tabs button:last-child{border-right:0}.canto-pronunciation-tabs button small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.canto-pronunciation-tabs button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canto-pronunciation-tabs button:hover,.canto-pronunciation-tabs button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-pronunciation-tabs button.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 0 -2px var(--build-signal)}.canto-main{z-index:3;width:min(100% - 104px,1380px);margin:0 auto;padding:46px 0 108px;position:relative}.canto-learning-layout.has-rail{z-index:4;grid-template-columns:208px minmax(0,1fr);align-items:start;gap:36px;width:min(100% - 104px,1480px);margin:0 auto;display:grid;position:relative}.canto-learning-layout.has-rail:has(.canto-hierarchy-rail.has-linked-menu){grid-template-columns:448px minmax(0,1fr)}.canto-learning-layout.has-rail .canto-main{z-index:3;width:100%;min-width:0;margin:0;animation:.42s cubic-bezier(.22,1,.36,1) both canto-content-reveal}.canto-hierarchy-rail{--hierarchy-gap:12px;--hierarchy-panel-width:228px;z-index:38;min-width:0;margin-top:26px;position:sticky;top:96px}.canto-hierarchy-rail.has-linked-menu{width:208px}.canto-module-rail{z-index:2;border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 88%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);min-width:0;animation:.46s cubic-bezier(.22,1,.36,1) both canto-rail-unfold;position:relative;box-shadow:0 22px 54px #0000001a}.canto-module-rail>header{border-bottom:1px solid var(--build-line);min-height:42px;color:var(--build-muted);letter-spacing:.12em;justify-content:space-between;align-items:center;gap:10px;padding:0 13px;font-family:Oxanium,sans-serif;font-size:7px;display:flex}.canto-module-rail-home{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:56px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:0 12px;display:grid}.canto-module-rail-home:hover,.canto-module-rail-home:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-module-rail-home>span{flex-direction:column;gap:4px;min-width:0;display:flex}.canto-module-rail-home strong{font-size:10px}.canto-module-rail-home small{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.canto-module-rail>nav{display:block}.canto-module-rail>nav>button{--rail-index:0;border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:56px;color:var(--build-muted);text-align:left;opacity:0;animation:canto-rail-item-in .34s calc(80ms + var(--rail-index) * 28ms) cubic-bezier(.22, 1, .36, 1) forwards;background:0 0;grid-template-columns:20px 22px minmax(0,1fr) 6px;align-items:center;gap:8px;padding:0 11px;display:grid;position:relative;transform:translate(-12px)}.canto-module-rail>nav>button:hover,.canto-module-rail>nav>button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-module-rail>nav>button.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.canto-module-rail>nav>button.is-active:before{background:var(--build-signal);content:"";width:3px;position:absolute;top:10px;bottom:10px;left:0}.canto-module-rail>nav>button>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.canto-module-rail>nav>button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.canto-module-rail>nav>button strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canto-module-rail>nav>button em{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-style:normal;overflow:hidden}.canto-module-rail>nav>button>i{border:1px solid;border-radius:50%;width:6px;height:6px}.canto-module-rail>nav>button.is-active>i{border-color:var(--build-signal);background:var(--build-signal);box-shadow:0 0 0 4px color-mix(in srgb, var(--build-signal) 14%, transparent)}.canto-module-rail>nav>button.is-menu-open{color:var(--build-signal);box-shadow:inset -3px 0 var(--build-signal)}.canto-module-rail>footer{min-height:44px;color:var(--build-muted);flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:8px 13px;font-size:7px;display:flex}.canto-module-rail>footer span{color:var(--build-ink);align-items:center;gap:7px;display:flex}.canto-module-rail>footer span i{background:var(--build-signal);width:6px;height:6px}.canto-hierarchy-panel{z-index:1;width:var(--hierarchy-panel-width);border:1px solid var(--build-line);color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 96%, transparent);opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 100% 0 0);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:opacity .2s,visibility 0s linear .24s,transform .24s cubic-bezier(.22,1,.36,1),clip-path .24s cubic-bezier(.22,1,.36,1);position:absolute;top:42px;transform:translate(-16px);box-shadow:0 24px 64px #0000002e}.canto-hierarchy-level-two{left:calc(100% + var(--hierarchy-gap))}.canto-hierarchy-rail.is-depth-2 .canto-hierarchy-level-two{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0);transition-delay:0s;transform:translate(0)}.canto-hierarchy-panel>header{border-bottom:1px solid var(--build-line);min-height:48px;color:var(--build-muted);letter-spacing:.12em;justify-content:space-between;align-items:center;gap:10px;padding:0 13px;font-family:Oxanium,sans-serif;font-size:7px;display:flex}.canto-hierarchy-panel>header span{color:var(--build-signal)}.canto-hierarchy-panel>button{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:70px;color:var(--build-muted);text-align:left;background:0 0;grid-template-columns:38px 22px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:0 12px;display:grid;position:relative}.canto-hierarchy-level-two>button{grid-template-columns:46px minmax(0,1fr) 16px}.canto-hierarchy-panel>button:last-child{border-bottom:0}.canto-hierarchy-panel>button:hover,.canto-hierarchy-panel>button:focus-visible,.canto-hierarchy-panel>button.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.canto-hierarchy-panel>button.is-active:before{background:var(--build-signal);content:"";width:3px;position:absolute;top:10px;bottom:10px;left:0}.canto-hierarchy-panel>button>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.canto-hierarchy-panel>button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.canto-hierarchy-panel>button strong{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canto-hierarchy-panel>button em{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-style:normal;line-height:1.4;overflow:hidden}.canto-hierarchy-panel>button>svg:last-child{color:var(--build-signal)}.canto-hierarchy-rail.has-linked-menu .canto-hierarchy-level-three{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0);min-height:318px;transition-delay:0s;transform:translate(0)}.canto-linked-menu-empty{min-height:268px;color:var(--build-muted);flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:24px 18px;display:flex}.canto-linked-menu-empty>span{color:var(--build-signal);letter-spacing:.18em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-linked-menu-empty>strong{color:var(--build-ink);font-size:17px}.canto-linked-menu-empty>p{max-width:170px;margin:0;font-size:9px;line-height:1.7}.canto-mobile-hierarchy{display:none}.canto-nav button.is-menu-open{color:var(--build-signal);box-shadow:inset 0 0 0 1px var(--build-signal)}.canto-day-menu-layer{z-index:72;pointer-events:none;position:fixed;inset:0}.canto-day-menu-backdrop{z-index:0;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02080957;border:0;width:100%;height:100%;animation:.2s both canto-day-backdrop-in;position:absolute;inset:0}.canto-day-menu{z-index:1;border:1px solid var(--build-ink);width:min(680px,100% - 64px);color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 96%, transparent);pointer-events:auto;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);flex-direction:column;animation:.32s cubic-bezier(.22,1,.36,1) both canto-day-menu-in;display:flex;position:absolute;top:110px;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 28px 90px #00000047}.canto-app.has-course-rail .canto-day-menu{width:min(620px,100% + -1*max(320px,50vw - 456px));left:max(296px,50vw - 480px);transform:none}.canto-day-menu>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:flex-start;gap:24px;min-height:112px;padding:18px 20px;display:flex}.canto-day-menu>header small{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-day-menu>header h2{letter-spacing:-.04em;margin:9px 0 0;font-size:26px}.canto-day-menu>header p{color:var(--build-muted);margin:8px 0 0;font-size:9px}.canto-day-menu>header>button{border:1px solid var(--build-line);width:38px;height:38px;color:var(--build-ink);background:0 0;place-items:center;display:grid}.canto-day-menu>header>button:hover,.canto-day-menu>header>button:focus-visible{color:var(--build-paper);background:var(--build-signal)}.canto-day-menu-months{border-bottom:1px solid var(--build-line);grid-template-columns:1fr 1fr;display:grid}.canto-day-menu-months button{border:0;border-right:1px solid var(--build-line);min-height:78px;color:var(--build-muted);text-align:left;background:0 0;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 16px;display:grid}.canto-day-menu-months button:last-child{border-right:0}.canto-day-menu-months button.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 0 -3px var(--build-signal)}.canto-day-menu-months small{color:var(--build-signal);letter-spacing:.14em;grid-column:1/-1;font-family:Oxanium,sans-serif;font-size:7px}.canto-day-menu-months strong{font-family:Oxanium,sans-serif;font-size:16px}.canto-day-menu-months span{font-size:8px}.canto-day-menu-status{border-bottom:1px solid var(--build-line);min-height:42px;color:var(--build-muted);justify-content:space-between;align-items:center;padding:0 15px;font-size:8px;display:flex}.canto-day-menu-status span{align-items:center;gap:7px;display:flex}.canto-day-menu-status span i{background:var(--build-signal);width:6px;height:6px}.canto-day-menu-status strong{color:var(--build-lime-ink);font-family:Oxanium,sans-serif;font-size:9px}.canto-day-menu-grid{border-left:1px solid var(--build-line);scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;min-height:0;display:grid;overflow-y:auto}.canto-day-menu-grid>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:142px;color:var(--build-ink);text-align:left;background:0 0;flex-direction:column;align-items:stretch;padding:0;display:flex;position:relative}.canto-day-menu-grid>button:hover,.canto-day-menu-grid>button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-day-menu-grid>button>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:0 12px;display:flex}.canto-day-menu-grid>button>header small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.canto-day-menu-grid>button>header em{color:var(--build-muted);align-items:center;gap:5px;font-size:7px;font-style:normal;display:flex}.canto-day-menu-grid>button>div{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.canto-day-menu-grid>button>div>span{border-right:1px solid var(--build-line);flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-width:0;padding:12px;display:flex}.canto-day-menu-grid>button>div>span:last-child{border-right:0}.canto-day-menu-grid>button>div small{color:var(--build-muted);letter-spacing:.14em;font-size:7px}.canto-day-menu-grid>button>div strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:17px;line-height:1.15;overflow:hidden}.canto-day-menu-grid>button>div b{max-width:100%;color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-family:Oxanium,sans-serif;font-size:8px;font-weight:500;overflow:hidden}.canto-day-menu-grid>button.is-complete{color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 14%, transparent);box-shadow:inset 0 -3px var(--build-lime)}.canto-day-menu-grid>button.is-complete>header small,.canto-day-menu-grid>button.is-complete>header em{color:var(--build-lime-ink)}.canto-day-menu-grid>button.is-locked:not(.is-complete)>header em{color:#b68116}.canto-day-menu>footer{border-top:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:10px 15px;display:flex}.canto-day-menu>footer>div{color:var(--build-muted);flex-wrap:wrap;gap:12px;font-size:7px;display:flex}.canto-day-menu>footer span{align-items:center;gap:5px;display:flex}.canto-day-menu>footer span i{border:1px solid var(--build-muted);width:6px;height:6px}.canto-day-menu>footer span.is-complete{color:var(--build-lime-ink)}.canto-day-menu>footer span.is-complete i{border-color:var(--build-lime);background:var(--build-lime)}.canto-day-menu>footer span.is-member{color:#b68116}.canto-day-menu>footer span.is-member i{border-color:#b68116}.canto-day-menu>footer>button{border:1px solid var(--build-signal);min-height:40px;color:var(--build-signal);white-space:nowrap;background:0 0;align-items:center;gap:14px;padding:0 12px;display:flex}.canto-day-menu>footer>button:hover,.canto-day-menu>footer>button:focus-visible{color:var(--build-paper);background:var(--build-signal)}@keyframes canto-day-backdrop-in{0%{opacity:0}}@keyframes canto-day-menu-in{0%{opacity:0;transform:translate(-50%,18px)scale(.98)}}.canto-app.has-course-rail .canto-day-menu{animation-name:canto-day-menu-rail-in}@keyframes canto-day-menu-rail-in{0%{opacity:0;transform:translate(-18px)scale(.98)}}@keyframes canto-rail-unfold{0%{opacity:0;transform-origin:100% 0;transform:translate(34px)scaleX(1.08)}to{opacity:1;transform:translate(0)scaleX(1)}}@keyframes canto-rail-item-in{to{opacity:1;transform:translate(0)}}@keyframes canto-content-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}::view-transition-group(*){animation-duration:.4s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation:.22s both canto-page-out}::view-transition-new(root){animation:.36s both canto-page-in}@keyframes canto-page-out{to{opacity:.72}}@keyframes canto-page-in{0%{opacity:.72}}.canto-hero{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:center;gap:clamp(52px,8vw,130px);min-height:calc(100svh - 188px);display:grid}.canto-kicker,.canto-path>header>span,.canto-page-heading>span,.canto-key-sounds>header span,.canto-source-note>span{color:var(--build-signal);letter-spacing:.18em;font-family:Oxanium,sans-serif;font-size:9px;font-weight:700}.canto-hero h1{letter-spacing:-.08em;margin:18px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(64px,8.4vw,132px);font-weight:700;line-height:.88}.canto-hero h1 i,.canto-page-heading h1 i{color:var(--build-signal);font-style:normal}.canto-hero-copy>p{color:var(--build-muted);letter-spacing:.03em;margin:30px 0 0;font-size:clamp(17px,1.7vw,24px);line-height:1.75}.canto-primary{border:1px solid var(--build-signal);min-width:230px;min-height:56px;color:var(--build-paper);background:var(--build-signal);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);justify-content:space-between;align-items:center;gap:28px;margin-top:44px;padding:0 20px;font-weight:700;display:inline-flex}.build-system[data-build-theme=dark] .canto-primary{color:#041012}.canto-primary:hover{transform:translateY(-2px)}.canto-syllable-lab{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 72%, transparent);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);min-height:360px;padding:24px}.canto-syllable-lab>header{color:var(--build-muted);letter-spacing:.15em;justify-content:space-between;font-family:Oxanium,sans-serif;font-size:9px;display:flex}.canto-syllable-lab>header span{color:var(--build-lime-ink)}.canto-syllable{border-top:1px solid var(--build-line);border-bottom:1px solid var(--build-line);grid-template-columns:.7fr 1.5fr .7fr;margin-top:54px;display:grid}.canto-syllable>span{border-right:1px solid var(--build-line);flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:112px;padding:14px;display:flex}.canto-syllable>span:last-child{border-right:0}.canto-syllable small{color:var(--build-muted);font-size:9px}.canto-syllable strong{font-family:Oxanium,sans-serif;font-size:44px;line-height:1}.canto-syllable .is-tone strong{color:var(--build-signal)}.canto-syllable-result{grid-template-columns:52px 1fr 46px;align-items:center;gap:16px;min-height:84px;display:grid}.canto-syllable-result>span{border:1px solid var(--build-line);place-items:center;width:48px;height:48px;font-size:23px;display:grid}.canto-syllable-result strong{letter-spacing:.03em;font-family:Oxanium,sans-serif;font-size:25px}.canto-syllable-result button{border:1px solid var(--build-signal);width:44px;height:44px;color:var(--build-signal);background:0 0;place-items:center;display:grid}.canto-syllable-lab>p{color:var(--build-muted);margin:12px 0 0;font-size:11px;line-height:1.7}.canto-path{border-top:1px solid var(--build-line);padding:68px 0 28px}.canto-path>header{grid-template-columns:170px 1fr auto;align-items:baseline;gap:24px;display:grid}.canto-path>header h2{letter-spacing:-.04em;margin:0;font-family:Oxanium,PingFang SC,sans-serif;font-size:30px}.canto-path>header small{color:var(--build-muted);font-size:10px}.canto-path>div{border-top:1px solid var(--build-line);grid-template-columns:repeat(5,1fr);margin-top:32px;display:grid}.canto-path>div>button{text-align:left;border:0;border-right:1px solid var(--build-line);min-height:180px;color:var(--build-ink);background:0 0;grid-template-rows:auto auto 1fr;grid-template-columns:28px 1fr auto;gap:12px;padding:24px;display:grid}.canto-path>div>button:last-child{border-right:0}.canto-path>div>button:hover{color:var(--build-signal);background:var(--build-signal-soft)}.canto-path>div b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.canto-path>div svg{grid-column:2}.canto-path>div>button>svg:last-child{grid-area:1/3}.canto-path>div strong{grid-column:2/-1;font-size:20px}.canto-path>div span{color:var(--build-muted);grid-column:2/-1;font-size:11px}.canto-beginner-flow{min-height:calc(100svh - 160px);padding-bottom:34px}.canto-flow-switcher{grid-template-columns:minmax(280px,1fr) 88px minmax(300px,1fr);align-items:center;gap:0;display:grid}.canto-flow-switcher>button{border:1px solid var(--build-line);min-height:104px;color:var(--build-muted);background:color-mix(in srgb, var(--build-panel) 64%, transparent);text-align:left;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);grid-template-columns:58px 28px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:18px 22px;display:grid}.canto-flow-switcher>button:hover,.canto-flow-switcher>button:focus-visible{border-color:var(--build-ink);color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 84%, transparent)}.canto-flow-switcher>button[aria-disabled=true]{opacity:.46;cursor:not-allowed!important}.canto-flow-switcher>button.is-active{border-color:var(--build-signal);color:var(--build-ink);box-shadow:inset 0 0 0 1px var(--build-signal)}.canto-flow-switcher>button>b{width:58px;height:58px;color:var(--build-paper);background:var(--build-muted);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);place-items:center;font-family:Oxanium,sans-serif;font-size:20px;display:grid}.build-system[data-build-theme=dark] .canto-flow-switcher>button>b{color:#041012}.canto-flow-switcher>button.is-active>b{background:var(--build-signal)}.canto-flow-switcher>button strong{font-size:20px}.canto-flow-switcher>button>svg:last-child{justify-self:end}.canto-flow-switcher>i{background:var(--build-line);height:2px}.canto-coach-panel,.canto-scenario-panel{padding-top:56px}.canto-coach-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;display:grid}.canto-coach-heading h1,.canto-scenario-panel>header h1{letter-spacing:-.07em;margin:0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(52px,5.8vw,82px);line-height:.96}.canto-coach-heading h1 i,.canto-scenario-panel>header h1 i{color:var(--build-signal);font-style:normal}.canto-coach-heading ol{align-items:flex-start;gap:38px;margin:0;padding:0;list-style:none;display:flex}.canto-coach-heading li{min-width:78px;color:var(--build-muted);justify-content:center;align-items:center;display:flex;position:relative}.canto-coach-heading li:not(:last-child):after{background:var(--build-line);content:"";width:26px;height:1px;position:absolute;top:23px;left:calc(100% + 6px)}.canto-coach-heading li b{border:1px solid var(--build-line);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);place-items:center;width:48px;height:48px;font-family:Oxanium,sans-serif;font-size:17px;display:grid}.canto-coach-heading li.is-active{color:var(--build-ink)}.canto-coach-heading li.is-active b{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .canto-coach-heading li.is-active b{color:#041012}.canto-coach-workspace{border-top:1px solid var(--build-line);grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);gap:clamp(36px,6vw,88px);margin-top:42px;padding-top:36px;display:grid}.canto-coach-phrase{flex-direction:column;align-items:flex-start;display:flex}.canto-coach-phrase>strong{letter-spacing:-.06em;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(76px,8vw,112px);font-weight:700;line-height:.9}.canto-coach-phrase>span{color:var(--build-signal);letter-spacing:.04em;margin-top:18px;font-family:Oxanium,sans-serif;font-size:clamp(26px,3vw,40px);font-weight:700}.canto-coach-phrase>small{color:var(--build-muted);margin-top:12px;font-size:17px}.canto-coach-actions{flex-direction:column;align-items:stretch;display:flex}.canto-coach-topline{grid-template-columns:minmax(190px,.62fr) minmax(0,1fr);align-items:stretch;gap:28px;min-height:72px;display:grid}.canto-coach-topline>button{border:1px solid var(--build-signal);min-height:64px;color:var(--build-ink);background:0 0;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:15px;display:flex}.canto-coach-topline>button:hover,.canto-coach-topline>button:focus-visible,.canto-coach-topline>button.is-speaking{color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .canto-coach-topline>button:hover,.build-system[data-build-theme=dark] .canto-coach-topline>button:focus-visible,.build-system[data-build-theme=dark] .canto-coach-topline>button.is-speaking{color:#041012}.canto-coach-topline>p{border-left:1px solid var(--build-line);flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;margin:0;padding-left:24px;display:flex}.canto-coach-topline>p strong{font-size:17px;line-height:1.5}.canto-coach-primary{border:1px solid var(--build-signal);min-height:102px;color:var(--build-paper);background:var(--build-signal);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);justify-content:center;align-items:center;gap:24px;margin-top:20px;padding:0 36px;font-size:clamp(24px,2.5vw,34px);font-weight:700;display:flex}.build-system[data-build-theme=dark] .canto-coach-primary{color:#041012}.canto-coach-primary:hover,.canto-coach-primary:focus-visible{filter:saturate(1.15);transform:translateY(-2px)}.canto-coach-primary.is-recording{color:var(--build-ink);background:var(--build-orange)}.canto-coach-primary.is-recording svg{animation:.7s steps(2,end) infinite canto-recording-pulse}.canto-coach-primary.is-complete{color:#07100b;background:var(--build-lime);border-color:var(--build-lime-ink)}.canto-recording-note{color:var(--build-muted);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:9px;font-size:10px;display:flex}@keyframes canto-recording-pulse{50%{opacity:.35;transform:scale(.88)}}.canto-coach-traces{border:1px solid var(--build-line);margin-top:32px}.canto-coach-trace{border-bottom:1px solid var(--build-line);min-height:82px;color:var(--build-muted);grid-template-columns:120px minmax(0,1fr) 88px;align-items:center;gap:22px;padding:8px 20px;display:grid}.canto-coach-trace:last-child{border-bottom:0}.canto-coach-trace>strong{font-size:13px}.canto-coach-trace>div{border-right:1px dashed var(--build-line);border-left:1px dashed var(--build-line);grid-template-columns:repeat(12,1fr);align-items:center;gap:3px;height:58px;padding:0 6px;display:grid}.canto-coach-trace i{width:100%;height:var(--trace-height);opacity:.42;background:currentColor;transition:height .18s,opacity .18s;display:block}.canto-coach-trace.is-active{color:var(--build-signal)}.canto-coach-trace.is-active i{opacity:.9}.canto-coach-trace>span{color:var(--build-muted);text-align:right;font-size:11px}.canto-coach-footer{align-items:center;gap:24px;min-height:70px;display:flex}.canto-coach-footer>button{min-height:48px;color:var(--build-signal);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-family:Oxanium,PingFang SC,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.canto-coach-theory,.canto-scenario-hint{border-left:2px solid var(--build-signal);color:var(--build-muted);background:var(--build-signal-soft);margin:0;padding:18px 20px;font-size:13px;line-height:1.8}.canto-coach-theory b,.canto-scenario-hint b{color:var(--build-ink);font-family:Oxanium,sans-serif}.canto-scenario-panel{min-height:720px;position:relative;overflow:hidden}.canto-scenario-panel>header,.canto-scenario-list,.canto-scenario-actions,.canto-scenario-hint,.canto-scenario-outcome{z-index:2;position:relative}.canto-scenario-panel>header{max-width:900px}.canto-scenario-art{z-index:1;opacity:.18;mix-blend-mode:multiply;pointer-events:none;width:min(50vw,720px);height:auto;position:absolute;top:40px;right:-70px}.build-system[data-build-theme=dark] .canto-scenario-art{opacity:.28;filter:invert()saturate(.35);mix-blend-mode:screen}.canto-scenario-list{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 78%, transparent);width:min(78%,1020px);margin-top:36px}.canto-scenario-progress{border-bottom:1px solid var(--build-line);min-height:56px;color:var(--build-muted);justify-content:flex-end;align-items:center;gap:8px;padding:0 20px;display:flex}.canto-scenario-progress i{border:1px solid var(--build-line);width:34px;height:34px;color:var(--build-muted);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);place-items:center;font-style:normal;display:grid}.canto-scenario-progress i.is-active{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .canto-scenario-progress i.is-active{color:#041012}.canto-scenario-list article{border-bottom:1px solid var(--build-line);min-height:92px;color:var(--build-muted);grid-template-columns:46px minmax(0,1fr) 48px;align-items:center;gap:18px;padding:12px 18px;display:grid}.canto-scenario-list article:last-child{border-bottom:0}.canto-scenario-list article>b{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:17px}.canto-scenario-list article>span{grid-template-columns:minmax(210px,1fr) minmax(210px,.9fr) minmax(160px,.7fr);align-items:center;gap:18px;min-width:0;display:grid}.canto-scenario-list article strong{color:inherit;font-size:19px}.canto-scenario-list article small{font-family:Oxanium,sans-serif;font-size:11px;line-height:1.5}.canto-scenario-list article em{font-size:11px;font-style:normal}.canto-scenario-list article>button{border:1px solid var(--build-line);width:44px;height:44px;color:inherit;background:0 0;place-items:center;display:grid}.canto-scenario-list article.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 3px 0 0 var(--build-signal)}.canto-scenario-list article.is-active>b,.canto-scenario-list article.is-active small,.canto-scenario-list article.is-active>button{color:var(--build-signal);border-color:var(--build-signal)}.canto-scenario-list article.is-complete{color:var(--build-muted)}.canto-scenario-list article.is-complete>b,.canto-scenario-list article.is-complete>button{color:var(--build-muted);border-color:var(--build-line)}.canto-scenario-list article.is-locked{opacity:.52}.canto-scenario-actions{align-items:center;gap:24px;margin-top:30px;display:flex}.canto-scenario-actions .canto-primary{min-width:320px;margin-top:0}.canto-scenario-secondary{border:1px solid var(--build-signal);min-height:56px;color:var(--build-signal);background:0 0;align-items:center;gap:10px;padding:0 22px;display:inline-flex}.canto-scenario-secondary:hover,.canto-scenario-secondary:focus-visible{color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .canto-scenario-secondary:hover,.build-system[data-build-theme=dark] .canto-scenario-secondary:focus-visible{color:#041012}.canto-scenario-hint{width:min(78%,1020px);margin-top:20px}.canto-scenario-outcome{border-left:3px solid var(--build-signal);color:var(--build-muted);align-items:center;gap:11px;margin:36px 0 0;padding-left:16px;font-size:13px;display:flex}.canto-scenario-outcome.is-complete{border-left-color:var(--build-lime-ink);color:var(--build-lime-ink)}.canto-lesson{max-width:1180px;margin:0 auto;padding:58px 0 42px}.canto-page-heading{max-width:800px;padding-bottom:48px}.canto-page-heading h1{letter-spacing:-.07em;margin:18px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(50px,6.2vw,88px);line-height:.98}.canto-page-heading p{max-width:620px;color:var(--build-muted);margin:24px 0 0;font-size:15px;line-height:1.8}.canto-tone-summary{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 58%, transparent);margin-bottom:34px}.canto-tone-summary>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:24px;min-height:66px;padding:12px 16px;display:flex}.canto-tone-summary>header>span{flex-direction:column;gap:5px;display:flex}.canto-tone-summary>header small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-tone-summary>header strong{font-size:17px}.canto-tone-summary>header>div{align-items:center;gap:6px;display:flex}.canto-tone-summary>header b{border:1px solid var(--build-line);min-height:28px;color:var(--build-muted);align-items:center;padding:0 9px;font-size:8px;font-weight:500;display:inline-flex}.canto-tone-summary>header b:last-child{border-color:var(--build-lime-ink);color:var(--build-ink)}.canto-tone-summary-scroll{scrollbar-color:var(--build-signal) transparent;scrollbar-width:thin;overflow-x:auto}.canto-tone-summary-scroll:focus-visible{outline:2px solid var(--build-signal);outline-offset:-2px}.canto-tone-summary-stage{grid-template-columns:74px minmax(0,1fr);min-width:1050px;padding:18px 16px 20px;display:grid}.canto-tone-summary-stage>aside{z-index:2;height:286px;font-family:Oxanium,sans-serif;position:relative}.canto-tone-summary-stage>aside button{border:1px solid var(--build-line);width:62px;min-height:28px;color:var(--build-muted);background:var(--build-panel);text-align:left;grid-template-columns:1fr auto 12px;align-items:center;gap:4px;padding:0 6px;display:grid;position:absolute;right:8px;transform:translateY(-50%)}.canto-tone-summary-stage>aside button:hover,.canto-tone-summary-stage>aside button:focus-visible{border-color:var(--build-signal);color:var(--build-signal)}.canto-tone-summary-stage>aside button.is-playing{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .canto-tone-summary-stage>aside button.is-playing{color:#041012}.canto-tone-summary-stage>aside button strong{font-size:9px}.canto-tone-summary-stage>aside button small{font-size:7px}.canto-tone-summary-stage>aside button:first-child{top:74px}.canto-tone-summary-stage>aside button:nth-child(2){top:112px}.canto-tone-summary-stage>aside button:nth-child(3){top:150px}.canto-tone-summary-stage>aside button:nth-child(4){top:188px}.canto-tone-summary-stage>aside button:nth-child(5){top:226px}.canto-tone-summary-plot{height:286px;position:relative}.canto-tone-summary-rails{z-index:0;position:absolute;inset:74px 0 60px}.canto-tone-summary-rails i{background:var(--build-line);height:1px;position:absolute;left:0;right:0}.canto-tone-summary-rails i:first-child{top:0}.canto-tone-summary-rails i:nth-child(2){top:25%}.canto-tone-summary-rails i:nth-child(3){top:50%}.canto-tone-summary-rails i:nth-child(4){top:75%}.canto-tone-summary-rails i:nth-child(5){top:100%}.canto-tone-summary-columns{z-index:1;grid-template-columns:repeat(9,1fr);height:286px;display:grid;position:relative}.canto-tone-summary-columns>button{border:0;border-right:1px solid color-mix(in srgb, var(--build-line) 52%, transparent);min-width:0;color:var(--build-ink);text-align:left;background:0 0;padding:0;position:relative}.canto-tone-summary-columns>button:nth-child(6){border-right-color:var(--build-signal)}.canto-tone-summary-columns>button:last-child{border-right:0}.canto-tone-summary-columns>button:hover,.canto-tone-summary-columns>button:focus-visible{background:var(--build-signal-soft)}.canto-tone-summary-columns>button:focus-visible{z-index:3;outline:2px solid var(--build-signal);outline-offset:-2px}.canto-tone-summary-example{grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:end;column-gap:5px;height:54px;display:grid;position:absolute;top:5px;left:9px;right:9px}.canto-tone-summary-example em{color:var(--build-muted);align-self:start;font-family:Oxanium,sans-serif;font-size:11px;font-style:normal;font-weight:600}.canto-tone-summary-example strong{grid-row:2;font-size:23px;line-height:1}.canto-tone-summary-example small{color:var(--build-signal);grid-area:1/2;align-self:start;font-family:Oxanium,sans-serif;font-size:7px}.canto-tone-summary-columns>button.is-checked .canto-tone-summary-example em{color:var(--build-lime-ink)}.canto-tone-summary-vector{position:absolute;inset:74px 0 60px}.canto-tone-summary-vector>i{bottom:var(--tone-bottom);width:var(--tone-length);background:var(--build-signal);height:3px;box-shadow:0 0 0 1px color-mix(in srgb, var(--build-signal) 14%, transparent);transform:rotate(var(--tone-angle));transform-origin:0;transition:height .18s,filter .18s;position:absolute;left:17%}.canto-tone-summary-columns>button:hover .canto-tone-summary-vector>i,.canto-tone-summary-columns>button:focus-visible .canto-tone-summary-vector>i{filter:saturate(1.15);height:5px}.canto-tone-summary-columns>button.is-checked .canto-tone-summary-vector>i:after{background:var(--build-signal);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:-3px;transform:translateY(-50%)}.canto-tone-summary-caption{flex-direction:column;gap:3px;display:flex;position:absolute;bottom:5px;left:8px;right:8px}.canto-tone-summary-caption b{font-size:10px}.canto-tone-summary-caption small{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px}.canto-tone-summary-columns>button>svg{color:var(--build-signal);opacity:0;transition:opacity .18s,transform .18s;position:absolute;bottom:9px;right:8px}.canto-tone-summary-columns>button:hover>svg,.canto-tone-summary-columns>button:focus-visible>svg{opacity:1;transform:translateY(-18px)}.canto-tone-summary>footer{border-top:1px solid var(--build-line);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:10px 16px;display:grid}.canto-tone-summary>footer>span{color:var(--build-signal);letter-spacing:.12em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-tone-summary>footer p,.canto-tone-summary>footer small{color:var(--build-muted);margin:0;font-size:9px;line-height:1.6}.canto-tone-summary>footer small{text-align:right;max-width:320px}.canto-nine-tone-map{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 58%, transparent);margin-bottom:34px}.canto-nine-tone-map>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:0 16px;display:flex}.canto-nine-tone-map>header span{font-size:14px;font-weight:600}.canto-nine-tone-map>header small{color:var(--build-muted);font-size:9px}.canto-nine-tone-map>div{grid-template-columns:repeat(3,1fr);display:grid}.canto-nine-tone-map button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:78px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:24px minmax(0,1fr) 54px 30px;align-items:center;gap:8px;padding:0 14px;display:grid}.canto-nine-tone-map button:nth-child(3n){border-right:0}.canto-nine-tone-map button:nth-last-child(-n+3){border-bottom:0}.canto-nine-tone-map button:hover,.canto-nine-tone-map button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-nine-tone-map button>b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.canto-nine-tone-map button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.canto-nine-tone-map button strong{font-size:13px}.canto-nine-tone-map button small{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.canto-nine-tone-map button em{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:9px;font-style:normal}.canto-nine-tone-map button i{color:var(--build-lime-ink);font-family:Oxanium,sans-serif;font-size:12px;font-style:normal;font-weight:700}.canto-tone-grid{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,1fr);display:grid}.canto-tone-grid article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:260px;padding:20px}.canto-tone-grid article>header{color:var(--build-muted);letter-spacing:.15em;justify-content:space-between;font-family:Oxanium,sans-serif;font-size:8px;display:flex}.canto-tone-grid article>header b{color:var(--build-lime-ink)}.canto-tone-grid article>button{text-align:left;width:100%;min-height:108px;color:var(--build-ink);background:0 0;border:0;grid-template-columns:64px 1fr 42px;align-items:center;padding:0;display:grid}.canto-tone-grid article>button>span{font-size:46px}.canto-tone-grid article>button strong{font-family:Oxanium,sans-serif;font-size:28px}.canto-tone-grid article>button svg{color:var(--build-signal)}.canto-tone-grid h3{margin:12px 0 0;font-size:16px}.canto-tone-grid p{color:var(--build-muted);margin:7px 0 0;font-size:11px}.canto-sound-panel{display:block}.canto-initial-grid{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(4,1fr);display:grid}.canto-initial-grid button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:132px;color:var(--build-ink);text-align:left;background:0 0;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;align-items:center;padding:16px;display:grid}.canto-initial-grid button:hover,.canto-initial-grid button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-initial-grid button>small{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px}.canto-initial-grid button>strong{grid-column:1;align-self:end;font-family:Oxanium,sans-serif;font-size:38px;line-height:1}.canto-initial-grid button>span{color:var(--build-muted);grid-area:1/2;font-family:Oxanium,sans-serif;font-size:9px}.canto-initial-grid button>em{color:var(--build-muted);grid-area:3/1;margin-top:10px;font-size:10px;font-style:normal}.canto-initial-grid button>svg{color:var(--build-signal);grid-area:2/2/4;align-self:end}.canto-final-grid{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(2,1fr);display:grid}.canto-final-grid article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:220px;padding:20px}.canto-final-grid article>header{color:var(--build-muted);letter-spacing:.13em;justify-content:space-between;align-items:center;font-family:Oxanium,sans-serif;font-size:8px;display:flex}.canto-final-grid article>strong{margin:32px 0 22px;font-family:Oxanium,sans-serif;font-size:42px;line-height:1;display:block}.canto-final-grid article>div{flex-wrap:wrap;gap:6px;display:flex}.canto-final-grid article>div button{border:1px solid var(--build-line);min-height:34px;color:var(--build-ink);background:0 0;align-items:center;gap:6px;padding:0 9px;font-size:10px;display:inline-flex}.canto-final-grid article>div button:hover,.canto-final-grid article>div button:focus-visible{color:var(--build-signal);border-color:var(--build-signal);background:var(--build-signal-soft)}.canto-final-grid article>div button span{font-family:Oxanium,sans-serif}.canto-final-grid article>div button b{font-weight:650}.canto-final-grid article>div button svg{color:var(--build-signal)}.canto-panel-note{border:1px solid var(--build-line);min-height:72px;color:var(--build-muted);align-items:center;gap:24px;margin:28px 0 0;padding:0 18px;font-size:11px;display:flex}.canto-panel-note b{color:var(--build-signal);letter-spacing:.08em;font-family:Oxanium,sans-serif;font-size:10px}.canto-formula{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 64%, transparent);grid-template-columns:repeat(7,auto);justify-content:center;align-items:center;gap:18px;min-height:150px;display:grid}.canto-formula>span{border:1px solid var(--build-line);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:122px;min-height:98px;padding:14px;display:flex}.canto-formula>span.is-result{border-color:var(--build-signal);color:var(--build-signal)}.canto-formula small{color:var(--build-muted);font-size:8px}.canto-formula strong{font-size:12px}.canto-formula b{font-family:Oxanium,sans-serif;font-size:28px}.canto-formula>i{color:var(--build-muted);font-family:Oxanium,sans-serif;font-style:normal}.canto-chart-table{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);margin-top:30px;overflow-x:auto}.canto-chart-table>header,.canto-chart-table>div{border-bottom:1px solid var(--build-line);grid-template-columns:120px 150px minmax(480px,1fr);min-width:760px;display:grid}.canto-chart-table>header{color:var(--build-muted);background:color-mix(in srgb, var(--build-panel) 64%, transparent);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:8px}.canto-chart-table :is(header,div)>*{border-right:1px solid var(--build-line);align-items:center;min-height:54px;margin:0;padding:12px 14px;display:flex}.canto-chart-table>div strong{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:18px}.canto-chart-table>div span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:10px}.canto-chart-table>div p{flex-wrap:wrap;gap:6px;font-size:10px;line-height:1.7}.canto-chart-table>div p button{border:1px solid var(--build-line);min-height:32px;color:var(--build-ink);background:0 0;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.canto-chart-table>div p button:hover,.canto-chart-table>div p button:focus-visible{color:var(--build-signal);border-color:var(--build-signal);background:var(--build-signal-soft)}.canto-chart-table>div p button b{font-family:Oxanium,sans-serif;font-size:9px}.canto-chart-table>div p button em{font-size:11px;font-style:normal}.canto-chart-table>div p button svg{color:var(--build-signal)}.canto-chart-section-heading{border-top:1px solid var(--build-ink);border-bottom:1px solid var(--build-line);grid-template-columns:180px minmax(0,1fr) minmax(240px,.72fr);align-items:center;gap:24px;min-height:112px;margin-top:48px;padding:18px 0;display:grid}.canto-chart-section-heading>span{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-chart-section-heading h2{letter-spacing:-.04em;margin:0;font-size:28px}.canto-chart-section-heading p{color:var(--build-muted);margin:0;font-size:11px;line-height:1.7}.canto-combination-table,.canto-coda-table{margin-top:0}.canto-combination-table>header,.canto-combination-table>div,.canto-coda-table>header,.canto-coda-table>div{grid-template-columns:100px 190px minmax(610px,1fr);min-width:900px}.canto-combination-table>div p button{min-height:42px}.canto-combination-table>div p button b{color:var(--build-muted)}.canto-combination-table>div p button i{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px;font-style:normal}.canto-combination-table>div p button em{font-weight:700}.canto-coda-table>div p>small{color:var(--build-muted);flex:0 0 100%;margin-bottom:2px;font-size:9px;line-height:1.6}.canto-pronunciation-chart.is-day-one{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 46%, transparent);margin-top:42px;padding:clamp(22px,4vw,52px)}.canto-pronunciation-chart.is-day-one .canto-page-heading{max-width:900px}.canto-official-link{border:1px solid var(--build-signal);min-height:72px;color:var(--build-signal);justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding:0 18px;display:flex}.canto-official-link>span{flex-direction:column;gap:4px;display:flex}.canto-official-link small{letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:8px}.canto-official-link strong{font-size:12px}.canto-course-roadmap,.canto-english-sound-grid{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);display:grid}.canto-course-roadmap{grid-template-columns:repeat(5,1fr)}.canto-english-sound-grid{grid-template-columns:repeat(4,1fr)}.canto-course-roadmap button,.canto-english-sound-grid article{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:220px;color:var(--build-ink);text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:18px;padding:20px;display:flex}.canto-course-roadmap button:hover,.canto-course-roadmap button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-course-roadmap small,.canto-english-sound-grid small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.canto-course-roadmap strong,.canto-english-sound-grid strong{margin-top:auto;font-family:Oxanium,PingFang SC,sans-serif;font-size:22px}.canto-course-roadmap span,.canto-english-sound-grid span{color:var(--build-muted);font-size:11px;line-height:1.6}.canto-course-roadmap button>svg:last-child{align-self:flex-end}.canto-key-sounds{margin-top:76px}.canto-key-sounds>header{align-items:baseline;gap:28px;margin-bottom:22px;display:flex}.canto-key-sounds>header h2{margin:0;font-size:28px}.canto-key-sounds details{border-top:1px solid var(--build-line)}.canto-key-sounds details:last-child{border-bottom:1px solid var(--build-line)}.canto-key-sounds summary{cursor:pointer;grid-template-columns:46px 150px 1fr 42px;align-items:center;gap:14px;min-height:78px;list-style:none;display:grid}.canto-key-sounds summary::-webkit-details-marker{display:none}.canto-key-sounds summary b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.canto-key-sounds summary strong{font-family:Oxanium,sans-serif;font-size:20px}.canto-key-sounds summary span,.canto-key-sounds details p{color:var(--build-muted);font-size:12px}.canto-key-sounds details[open] summary{color:var(--build-signal)}.canto-key-sounds details[open] summary svg{transform:rotate(45deg)}.canto-key-sounds details p{margin:0;padding:0 60px 24px 210px;line-height:1.8}.canto-vocab-summary{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.canto-vocab-summary>span,.canto-vocab-summary>a{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:112px;color:var(--build-ink);flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:18px;display:flex}.canto-vocab-summary>a{padding-right:52px;text-decoration:none;position:relative}.canto-vocab-summary>a>span{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.canto-vocab-summary>a>svg{color:var(--build-signal);position:absolute;top:18px;right:18px}.canto-vocab-summary>a:hover,.canto-vocab-summary>a:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-vocab-summary small{color:var(--build-signal);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-vocab-summary strong{font-family:Oxanium,PingFang SC,sans-serif;font-size:25px;line-height:1.1}.canto-vocab-summary em{color:var(--build-muted);font-size:9px;font-style:normal}.canto-filter{border-bottom:1px solid var(--build-line);flex-wrap:wrap;min-height:56px;display:flex}.canto-filter button{border:0;border-right:1px solid var(--build-line);min-width:92px;min-height:54px;color:var(--build-muted);background:0 0;padding:0 18px}.canto-filter button.is-active{color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .canto-filter button.is-active{color:#041012}.canto-word-list article{border-bottom:1px solid var(--build-line)}.canto-word-main{text-align:left;width:100%;min-height:92px;color:var(--build-ink);background:0 0;border:0;grid-template-columns:48px minmax(110px,.7fr) minmax(150px,.8fr) 1fr 30px;align-items:center;gap:18px;padding:0 14px;display:grid}.canto-word-main:hover{background:var(--build-signal-soft)}.canto-word-main b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.canto-word-main strong{font-size:25px}.canto-word-main>span{font-family:Oxanium,sans-serif;font-size:18px}.canto-word-main small{color:var(--build-muted);font-size:11px}.canto-word-list article.is-open .canto-word-main{color:var(--build-signal)}.canto-word-list article.is-open .canto-word-main>svg{transform:rotate(180deg)}.canto-word-detail{padding:0 14px 28px 80px}.canto-word-note{border-top:1px solid var(--build-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 24px;min-height:104px;padding:16px 0;display:grid}.canto-word-note>span{color:var(--build-signal);letter-spacing:.12em;grid-column:1;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-word-note p{color:var(--build-muted);grid-column:1;margin:0;font-size:12px;line-height:1.75}.canto-word-note button{border:1px solid var(--build-signal);min-width:116px;min-height:42px;color:var(--build-signal);background:0 0;grid-area:1/2/3;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.canto-word-note button:hover,.canto-word-note button:focus-visible{color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .canto-word-note button:hover,.build-system[data-build-theme=dark] .canto-word-note button:focus-visible{color:#041012}.canto-word-examples{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);margin:0;padding:0;list-style:none}.canto-word-examples li{border-bottom:1px solid var(--build-line);grid-template-columns:42px minmax(0,1fr) 52px;align-items:stretch;min-height:104px;display:grid}.canto-word-examples li>b{color:var(--build-signal);border-right:1px solid var(--build-line);text-align:center;padding-top:18px;font-family:Oxanium,sans-serif;font-size:8px}.canto-word-examples li>span{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-width:0;padding:15px 18px;display:flex}.canto-word-examples strong{font-size:18px;line-height:1.35}.canto-word-examples small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px;line-height:1.5}.canto-word-examples em{color:var(--build-muted);font-size:10px;font-style:normal;line-height:1.5}.canto-word-examples li>button{border:0;border-right:1px solid var(--build-line);border-left:1px solid var(--build-line);min-width:0;color:var(--build-signal);background:0 0}.canto-word-examples li>button:hover,.canto-word-examples li>button:focus-visible{color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .canto-word-examples li>button:hover,.build-system[data-build-theme=dark] .canto-word-examples li>button:focus-visible{color:#041012}.canto-word-detail>footer{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);border-left:1px solid var(--build-line);min-height:54px;color:var(--build-muted);justify-content:space-between;align-items:center;gap:18px;padding:0 14px;font-size:9px;display:flex}.canto-word-detail>footer a{color:var(--build-signal);white-space:nowrap;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.canto-grammar-grid{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(2,1fr);display:grid}.canto-grammar-grid article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);flex-direction:column;min-height:340px;padding:20px;display:flex}.canto-grammar-grid article>header{flex-direction:column;gap:7px;display:flex}.canto-grammar-grid article>header small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.canto-grammar-grid article>header strong{font-size:20px}.canto-grammar-rule{border-left:2px solid var(--build-signal);min-height:48px;color:var(--build-signal);background:var(--build-signal-soft);align-items:center;margin-top:26px;padding:0 12px;font-size:12px;font-weight:700;display:flex}.canto-grammar-tokens{flex-wrap:wrap;margin-top:15px;display:flex}.canto-grammar-tokens span{border:1px solid var(--build-line);border-right:0;align-items:center;min-height:34px;padding:0 10px;font-size:11px;display:inline-flex}.canto-grammar-tokens span:last-child{border-right:1px solid var(--build-line)}.canto-grammar-grid article>button{border:1px solid var(--build-line);width:100%;min-height:74px;color:var(--build-ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:0 12px;display:flex}.canto-grammar-grid article>button:hover,.canto-grammar-grid article>button:focus-visible{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}.canto-grammar-grid article>button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.canto-grammar-grid article>button strong{font-size:18px}.canto-grammar-grid article>button small{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-family:Oxanium,sans-serif;font-size:9px;overflow:hidden}.canto-grammar-grid article>button svg{color:var(--build-signal);flex:none}.canto-grammar-grid article>p{color:var(--build-muted);margin:16px 0 0;font-size:11px;line-height:1.75}.canto-pattern-grid{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,1fr);display:grid}.canto-pattern-grid article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);flex-direction:column;min-height:300px;padding:20px;display:flex}.canto-pattern-grid article>header{color:var(--build-muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.canto-pattern-grid article>header small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.canto-pattern-grid article>header span{font-size:9px}.canto-pattern-grid article>strong{letter-spacing:-.04em;margin:36px 0 28px;font-size:30px}.canto-pattern-grid article>button{border:1px solid var(--build-line);width:100%;min-height:112px;color:var(--build-ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:18px;margin-top:auto;padding:14px;display:flex}.canto-pattern-grid article>button:hover,.canto-pattern-grid article>button:focus-visible{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}.canto-pattern-grid article>button>span{flex-direction:column;gap:5px;min-width:0;display:flex}.canto-pattern-grid article>button b{font-size:17px}.canto-pattern-grid article>button small{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-family:Oxanium,sans-serif;font-size:9px;overflow:hidden}.canto-pattern-grid article>button em{color:var(--build-muted);font-size:10px;font-style:normal}.canto-pattern-grid article>button svg{color:var(--build-signal);flex:none}.canto-practice-shell{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 74%, transparent);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.canto-practice-shell>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:68px;padding:0 24px;display:flex}.canto-practice-shell>header span{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:9px}.canto-practice-shell>header b{font-size:12px}.canto-practice-word{border-bottom:1px solid var(--build-line);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:230px;display:flex}.canto-practice-word strong{letter-spacing:.04em;font-size:clamp(62px,8vw,104px);font-weight:600}.canto-practice-word button{border:1px solid var(--build-line);min-height:44px;color:var(--build-signal);background:0 0;align-items:center;gap:8px;padding:0 15px;display:inline-flex}.canto-practice-options{grid-template-columns:repeat(3,1fr);gap:12px;padding:24px;display:grid}.canto-practice-options button{border:1px solid var(--build-line);min-height:68px;color:var(--build-ink);background:0 0;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.canto-practice-options button:not(:disabled):hover{border-color:var(--build-signal);color:var(--build-signal)}.canto-practice-options button.is-chosen{border-color:var(--build-orange);background:color-mix(in srgb, var(--build-orange) 11%, transparent)}.canto-practice-options button.is-answer{border-color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 14%, transparent)}.canto-practice-options span{font-family:Oxanium,sans-serif;font-size:16px}.canto-practice-feedback{border-top:1px solid var(--build-orange);justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:12px 24px;display:flex}.canto-practice-feedback.is-correct{border-color:var(--build-lime-ink)}.canto-practice-feedback>div{flex-direction:column;gap:4px;display:flex}.canto-practice-feedback small{color:var(--build-orange);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.canto-practice-feedback.is-correct small{color:var(--build-lime-ink)}.canto-practice-feedback button{min-height:44px;color:var(--build-paper);background:var(--build-signal);border:0;align-items:center;gap:12px;padding:0 16px;display:inline-flex}.build-system[data-build-theme=dark] .canto-practice-feedback button{color:#041012}.canto-lesson-footer{border-top:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:18px;min-height:90px;margin-top:52px;padding-top:24px;display:flex}.canto-lesson-footer button{border:1px solid var(--build-line);min-height:48px;color:var(--build-ink);background:0 0;align-items:center;gap:9px;padding:0 16px;display:inline-flex}.canto-lesson-footer button:last-child{border-color:var(--build-signal);color:var(--build-signal)}.canto-lesson-footer button.is-complete{border-color:var(--build-lime-ink)}.canto-source-note{border-top:1px solid var(--build-line);grid-template-columns:170px 1fr auto;align-items:start;gap:28px;margin-top:92px;padding:28px 0;display:grid}.canto-source-note p{max-width:720px;color:var(--build-muted);margin:0;font-size:10px;line-height:1.7}.canto-source-note>div{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.canto-source-note a{color:var(--build-signal);align-items:center;gap:6px;font-size:10px;text-decoration:none;display:inline-flex}.canto-toast{z-index:90;border:1px solid var(--build-orange);color:var(--build-ink);background:var(--build-panel);padding:13px 16px;font-size:11px;position:fixed;bottom:28px;right:28px}.canto-module-summary,.canto-course-map{border-top:1px solid var(--build-ink);margin-top:96px}.canto-module-summary>header,.canto-course-map>header{border-bottom:1px solid var(--build-line);grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:104px;display:grid}.canto-module-summary>header>span,.canto-course-map>header>span,.canto-scene-flow>header>span,.canto-lesson-check>span,.canto-outline-state>span{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-module-summary>header h2,.canto-course-map>header h2{letter-spacing:-.04em;margin:0;font-size:28px}.canto-module-summary>header small,.canto-course-map>header small{color:var(--build-muted);font-size:10px}.canto-module-summary>div{border-left:1px solid var(--build-line);grid-template-columns:repeat(2,1fr);display:grid}.canto-module-summary>div>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:238px;color:var(--build-ink);text-align:left;background:0 0;flex-direction:column;align-items:stretch;padding:20px;display:flex}.canto-module-summary>div>button:hover,.canto-module-summary>div>button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-module-summary button>header{grid-template-columns:1fr auto auto;align-items:center;gap:12px;display:grid}.canto-module-summary button>header small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.canto-module-summary button>strong{margin-top:34px;font-size:25px}.canto-module-summary button>p{color:var(--build-muted);margin:10px 0 24px;font-size:11px;line-height:1.65}.canto-module-summary button>div{color:var(--build-muted);align-items:center;gap:7px;margin-top:auto;font-size:9px;display:flex}.canto-module-summary button>div i{color:var(--build-signal);font-style:normal}.canto-article-index{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.canto-article-index>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:330px;color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 42%, transparent);text-align:left;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.canto-article-index>button:hover,.canto-article-index>button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-article-index small,.canto-contact-panel small{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-article-index strong{letter-spacing:-.04em;max-width:280px;margin-top:64px;font-size:26px;line-height:1.22}.canto-article-index p{max-width:300px;color:var(--build-muted);margin:18px 0 0;font-size:11px;line-height:1.75}.canto-article-index span{border-top:1px solid var(--build-line);width:100%;color:inherit;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:10px;font-weight:700;display:flex}.canto-contact-panel{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 42%, transparent);grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);min-height:370px;display:grid}.canto-contact-panel>div{border-right:1px solid var(--build-line);flex-direction:column;justify-content:center;align-items:flex-start;padding:34px;display:flex}.canto-contact-panel>div strong{letter-spacing:-.05em;margin-top:22px;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(34px,4.4vw,64px);line-height:1}.canto-contact-panel>div p{max-width:560px;color:var(--build-muted);margin:22px 0 0;font-size:12px;line-height:1.75}.canto-contact-panel>button{min-height:100%;color:var(--build-paper);background:var(--build-signal);text-align:left;border:0;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:18px;padding:34px;display:grid}.build-system[data-build-theme=dark] .canto-contact-panel>button{color:#031012}.canto-contact-panel>button:hover,.canto-contact-panel>button:focus-visible{color:#07100b;background:var(--build-lime)}.canto-contact-panel>button span{flex-direction:column;gap:8px;display:flex}.canto-contact-panel>button small{color:inherit}.canto-contact-panel>button strong{font-size:20px}.canto-stage-grid{border-left:1px solid var(--build-line);grid-template-columns:repeat(2,1fr);display:grid}.canto-stage-grid>article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0}.canto-stage-grid>article>header{flex-direction:column;align-items:flex-start;min-height:166px;padding:22px;display:flex}.canto-stage-grid>article>header small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.canto-stage-grid>article>header strong{margin-top:28px;font-size:25px}.canto-stage-grid>article>header p{color:var(--build-muted);margin:8px 0 0;font-size:11px;line-height:1.65}.canto-stage-grid>article>div{border-top:1px solid var(--build-line)}.canto-stage-grid button{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:76px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:0 18px;display:grid}.canto-stage-grid button:last-child{border-bottom:0}.canto-stage-grid button:hover,.canto-stage-grid button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-stage-grid button.is-sample{box-shadow:inset 3px 0 var(--build-signal)}.canto-stage-grid button.is-complete{box-shadow:inset 3px 0 var(--build-lime-ink)}.canto-stage-grid button>b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.canto-stage-grid button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.canto-stage-grid button>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.canto-stage-grid button>span small{color:var(--build-muted);font-size:9px}.canto-month-switch{border-right:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(2,1fr);display:grid}.canto-month-switch>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:96px;color:var(--build-muted);text-align:left;background:0 0;grid-template-columns:1fr auto;align-items:center;gap:5px 18px;padding:16px 20px;display:grid}.canto-month-switch>button:last-child{border-right:0}.canto-month-switch>button:hover,.canto-month-switch>button:focus-visible{color:var(--build-ink);background:var(--build-signal-soft)}.canto-month-switch>button.is-active{color:var(--build-ink);box-shadow:inset 0 -3px var(--build-signal)}.canto-month-switch small{color:var(--build-signal);letter-spacing:.16em;grid-column:1/-1;font-family:Oxanium,sans-serif;font-size:8px}.canto-month-switch strong{font-family:Oxanium,sans-serif;font-size:19px}.canto-month-switch span{font-family:Oxanium,sans-serif;font-size:10px}.canto-stage-tabs{border-left:1px solid var(--build-line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.canto-stage-tabs>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:92px;color:var(--build-muted);text-align:left;background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:14px;display:flex}.canto-stage-tabs>button:hover,.canto-stage-tabs>button:focus-visible{color:var(--build-ink);background:var(--build-signal-soft)}.canto-stage-tabs>button.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 0 -3px var(--build-signal)}.canto-stage-tabs small{color:var(--build-signal);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:8px}.canto-stage-tabs strong{font-size:14px}.canto-stage-tabs span{font-family:Oxanium,sans-serif;font-size:8px}.canto-stage-focus{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);border-left:1px solid var(--build-line)}.canto-stage-focus>header{border-bottom:1px solid var(--build-line);grid-template-columns:170px minmax(0,1fr);align-items:center;gap:10px 26px;min-height:138px;padding:20px;display:grid}.canto-stage-focus>header small{color:var(--build-signal);letter-spacing:.14em;grid-row:1/3;font-family:Oxanium,sans-serif;font-size:8px}.canto-stage-focus>header strong{align-self:end;font-size:27px}.canto-stage-focus>header p{max-width:620px;color:var(--build-muted);align-self:start;margin:0;font-size:11px;line-height:1.65}.canto-stage-focus>div{grid-template-columns:repeat(2,1fr);display:grid}.canto-stage-focus>div>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:112px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:52px 110px minmax(0,1fr) 22px;align-items:center;gap:14px;padding:14px 16px;display:grid}.canto-stage-focus>div>button:nth-child(2n){border-right:0}.canto-stage-focus>div>button:hover,.canto-stage-focus>div>button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-stage-focus>div>button.is-sample{box-shadow:inset 3px 0 var(--build-signal)}.canto-stage-focus>div>button.is-complete{box-shadow:inset 3px 0 var(--build-lime-ink)}.canto-stage-focus button>b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:10px}.canto-day-word,.canto-day-theme{flex-direction:column;gap:5px;min-width:0;display:flex}.canto-day-word strong{text-overflow:ellipsis;white-space:nowrap;font-size:22px;overflow:hidden}.canto-day-word small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.canto-day-theme strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.canto-day-theme small{color:var(--build-muted);font-size:9px}.canto-scene-flow{border:1px solid var(--build-line);margin-bottom:34px}.canto-scene-flow>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:62px;padding:0 16px;display:flex}.canto-scene-flow>header strong{font-size:14px}.canto-scene-flow>div{justify-content:space-between;align-items:center;gap:13px;min-height:90px;padding:14px 18px;display:flex}.canto-scene-flow>div>span{align-items:center;gap:10px;min-width:118px;display:flex}.canto-scene-flow>div small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.canto-scene-flow>div b{font-size:11px}.canto-scene-flow>div>svg{color:var(--build-muted);flex:none}.canto-lesson-back{min-height:44px;color:var(--build-ink);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:11px;font-weight:700;display:inline-flex}.canto-scene-overview{border-bottom:1px solid var(--build-ink);grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:72px;min-height:min(600px,100svh - 220px);padding:64px 0;display:grid}.canto-scene-overview>div>small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:9px}.canto-scene-overview h1{letter-spacing:-.075em;max-width:920px;margin:18px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(58px,8vw,118px);line-height:.9}.canto-scene-overview h1 i{color:var(--build-signal);font-style:normal}.canto-scene-overview>div>p{max-width:700px;color:var(--build-muted);margin:28px 0 0;font-size:17px;line-height:1.75}.canto-scene-overview>aside{border:1px solid var(--build-line);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);flex-direction:column;align-items:flex-start;min-height:198px;padding:18px;display:flex}.canto-scene-overview>aside span{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px}.canto-scene-overview>aside strong{margin-top:auto;font-size:22px}.canto-scene-overview>aside small{color:var(--build-muted);margin-top:8px;font-size:10px}.canto-focus-word>button{border:0;border-top:1px solid var(--build-line);width:100%;min-height:132px;color:var(--build-ink);text-align:left;background:0 0;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 28px;align-items:end;margin-top:12px;padding:12px 0 0;display:grid}.canto-focus-word>button:hover,.canto-focus-word>button:focus-visible{color:var(--build-signal)}.canto-focus-word>button strong{grid-column:1;margin:0;font-family:Oxanium,PingFang SC,sans-serif;font-size:40px;line-height:1}.canto-focus-word>button small{color:var(--build-signal);grid-column:1;margin:8px 0 0;font-family:Oxanium,sans-serif;font-size:12px}.canto-focus-word>button em{color:var(--build-muted);grid-column:1;margin-top:5px;font-size:10px;font-style:normal}.canto-focus-word>button svg{color:var(--build-signal);grid-area:1/2/4;align-self:center}.canto-lesson-essence{border:1px solid var(--build-line);background-color:color-mix(in srgb, var(--build-panel) 76%, transparent);background-image:linear-gradient(var(--build-grid) 1px, transparent 1px), linear-gradient(90deg, var(--build-grid) 1px, transparent 1px);background-size:32px 32px;margin:38px 0 0}.canto-lesson-essence>header{border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 80%, transparent);justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:14px 18px;display:flex}.canto-lesson-essence>header>div{flex-direction:column;gap:6px;min-width:0;display:flex}.canto-lesson-essence>header small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-lesson-essence>header strong{font-size:14px}.canto-lesson-essence>header>span{color:var(--build-muted);flex:none;font-size:9px}.canto-lesson-essence-formula{grid-template-columns:repeat(3,minmax(0,1fr) 34px) minmax(0,1.16fr);align-items:stretch;gap:8px;padding:38px clamp(18px,3vw,44px);display:grid}.canto-lesson-essence-formula>article{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 84%, transparent);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;min-height:196px;padding:20px 16px;display:flex}.canto-lesson-essence-formula>article>small{color:var(--build-muted);font-size:8px}.canto-lesson-essence-formula>article>span{margin-top:10px;font-size:11px;font-weight:800}.canto-lesson-essence-formula>article>strong{overflow-wrap:anywhere;letter-spacing:-.035em;width:100%;margin:auto 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(19px,1.8vw,27px);line-height:1.15}.canto-lesson-essence-formula>article>em{min-height:18px;color:var(--build-muted);margin-top:12px;font-family:Oxanium,PingFang SC,sans-serif;font-size:9px;font-style:normal;line-height:1.5}.canto-lesson-essence-formula>b{color:var(--build-muted);place-items:center;font-family:Oxanium,sans-serif;font-size:22px;font-weight:500;display:grid}.canto-lesson-essence-formula>article.is-result{border-color:var(--build-signal)}.canto-lesson-essence-formula>article.is-result>small,.canto-lesson-essence-formula>article.is-result>span,.canto-lesson-essence-formula>article.is-result>strong{color:var(--build-signal)}.canto-lesson-essence-formula>article.is-result>strong{font-size:clamp(22px,2vw,31px)}.canto-lesson-essence>footer{border-top:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 80%, transparent);grid-template-columns:122px minmax(0,1fr);align-items:center;gap:22px;min-height:72px;padding:14px 18px;display:grid}.canto-lesson-essence>footer span{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-lesson-essence>footer strong{font-size:13px;line-height:1.6}.canto-outline-state{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 60%, transparent);flex-direction:column;justify-content:center;align-items:flex-start;min-height:420px;padding:54px;display:flex}.canto-outline-state h2{letter-spacing:-.055em;max-width:780px;margin:26px 0 0;font-size:clamp(34px,5vw,68px);line-height:1}.canto-outline-state p{max-width:650px;color:var(--build-muted);margin:24px 0 0;font-size:13px;line-height:1.75}.canto-outline-state button{border:1px solid var(--build-signal);min-width:220px;min-height:50px;color:var(--build-signal);background:0 0;justify-content:space-between;align-items:center;margin-top:38px;padding:0 16px;display:flex}.canto-scene-block{border-top:1px solid var(--build-ink);margin-top:48px}.canto-scene-block>header{border-bottom:1px solid var(--build-line);grid-template-columns:170px minmax(0,1fr);align-items:center;min-height:92px;display:grid}.canto-scene-block>header small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:8px}.canto-scene-block>header h2{letter-spacing:-.04em;margin:0;font-size:28px}.canto-scene-block.is-scene>div,.canto-scene-block.is-culture>div{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);align-items:center;gap:42px;min-height:180px;padding:28px;display:grid}.canto-scene-block.is-scene p,.canto-scene-block.is-culture p{color:var(--build-muted);margin:0;font-size:16px;line-height:1.8}.canto-scene-block.is-scene strong{border-left:3px solid var(--build-signal);padding:24px;font-size:20px;line-height:1.5}.canto-course-motion-frame{min-width:0}.canto-practice-module-heading{border-top:1px solid var(--build-ink);border-bottom:1px solid var(--build-line);grid-template-columns:170px minmax(0,1fr);align-items:center;min-height:92px;margin-top:48px;display:grid}.canto-practice-module-heading small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:8px}.canto-practice-module-heading h2{letter-spacing:-.04em;margin:0;font-size:28px}.canto-scene-block.is-materials>div{border-left:1px solid var(--build-line);grid-template-columns:repeat(3,1fr);display:grid}.canto-scene-block.is-materials article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:244px;padding:22px}.canto-scene-block.is-materials article>small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.canto-scene-block.is-materials p,.canto-scene-block.is-materials ol{color:var(--build-muted);margin:28px 0 0;font-size:12px;line-height:1.85}.canto-scene-block.is-materials ol{padding-left:20px}.canto-scene-block.is-materials li+li{margin-top:8px}.canto-scene-block.is-materials article>div{flex-direction:column;gap:8px;margin-top:28px;display:flex}.canto-scene-block.is-materials article>div span{border:1px solid var(--build-line);min-height:40px;color:var(--build-ink);align-items:center;padding:0 10px;font-size:10px;display:flex}.canto-scene-word-grid{border-left:1px solid var(--build-line);grid-template-columns:repeat(4,1fr);display:grid}.canto-scene-word-grid button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:210px;color:var(--build-ink);text-align:left;background:0 0;grid-template-rows:auto 1fr auto auto;grid-template-columns:1fr auto;gap:9px;padding:18px;display:grid}.canto-scene-word-grid button:hover,.canto-scene-word-grid button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-scene-word-grid button small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.canto-scene-word-grid button strong{grid-column:1;align-self:end;font-size:34px}.canto-scene-word-grid button span{grid-column:1;font-family:Oxanium,sans-serif;font-size:15px}.canto-scene-word-grid button em{color:var(--build-muted);grid-column:1;font-size:10px;font-style:normal}.canto-scene-word-grid button svg{color:var(--build-signal);grid-area:3/2/5}.canto-scene-pattern{border-bottom:1px solid var(--build-line);padding:28px}.canto-scene-pattern>div{justify-content:center;align-items:center;gap:14px;min-height:88px;display:flex}.canto-scene-pattern>div span{border:1px solid var(--build-line);align-items:center;min-height:48px;padding:0 14px;font-size:14px;display:inline-flex}.canto-scene-pattern>div i{color:var(--build-signal);font-family:Oxanium,sans-serif;font-style:normal}.canto-scene-pattern>button{border:1px solid var(--build-signal);width:100%;min-height:90px;color:var(--build-ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.canto-scene-pattern>button>span{flex-direction:column;gap:8px;display:flex}.canto-scene-pattern>button strong{font-size:23px}.canto-scene-pattern>button small{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:11px}.canto-scene-pattern>button svg{color:var(--build-signal)}.canto-dialogue-list button{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:104px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:16px;padding:16px 18px;display:grid}.canto-dialogue-list button:hover,.canto-dialogue-list button:focus-visible{background:var(--build-signal-soft)}.canto-dialogue-list button>b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:10px}.canto-dialogue-list button>span{grid-template-columns:minmax(0,1fr) minmax(160px,.75fr);gap:5px 24px;display:grid}.canto-dialogue-list button strong{grid-column:1;font-size:20px}.canto-dialogue-list button small{color:var(--build-muted);grid-column:1;font-family:Oxanium,sans-serif;font-size:10px}.canto-dialogue-list button em{color:var(--build-muted);grid-area:1/2/3;align-self:center;font-size:11px;font-style:normal}.canto-dialogue-list button>svg{color:var(--build-signal)}.canto-lesson-check{border:1px solid var(--build-signal);flex-direction:column;justify-content:center;align-items:flex-start;min-height:280px;margin-top:72px;padding:36px;display:flex}.canto-lesson-check h2{letter-spacing:-.045em;max-width:780px;margin:24px 0 0;font-size:clamp(28px,4vw,48px);line-height:1.1}.canto-lesson-check>div{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.canto-lesson-check b{color:#07100b;background:var(--build-lime);align-items:center;min-height:34px;padding:0 11px;font-size:11px;display:inline-flex}.canto-lesson-quiz{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 52%, transparent);margin-top:72px}.canto-lesson-quiz>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:24px;min-height:112px;padding:18px 22px;display:flex}.canto-lesson-quiz>header>div{flex-direction:column;gap:10px;display:flex}.canto-lesson-quiz>header small{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-lesson-quiz>header h2{letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,40px)}.canto-lesson-quiz>header>span{min-width:74px;color:var(--build-signal);text-align:right;font-family:Oxanium,sans-serif;font-size:16px}.canto-quiz-list>article{border-bottom:1px solid var(--build-line);padding:28px 22px}.canto-quiz-prompt{grid-template-columns:42px minmax(0,1fr);align-items:baseline;gap:14px;display:grid}.canto-quiz-prompt small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.canto-quiz-prompt strong{font-size:18px;line-height:1.55}.canto-quiz-options{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px;display:grid}.canto-quiz-options button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:72px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:14px;display:grid;position:relative}.canto-quiz-options button:hover,.canto-quiz-options button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-quiz-options button b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:10px}.canto-quiz-options button span{overflow-wrap:anywhere;font-size:12px;line-height:1.55}.canto-quiz-options button svg{justify-self:end}.canto-quiz-options button.is-selected.is-correct,.canto-quiz-options button.is-answer{color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 14%, transparent);box-shadow:inset 0 -3px var(--build-lime-ink)}.canto-quiz-options button.is-selected.is-wrong{color:var(--build-signal);background:var(--build-signal-soft);box-shadow:inset 0 -3px var(--build-signal)}.canto-quiz-explanation{border-left:3px solid var(--build-signal);background:var(--build-signal-soft);grid-template-columns:24px minmax(0,1fr);gap:12px;margin-top:16px;padding:16px;display:grid}.canto-quiz-explanation.is-correct{border-left-color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 11%, transparent)}.canto-quiz-explanation>span{color:var(--build-signal)}.canto-quiz-explanation.is-correct>span{color:var(--build-lime-ink)}.canto-quiz-explanation p{flex-direction:column;gap:6px;margin:0;display:flex}.canto-quiz-explanation p strong{font-size:11px}.canto-quiz-explanation p em{color:var(--build-muted);font-size:11px;font-style:normal;line-height:1.7}.canto-lesson-quiz>footer{grid-template-columns:120px 100px minmax(0,1fr);align-items:center;gap:18px;min-height:90px;padding:16px 22px;display:grid}.canto-lesson-quiz>footer span{color:var(--build-muted);font-size:10px}.canto-lesson-quiz>footer strong{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:24px}.canto-lesson-quiz>footer p{color:var(--build-muted);margin:0;font-size:11px;line-height:1.7}.canto-practice-notes{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.canto-practice-notes article{border-right:1px solid var(--build-line);min-height:150px;padding:22px}.canto-practice-notes article:last-child{border-right:0}.canto-practice-notes small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.canto-practice-notes p{color:var(--build-muted);margin:22px 0 0;font-size:11px;line-height:1.8}.canto-practice-notes article>div{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.canto-practice-notes article>div span{border:1px solid var(--build-line);align-items:center;min-height:34px;padding:0 9px;font-size:9px;display:inline-flex}@media (width>=900px){.build-system .yoyo-app .yoyo-child-header{width:min(100% - 64px,1380px);height:76px;top:0;left:50%;right:auto;transform:translate(-50%)}.build-system .yoyo-app .bottom-nav{width:min(560px,100% - 64px);top:84px}.build-system .yoyo-app .page-content{padding-top:164px}.build-system .yoyo-app .page-home{padding-top:154px}}@media (width<=1120px){.canto-header{grid-template-columns:auto minmax(176px,200px) 1fr auto}.canto-header-progress{display:none}.canto-nav{grid-template-columns:repeat(4,minmax(70px,86px))}.canto-nav button{padding:0 9px}.canto-main{width:calc(100% - 72px)}.canto-learning-layout.has-rail{grid-template-columns:168px minmax(0,1fr);gap:24px;width:calc(100% - 72px)}.canto-learning-layout.has-rail:has(.canto-hierarchy-rail.has-linked-menu){grid-template-columns:390px minmax(0,1fr)}.canto-hierarchy-rail{--hierarchy-panel-width:210px}.canto-hierarchy-rail.has-linked-menu{width:168px}.canto-learning-layout.has-rail .canto-main{width:100%}.canto-module-rail>nav>button{grid-template-columns:18px 20px minmax(0,1fr) 6px;gap:6px}.canto-hero{grid-template-columns:1fr minmax(360px,.85fr);gap:52px}}@media (width>=761px) and (width<=900px){.canto-learning-layout.has-rail{grid-template-columns:76px minmax(0,1fr);gap:18px}.canto-learning-layout.has-rail:has(.canto-hierarchy-rail.has-linked-menu){grid-template-columns:280px minmax(0,1fr)}.canto-hierarchy-rail{--hierarchy-gap:8px;--hierarchy-panel-width:196px}.canto-hierarchy-rail.has-linked-menu{width:76px}.canto-module-rail>header{justify-content:center;padding:0 8px}.canto-module-rail>header small,.canto-module-rail-home>span,.canto-module-rail-home>svg:last-child,.canto-module-rail>nav>button>span,.canto-module-rail>footer{display:none}.canto-module-rail-home{justify-content:center;min-height:48px;padding:0;display:flex}.canto-module-rail>nav>button{justify-content:center;gap:7px;min-height:50px;padding:0;display:flex}.canto-module-rail>nav>button>i{position:absolute;bottom:5px;right:5px}.canto-module-rail>nav>button.is-active:before{top:7px;bottom:7px}}@media (width<=760px){.build-child-home{width:44px;min-width:44px;padding:0}.build-child-home span{display:none}.build-system .yoyo-app .yoyo-child-header{height:calc(72px + var(--build-safe-top));padding-top:var(--build-safe-top);gap:7px;left:14px;right:14px}.build-system .yoyo-app .brand-lockup small{font-size:6px}.build-system .yoyo-app .brand-lockup strong{font-size:15px}.build-system .yoyo-app .bottom-nav{border-radius:0}.canto-grid{inset:calc(var(--build-safe-top) + 10px) 10px 10px}.canto-header{min-height:calc(72px + var(--build-safe-top));padding:var(--build-safe-top) 18px 0;-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;position:sticky}.build-child-brand strong{font-size:14px}.canto-language-trigger{min-height:54px;padding:0 9px}.canto-language-trigger small{font-size:7px}.canto-language-trigger strong{font-size:14px}.canto-account-button{width:44px;min-width:44px;min-height:44px;padding:0}.canto-account-button>span{display:none}.canto-language-menu{top:calc(72px + var(--build-safe-top));width:auto;max-height:calc(100svh - 96px - var(--build-safe-top));position:fixed;left:14px;right:14px;overflow-y:auto}.canto-nav{z-index:60;right:auto;bottom:max(10px, env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--build-panel) 96%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:repeat(4,1fr);justify-self:stretch;width:calc(100% - 20px);height:68px;position:fixed;left:10px}.canto-app.has-course-rail .canto-nav{display:grid}.canto-header-context,.canto-hierarchy-rail,.canto-module-rail{display:none}.canto-learning-layout.has-rail{width:100%;display:block}.canto-learning-layout.has-rail .canto-main{width:calc(100% - 40px);margin:0 auto}.canto-mobile-hierarchy{z-index:950;visibility:hidden;pointer-events:none;transition:visibility 0s linear .28s;display:block;position:fixed;inset:0}.canto-mobile-hierarchy.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.canto-mobile-hierarchy-backdrop{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0208096b;border:0;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0}.canto-mobile-hierarchy.is-open .canto-mobile-hierarchy-backdrop{opacity:1}.canto-mobile-hierarchy-sheet{right:10px;bottom:calc(86px + env(safe-area-inset-bottom,0px));border:1px solid var(--build-ink);height:min(620px,100svh - 108px);max-height:calc(100svh - 108px);color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 98%, transparent);opacity:0;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);flex-direction:column;transition:height .28s cubic-bezier(.22,1,.36,1),opacity .22s,transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;left:10px;overflow:hidden;transform:translateY(24px)scale(.985);box-shadow:0 28px 90px #00000052}.canto-mobile-hierarchy.is-depth-2 .canto-mobile-hierarchy-sheet{height:min(480px,100svh - 108px)}.canto-mobile-hierarchy.is-open .canto-mobile-hierarchy-sheet{opacity:1;transform:translateY(0)scale(1)}.canto-mobile-hierarchy-sheet>header{border-bottom:1px solid var(--build-line);flex:none;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-height:68px;padding:0 10px;display:grid}.canto-mobile-hierarchy-sheet>header>button{border:1px solid var(--build-line);width:44px;height:44px;color:var(--build-ink);background:0 0;place-items:center;display:grid}.canto-mobile-hierarchy-sheet>header>button:hover,.canto-mobile-hierarchy-sheet>header>button:focus-visible{color:var(--build-paper);background:var(--build-signal)}.canto-mobile-hierarchy-sheet>header>span{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.canto-mobile-hierarchy-sheet>header small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:7px}.canto-mobile-hierarchy-sheet>header strong{font-size:14px}.canto-mobile-hierarchy-track{flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.canto-mobile-hierarchy-track>nav{overscroll-behavior:contain;width:100%;transition:opacity .18s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow-y:auto}.canto-mobile-hierarchy-track>nav:first-child{opacity:1;pointer-events:auto;transform:translate(0)}.canto-mobile-hierarchy-track>nav:last-child{opacity:0;pointer-events:none;transform:translate(100%)}.canto-mobile-hierarchy-track.is-depth-2>nav:first-child{opacity:0;pointer-events:none;transform:translate(-100%)}.canto-mobile-hierarchy-track.is-depth-2>nav:last-child{opacity:1;pointer-events:auto;transform:translate(0)}.canto-mobile-hierarchy-track>nav>button{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:68px;color:var(--build-muted);text-align:left;background:0 0;grid-template-columns:44px 24px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:0 13px;display:grid;position:relative}.canto-mobile-hierarchy-track>nav:last-child>button{grid-template-columns:50px minmax(0,1fr) 20px}.canto-mobile-hierarchy-track>nav>button:hover,.canto-mobile-hierarchy-track>nav>button:focus-visible,.canto-mobile-hierarchy-track>nav>button.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.canto-mobile-hierarchy-track>nav>button.is-active:before{background:var(--build-signal);content:"";width:3px;position:absolute;top:10px;bottom:10px;left:0}.canto-mobile-hierarchy-track>nav>button>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.canto-mobile-hierarchy-track>nav>button>span{flex-direction:column;gap:5px;min-width:0;display:flex}.canto-mobile-hierarchy-track>nav>button strong{color:inherit;font-size:13px}.canto-mobile-hierarchy-track>nav>button em{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;overflow:hidden}.canto-mobile-hierarchy-track>nav>button>svg:last-child{color:var(--build-signal)}.canto-mobile-hierarchy-sheet>footer{border-top:1px solid var(--build-line);min-height:56px;color:var(--build-muted);flex-direction:column;flex:none;justify-content:center;align-items:flex-start;gap:4px;padding:0 13px;font-size:8px;display:flex}.canto-mobile-hierarchy-sheet>footer span{color:var(--build-ink);align-items:center;gap:7px;display:flex}.canto-mobile-hierarchy-sheet>footer i{background:var(--build-signal);width:6px;height:6px}.canto-day-menu,.canto-app.has-course-rail .canto-day-menu{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);width:auto;max-height:calc(100svh - 24px);animation-name:canto-day-menu-mobile-in;inset:auto 8px 8px;transform:none}.canto-day-menu>header{min-height:98px;padding:14px 15px}.canto-day-menu>header h2{font-size:22px}.canto-day-menu>header p{max-width:250px;line-height:1.5}.canto-day-menu-months button{min-height:72px;padding:10px 12px}.canto-day-menu-grid{grid-template-columns:1fr}.canto-day-menu-grid>button{min-height:118px;padding:0}.canto-day-menu>footer{flex-direction:column;align-items:stretch}.canto-day-menu>footer>div{justify-content:center}.canto-day-menu>footer>button{justify-content:space-between}.canto-nav button{flex-direction:column;gap:2px;min-height:58px;padding:3px 2px}.canto-nav button span{font-size:9px}.canto-nav button small{display:none}.canto-nav button.is-active:after{bottom:2px;left:8px;right:8px}.canto-subnav{top:calc(72px + var(--build-safe-top));min-height:52px}.canto-subnav>div{scrollbar-width:none;border-left:0;width:100%;min-height:52px;overflow-x:auto}.canto-subnav>div::-webkit-scrollbar{display:none}.canto-subnav>div>span{display:none}.canto-subnav button{flex:none;min-width:104px;padding:0 10px}.canto-subnav button strong{font-size:10px}.canto-main{width:calc(100% - 40px);padding-top:30px;padding-bottom:132px}.canto-beginner-flow{padding-bottom:10px}.canto-flow-switcher{grid-template-columns:1fr 1fr;gap:8px}.canto-flow-switcher>button{grid-template-columns:40px 20px minmax(0,1fr);gap:8px;min-height:102px;padding:12px}.canto-flow-switcher>button>b{width:40px;height:40px;font-size:15px}.canto-flow-switcher>button>svg:last-child{display:none}.canto-flow-switcher>button strong{font-size:13px}.canto-flow-switcher>button small{font-size:8px}.canto-flow-switcher>i{display:none}.canto-flow-switcher>p{border-top:1px solid var(--build-line);grid-column:1/-1;min-height:44px;margin:0;padding:0 8px;font-size:9px}.canto-coach-panel,.canto-scenario-panel{padding-top:36px}.canto-coach-heading{display:block}.canto-coach-heading h1,.canto-scenario-panel>header h1{font-size:clamp(44px,13vw,62px)}.canto-coach-heading p,.canto-scenario-panel>header p{font-size:13px}.canto-coach-heading ol{justify-content:space-between;gap:12px;margin-top:30px}.canto-coach-heading li{min-width:66px}.canto-coach-heading li:not(:last-child):after{width:13px;left:calc(100% + 1px)}.canto-coach-workspace{grid-template-columns:1fr;gap:32px;margin-top:30px;padding-top:28px}.canto-coach-phrase>strong{font-size:76px}.canto-coach-phrase>span{font-size:27px}.canto-coach-phrase>small{font-size:15px}.canto-coach-topline{grid-template-columns:1fr;gap:15px}.canto-coach-topline>p{min-height:66px;padding-left:14px}.canto-coach-primary{min-height:82px;padding:0 18px;font-size:23px}.canto-coach-traces{margin-top:24px}.canto-coach-trace{grid-template-columns:84px minmax(0,1fr);gap:10px;min-height:100px;padding:10px 12px}.canto-coach-trace>div{height:52px}.canto-coach-trace>span{text-align:left;grid-column:2}.canto-coach-footer{flex-direction:column;align-items:flex-start;padding:12px 0}.canto-coach-footer>span{font-size:10px}.canto-coach-theory,.canto-scenario-hint{font-size:11px}.canto-scenario-panel{min-height:0;padding-bottom:44px}.canto-scenario-art{opacity:.11;width:120%;top:126px;right:-46%}.canto-scenario-list,.canto-scenario-hint{width:100%}.canto-scenario-list{margin-top:28px}.canto-scenario-list article{grid-template-columns:32px minmax(0,1fr) 42px;gap:10px;min-height:142px;padding:14px 12px}.canto-scenario-list article>span{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.canto-scenario-list article strong{font-size:17px;line-height:1.45}.canto-scenario-list article small,.canto-scenario-list article em{font-size:10px}.canto-scenario-actions{flex-direction:column;align-items:stretch;gap:10px}.canto-scenario-actions .canto-primary{width:100%;min-width:0}.canto-scenario-secondary{justify-content:center}.canto-scenario-outcome{font-size:11px;line-height:1.6}.canto-hero{min-height:auto;padding:54px 0 74px;display:block}.canto-hero h1{font-size:clamp(58px,19vw,90px)}.canto-hero-copy>p{font-size:15px}.canto-primary{width:100%;margin-top:34px}.canto-syllable-lab{min-height:320px;margin-top:72px;padding:18px}.canto-syllable{margin-top:38px}.canto-syllable>span{min-height:94px}.canto-syllable strong{font-size:36px}.canto-path{padding-top:48px}.canto-path>header{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.canto-path>div{display:block}.canto-path>div>button{border-right:0;border-bottom:1px solid var(--build-line);width:100%;min-height:132px}.canto-lesson{padding-top:38px}.canto-page-heading{min-width:0;max-width:100%;padding-bottom:30px}.canto-page-heading h1{letter-spacing:-.055em;overflow-wrap:anywhere;text-wrap:balance;max-width:100%;margin-top:14px;font-size:clamp(36px,10.8vw,52px);line-height:.98}.canto-page-heading p{max-width:34em;margin-top:18px;font-size:12px;line-height:1.72}.canto-tone-summary>header{flex-direction:column;align-items:flex-start;gap:11px;min-height:86px}.canto-tone-summary>header>div{flex-wrap:wrap}.canto-tone-summary-stage{min-width:960px;padding-left:12px;padding-right:12px}.canto-tone-summary>footer{grid-template-columns:36px 1fr;align-items:start;padding:13px}.canto-tone-summary>footer small{text-align:left;grid-column:2}.canto-tone-grid{grid-template-columns:repeat(2,1fr)}.canto-tone-grid article{min-height:220px;padding:15px}.canto-tone-grid article>button{grid-template-columns:48px 1fr 28px;min-height:92px}.canto-tone-grid article>button>span{font-size:36px}.canto-tone-grid article>button strong{font-size:20px}.canto-nine-tone-map>header{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px}.canto-nine-tone-map>div{grid-template-columns:repeat(2,1fr)}.canto-nine-tone-map button:nth-child(3n){border-right:1px solid var(--build-line)}.canto-nine-tone-map button:nth-child(2n){border-right:0}.canto-nine-tone-map button:nth-last-child(-n+3){border-bottom:1px solid var(--build-line)}.canto-nine-tone-map button:last-child{border-bottom:0}.canto-initial-grid{grid-template-columns:repeat(2,1fr)}.canto-initial-grid button{min-height:116px;padding:13px}.canto-initial-grid button>strong{font-size:31px}.canto-final-grid{grid-template-columns:1fr}.canto-final-grid article{min-height:190px;padding:17px}.canto-final-grid article>strong{margin:26px 0 18px;font-size:35px}.canto-grammar-grid,.canto-pattern-grid{grid-template-columns:1fr}.canto-grammar-grid article,.canto-pattern-grid article{min-height:290px;padding:17px}.canto-pattern-grid article>strong{margin:28px 0 22px;font-size:27px}.canto-panel-note{flex-direction:column;align-items:flex-start;gap:7px;padding:14px}.canto-pronunciation-chart.is-day-one{margin-top:24px;padding:16px 14px}.canto-formula{grid-template-columns:minmax(0,1fr) 8px minmax(0,1.2fr) 8px minmax(0,.85fr) 8px minmax(0,1.25fr);justify-content:stretch;gap:clamp(2px,1vw,5px);min-width:0;min-height:126px;padding:10px 8px;display:grid;overflow:visible}.canto-formula>span{gap:5px;min-width:0;min-height:94px;padding:8px 3px}.canto-formula>i{text-align:center;min-width:0;font-size:11px}.canto-formula small{white-space:nowrap;font-size:7px}.canto-formula strong{white-space:nowrap;font-size:10px}.canto-formula b{letter-spacing:-.035em;white-space:nowrap;max-width:100%;font-size:clamp(19px,6.3vw,27px)}.canto-course-roadmap,.canto-english-sound-grid{grid-template-columns:repeat(2,1fr)}.canto-course-roadmap button,.canto-english-sound-grid article{min-height:180px;padding:15px}.canto-key-sounds{margin-top:52px}.canto-key-sounds>header{flex-direction:column;align-items:flex-start;gap:8px}.canto-key-sounds summary{grid-template-columns:28px 92px 1fr 22px;gap:8px;min-height:76px}.canto-key-sounds summary strong{font-size:16px}.canto-key-sounds summary span{font-size:10px}.canto-key-sounds details p{padding:0 10px 22px 128px;font-size:11px}.canto-vocab-summary{grid-template-columns:1fr}.canto-vocab-summary>span,.canto-vocab-summary>a{min-height:84px;padding:14px}.canto-vocab-summary>a{padding-right:48px}.canto-filter{flex-wrap:nowrap;overflow-x:auto}.canto-filter button{min-width:max-content;min-height:48px;padding:0 15px}.canto-word-main{grid-template-columns:30px minmax(80px,1fr) minmax(110px,1fr) 24px;gap:9px;min-height:84px}.canto-word-main strong{font-size:21px}.canto-word-main>span{font-size:14px}.canto-word-main small{display:none}.canto-word-detail{padding:0 0 22px 39px}.canto-word-note{flex-direction:column;align-items:flex-start;gap:7px;min-height:0;padding:15px 14px;display:flex}.canto-word-note button{min-width:0;margin-top:7px}.canto-word-examples li{grid-template-columns:30px minmax(0,1fr) 42px;min-height:118px}.canto-word-examples li>span{padding:13px 11px}.canto-word-examples strong{font-size:15px}.canto-word-examples small{overflow-wrap:anywhere;font-size:8px}.canto-word-detail>footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:72px;padding:12px}.canto-practice-shell>header{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:0 16px}.canto-practice-word{min-height:190px}.canto-practice-options{grid-template-columns:1fr;padding:14px}.canto-practice-options button{min-height:58px}.canto-practice-feedback{flex-direction:column;align-items:flex-start;padding:18px}.canto-practice-feedback button{justify-content:space-between;width:100%}.canto-lesson-footer{flex-direction:column;align-items:stretch}.canto-lesson-footer button{justify-content:space-between}.canto-source-note{flex-direction:column;gap:14px;margin-top:68px;display:flex}.canto-source-note>div{align-items:flex-start}.canto-toast{bottom:94px;left:18px;right:18px}.build-system:is([data-navigation-mode=left],[data-navigation-mode=right]) .yoyo-app .bottom-nav{border-color:var(--build-line);background:color-mix(in srgb, var(--build-panel) 97%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:repeat(3,48px);grid-auto-rows:48px;width:auto;height:auto;padding:4px;left:10px;right:auto;box-shadow:0 14px 34px #00000024}.build-system[data-navigation-mode=right] .yoyo-app .bottom-nav{left:auto;right:10px}.build-system:is([data-navigation-mode=left],[data-navigation-mode=right]) .yoyo-app .bottom-nav button{gap:1px;width:48px;min-width:48px;height:48px;min-height:48px;padding:2px;font-size:7px}.build-system:is([data-navigation-mode=left],[data-navigation-mode=right]) .canto-nav{background:color-mix(in srgb, var(--build-panel) 97%, transparent);grid-template-columns:repeat(3,48px);grid-auto-rows:48px;justify-self:auto;width:auto;height:auto;min-height:56px;padding:4px;left:10px;right:auto;box-shadow:0 14px 34px #00000024}.build-system[data-navigation-mode=right] .canto-nav{left:auto;right:10px}.build-system:is([data-navigation-mode=left],[data-navigation-mode=right]) .canto-nav button{gap:1px;width:48px;min-width:48px;height:48px;min-height:48px;padding:2px;font-size:7px}.build-system:is([data-navigation-mode=left],[data-navigation-mode=right]) .canto-nav button span{font-size:7px}.build-system:is([data-navigation-mode=left],[data-navigation-mode=right]) .canto-nav-overflow>aside{inset:auto auto calc(100% + 8px) 0}.build-system[data-navigation-mode=right] .canto-nav-overflow>aside{left:auto;right:0}}@keyframes canto-day-menu-mobile-in{0%{opacity:0;transform:translateY(28px)scale(.985)}}@media (prefers-reduced-motion:reduce){.canto-learning-layout.has-rail .canto-main,.canto-module-rail,.canto-module-rail>nav>button{opacity:1;animation:none;transform:none}.canto-day-menu,.canto-day-menu-backdrop{opacity:1;animation:none}::view-transition-group(*){animation-duration:.01ms}::view-transition-old(root){animation-duration:.01ms}::view-transition-new(root){animation-duration:.01ms}}@media (width<=430px){.build-system .yoyo-app .yoyo-child-header{left:10px;right:10px}.build-system .yoyo-app .yoyo-child-header>.icon-button{display:none}.build-system .yoyo-app .brand-lockup{max-width:96px}.build-system .yoyo-app .brand-lockup strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canto-main{width:calc(100% - 30px)}.canto-language-trigger{padding-right:4px}.canto-language-trigger svg{width:13px}.canto-flow-switcher>button{grid-template-columns:34px minmax(0,1fr);min-height:96px;padding:10px 8px}.canto-flow-switcher>button>b{width:34px;height:34px;font-size:13px}.canto-flow-switcher>button>svg:not(:last-child){display:none}.canto-flow-switcher>button strong{font-size:12px}.canto-flow-switcher>button small{font-size:7px}.canto-coach-heading li{min-width:58px}.canto-coach-heading li b{width:42px;height:42px}.canto-coach-heading li span{font-size:9px}.canto-coach-phrase>strong{font-size:68px}.canto-coach-trace{grid-template-columns:74px minmax(0,1fr)}.canto-hero h1{font-size:clamp(54px,18vw,72px)}.canto-tone-grid article{min-height:206px;padding:12px}.canto-tone-grid article>button{grid-template-columns:42px 1fr 24px}.canto-tone-grid article>button>span{font-size:31px}.canto-tone-grid article>button strong{font-size:17px}.canto-nine-tone-map button{grid-template-columns:20px minmax(0,1fr) 26px;min-height:86px;padding:0 9px}.canto-nine-tone-map button>em{display:none}.canto-course-roadmap,.canto-english-sound-grid{grid-template-columns:1fr}.canto-course-roadmap button,.canto-english-sound-grid article{min-height:144px}}.todo-app{--todo-alert:#c84336;color:var(--build-ink);background-color:var(--build-paper);background-image:linear-gradient(var(--build-grid) 1px, transparent 1px), linear-gradient(90deg, var(--build-grid) 1px, transparent 1px);background-size:32px 32px;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden}.build-system[data-build-theme=dark] .todo-app{--todo-alert:#ff756a}.todo-app button,.todo-app input,.todo-app textarea{font:inherit}.todo-app button{color:inherit}.todo-header{z-index:50;border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 90%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:auto minmax(150px,190px) minmax(330px,1fr) auto auto auto;align-items:center;gap:16px;min-height:88px;padding:0 clamp(34px,4vw,64px);display:grid;position:absolute;top:0;left:0;right:0}.todo-brand{flex-direction:column;gap:2px;min-width:0;display:flex}.todo-brand small,.todo-brand span{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:7px;font-weight:700}.todo-brand strong{text-overflow:ellipsis;white-space:nowrap;font-family:Oxanium,PingFang SC,sans-serif;font-size:16px;font-weight:600;overflow:hidden}.todo-brand span{color:var(--build-muted);font-size:6px}.todo-nav{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 88%, transparent);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);grid-template-columns:repeat(5,minmax(70px,92px));justify-self:center;height:54px;display:grid}.todo-nav button{border:0;border-right:1px solid var(--build-line);min-width:0;color:var(--build-muted);background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:flex;position:relative}.todo-nav button:last-child{border-right:0}.todo-nav button:hover,.todo-nav button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.todo-nav button.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.todo-nav button.is-active:after{background:var(--build-signal);content:"";height:2px;position:absolute;bottom:4px;left:11px;right:11px}.todo-nav button span{font-size:10px;font-weight:600}.todo-nav button small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:6px}.todo-search-trigger,.todo-appearance-trigger{border:1px solid var(--build-line);width:46px;height:46px;color:var(--build-muted);background:color-mix(in srgb, var(--build-panel) 86%, transparent);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);place-items:center;display:grid}.todo-search-trigger:hover,.todo-search-trigger:focus-visible,.todo-search-trigger.is-active,.todo-appearance-trigger:hover,.todo-appearance-trigger:focus-visible{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}.todo-header .platform-account-trigger{min-width:104px;min-height:46px}.todo-search-bar{z-index:45;border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:28px minmax(0,1fr) 44px;align-items:center;gap:8px;height:58px;padding:0 max(28px,50% - 690px);display:grid;position:absolute;top:88px;left:0;right:0}.todo-search-bar>svg{color:var(--build-signal)}.todo-search-bar input{width:100%;height:44px;color:var(--build-ink);background:0 0;border:0;outline:0;font-size:13px}.todo-search-bar button{width:42px;height:42px;color:var(--build-muted);background:0 0;border:0;place-items:center;display:grid}.todo-scroll{background:0 0;top:88px!important}.todo-app.has-search .todo-scroll{top:146px!important}.todo-main{z-index:3;width:min(100% - 104px,1280px);margin:0 auto;padding:46px 0 118px;position:relative}.todo-overview{border-top:1px solid var(--build-ink)}.todo-overview>header{justify-content:space-between;align-items:flex-start;gap:28px;min-height:176px;padding:28px 0 24px;display:flex}.todo-overview>header>span{min-width:0}.todo-overview>header small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.todo-overview h1{letter-spacing:-.055em;margin:16px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:600;line-height:.95}.todo-overview h1 i{color:var(--build-signal);font-style:normal}.todo-overview time{color:var(--build-muted);flex:none;padding-top:4px;font-family:Oxanium,PingFang SC,sans-serif;font-size:10px}.todo-metrics{border:1px solid var(--build-line);border-right:0;grid-template-columns:repeat(4,1fr);display:grid}.todo-metrics button{border:0;border-right:1px solid var(--build-line);min-width:0;min-height:116px;color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 65%, transparent);text-align:left;grid-template-columns:1fr auto;align-content:space-between;gap:8px;padding:16px 18px;display:grid}.todo-metrics button:hover,.todo-metrics button:focus-visible{background:var(--build-signal-soft)}.todo-metrics button span{color:var(--build-muted);align-self:start;font-size:10px}.todo-metrics button strong{letter-spacing:-.05em;grid-area:1/2/3;align-self:center;font-family:Oxanium,sans-serif;font-size:clamp(28px,3vw,44px);font-weight:500}.todo-metrics button small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:7px}.todo-metrics button.has-alert strong,.todo-metrics button.has-alert small{color:var(--todo-alert)}.todo-composer{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 88%, transparent);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);grid-template-columns:minmax(0,1fr) 170px;margin-top:30px;display:grid}.todo-composer>div{grid-template-columns:24px minmax(0,1fr) 42px;align-items:center;gap:10px;min-width:0;min-height:72px;padding:0 10px 0 18px;display:grid}.todo-composer>div>svg{color:var(--build-signal)}.todo-composer input{width:100%;min-width:0;height:52px;color:var(--build-ink);background:0 0;border:0;outline:0;font-size:15px;font-weight:600}.todo-composer>button{min-height:72px;color:var(--build-paper);background:var(--build-signal);border:0;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-size:12px;font-weight:700;display:flex}.todo-composer>button:disabled{opacity:.38}.build-system[data-build-theme=dark] .todo-composer>button{color:#031012}.todo-composer>p{border-top:1px solid var(--build-line);min-height:28px;color:var(--build-muted);grid-column:1/-1;align-items:center;gap:12px;margin:0;padding:0 18px;font-family:Oxanium,PingFang SC,sans-serif;font-size:7px;display:flex}.todo-composer>p span{color:var(--build-signal)}.todo-composer>p em{margin-left:auto;font-style:normal}.todo-composer>p svg{color:var(--build-lime-ink)}.todo-tag-carousel{margin:28px 0 12px}.todo-tag-track{border:1px solid var(--build-line);width:max-content;display:flex}.todo-tag-track button{border:0;border-right:1px solid var(--build-line);min-width:96px;min-height:42px;color:var(--build-muted);background:color-mix(in srgb, var(--build-panel) 72%, transparent);white-space:nowrap;justify-content:space-between;align-items:center;gap:14px;padding:0 12px;font-size:9px;display:flex}.todo-tag-track button:last-child{border-right:0}.todo-tag-track button.is-active{color:var(--build-paper);background:var(--build-ink)}.todo-tag-track button small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.todo-list-section{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 82%, transparent);margin-top:28px}.todo-list-section>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:0 18px;display:flex}.todo-list-section>header span{flex-direction:column;gap:4px;min-width:0;display:flex}.todo-list-section>header small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:7px}.todo-list-section>header strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.todo-list-section>header em{color:var(--build-muted);flex:none;font-size:9px;font-style:normal}.todo-task-list{display:grid}.todo-task{border-bottom:1px solid var(--build-line);grid-template-columns:54px minmax(0,1fr);align-items:stretch;min-width:0;min-height:72px;display:grid}.todo-task:last-child{border-bottom:0}.todo-task:hover{background:var(--build-signal-soft)}.todo-check{border:0;border-right:1px solid var(--build-line);background:0 0;place-items:center;width:100%;min-height:70px;display:grid}.todo-check>span{border:1.5px solid var(--build-muted);width:20px;height:20px}.todo-check:hover>span,.todo-check:focus-visible>span{border-color:var(--build-signal);box-shadow:inset 0 0 0 4px var(--build-signal-soft)}.build-system[data-build-theme=dark] .todo-task.is-completed .todo-check{color:#031012}.todo-task-main{text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 20px auto minmax(84px,auto);align-items:center;gap:12px;min-width:0;padding:0 14px;display:grid}.todo-task-index{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px}.todo-task-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.todo-task-titleline{align-items:center;gap:7px;min-width:0;display:flex}.todo-task-titleline b{min-height:21px;color:var(--build-signal);background:var(--build-signal-soft);flex:none;align-items:center;padding:0 6px;font-family:Oxanium,PingFang SC,sans-serif;font-size:7px;font-weight:700;display:inline-flex}.todo-task-titleline strong{min-width:0}.todo-task-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.todo-task-copy small{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.todo-task.is-completed .todo-task-copy strong{color:var(--build-muted);text-decoration:line-through;text-decoration-thickness:1px}.todo-priority{color:var(--build-muted)}.todo-priority.is-high{color:var(--todo-alert)}.todo-task-owner{min-height:26px;color:var(--build-ink);border:1px solid var(--build-line);white-space:nowrap;justify-self:end;align-items:center;padding:0 8px;font-size:8px;display:inline-flex}.todo-due{min-height:26px;color:var(--build-muted);background:color-mix(in srgb, var(--build-muted) 9%, transparent);white-space:nowrap;justify-self:end;align-items:center;padding:0 8px;font-size:8px;font-style:normal;display:inline-flex}.todo-due.is-today{color:#8c5a00;background:#fff0c6}.todo-due.is-overdue{color:#a0241c;background:#ffe0db}.todo-due.is-future{color:#2853a6;background:#e4ebff}.build-system[data-build-theme=dark] .todo-due.is-today{color:#ffd36a;background:#ffd36a1f}.build-system[data-build-theme=dark] .todo-due.is-overdue{color:#ff756a;background:#ff372821}.build-system[data-build-theme=dark] .todo-due.is-future{color:#92b5ff;background:#497be026}.todo-more{border:0;border-left:1px solid var(--build-line);width:100%;min-height:70px;color:var(--build-muted);background:0 0;place-items:center;display:grid}.todo-more:hover,.todo-more:focus-visible{color:var(--build-signal)}.todo-list-section>footer{border-top:1px solid var(--build-line);min-height:45px;color:var(--build-muted);justify-content:space-between;align-items:center;padding:0 15px;font-size:8px;display:flex}.todo-list-section>footer span{color:var(--build-lime-ink);align-items:center;gap:7px;display:flex}.todo-list-section>footer i{background:var(--build-lime);width:6px;height:6px}.todo-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:44px 20px;display:flex}.todo-empty>span{border:1px solid var(--build-line);width:58px;height:58px;color:var(--build-signal);background:var(--build-signal-soft);place-items:center;display:grid;transform:rotate(45deg)}.todo-empty>span svg{transform:rotate(-45deg)}.todo-empty strong{margin-top:24px;font-family:Oxanium,PingFang SC,sans-serif;font-size:20px}.todo-empty p{max-width:300px;color:var(--build-muted);margin:9px 0 0;font-size:9px;line-height:1.7}.todo-calendar{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 84%, transparent);margin-top:28px}.todo-calendar>header{border-bottom:1px solid var(--build-line);grid-template-columns:44px 1fr 44px;align-items:center;min-height:62px;padding:0 12px;display:grid}.todo-calendar>header button{background:0 0;border:0;place-items:center;width:42px;height:42px;display:grid}.todo-calendar>header button:hover{color:var(--build-signal);background:var(--build-signal-soft)}.todo-calendar>header strong{letter-spacing:.08em;justify-self:center;font-family:Oxanium,sans-serif;font-size:15px}.todo-calendar-week,.todo-calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.todo-calendar-week{border-bottom:1px solid var(--build-line);min-height:36px;color:var(--build-muted);text-align:center;align-items:center;font-size:8px}.todo-calendar-grid button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:78px;color:var(--build-ink);background:0 0;place-items:center;display:grid;position:relative}.todo-calendar-grid button:nth-child(7n){border-right:0}.todo-calendar-grid button:nth-last-child(-n+7){border-bottom:0}.todo-calendar-grid button:hover{background:var(--build-signal-soft)}.todo-calendar-grid button.is-outside{color:color-mix(in srgb, var(--build-muted) 42%, transparent)}.todo-calendar-grid button.is-active{color:var(--build-paper);background:var(--build-ink)}.todo-calendar-grid button.is-today:after{z-index:2;background:var(--build-signal);width:5px;height:5px;box-shadow:0 0 0 1px var(--build-panel);content:"";position:absolute;bottom:11px}.todo-calendar-grid button.is-today.is-active:after{width:7px;height:4px}.todo-calendar-grid button span{font-family:Oxanium,sans-serif;font-size:13px}.todo-calendar-grid button small{min-width:18px;height:18px;color:var(--build-paper);background:var(--build-signal);place-items:center;font-family:Oxanium,sans-serif;font-size:7px;display:grid;position:absolute;top:8px;right:8px}.build-system[data-build-theme=dark] .todo-calendar-grid button small{color:#031012}.todo-calendar>footer{border-top:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:54px;padding:0 16px;display:flex}.todo-calendar>footer span{align-items:center;gap:8px;display:flex}.todo-calendar>footer svg{color:var(--build-signal)}.todo-calendar>footer strong{font-size:10px}.todo-calendar>footer small{color:var(--build-muted);font-size:8px}.todo-mobile-nav{display:none}.todo-toast{z-index:94;min-height:42px;color:var(--build-paper);background:var(--build-ink);align-items:center;gap:8px;padding:0 14px;font-size:9px;display:flex;position:absolute;bottom:22px;right:22px;box-shadow:0 16px 42px #0003}.todo-toast svg{color:var(--build-lime)}.todo-task-editor{color:var(--build-ink);gap:16px;padding:6px 2px 12px;display:grid}.todo-editor-grid{grid-template-columns:1fr 1.2fr;gap:10px;display:grid}.todo-editor-field{color:var(--build-muted);gap:7px;font-size:8px;display:grid}.todo-editor-field>span,.todo-priority-picker legend{letter-spacing:.1em;font-family:Oxanium,PingFang SC,sans-serif}.todo-editor-field input,.todo-editor-field textarea,.todo-editor-field select{box-sizing:border-box;border:1px solid var(--build-line);width:100%;color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 76%, transparent);border-radius:0;outline:0}.todo-editor-field input,.todo-editor-field select{min-height:48px;padding:0 12px}.todo-editor-field textarea{resize:vertical;min-height:106px;padding:12px;line-height:1.6}.todo-editor-field input:focus,.todo-editor-field textarea:focus{border-color:var(--build-signal);box-shadow:inset 3px 0 var(--build-signal)}.todo-editor-field.is-title input{min-height:58px;font-size:16px;font-weight:700}.todo-priority-picker{border:0;margin:0;padding:0}.todo-priority-picker legend{color:var(--build-muted);margin-bottom:7px;font-size:8px}.todo-priority-picker>div{border:1px solid var(--build-line);grid-template-columns:repeat(3,1fr);display:grid}.todo-priority-picker button{border:0;border-right:1px solid var(--build-line);background:0 0;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:9px;display:flex}.todo-priority-picker button:last-child{border-right:0}.todo-priority-picker button.is-active{color:var(--build-paper);background:var(--build-ink)}.todo-editor-actions{grid-template-columns:auto minmax(160px,1fr);gap:10px;display:grid}.todo-editor-actions button{border:1px solid var(--build-line);background:0 0;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 15px;font-size:10px;display:flex}.todo-editor-actions .todo-editor-delete{color:var(--todo-alert)}.todo-editor-actions .todo-editor-save{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal);justify-content:space-between;font-weight:700}.build-system[data-build-theme=dark] .todo-editor-actions .todo-editor-save{color:#031012}.todo-editor-actions .todo-editor-save:disabled{opacity:.38}.todo-app-v2 .todo-overview>header{min-height:142px}.todo-app-v2 .todo-overview.is-compact>header{align-items:center;min-height:96px;padding:18px 0}.todo-app-v2 .todo-overview.is-compact h1{margin-top:9px;font-size:clamp(30px,3.6vw,46px)}.todo-app-v2 .todo-main>.todo-composer:first-child{margin-top:0}.todo-wordmark-background{z-index:1;pointer-events:none;opacity:.026;grid-auto-rows:max-content;align-content:space-around;display:grid;position:absolute;inset:88px 0 0;overflow:hidden;transform:rotate(-8deg)scale(1.08)}.todo-wordmark-background span{color:var(--build-ink);letter-spacing:-.06em;text-transform:uppercase;white-space:nowrap;font-family:Oxanium,sans-serif;font-size:clamp(48px,8.5vw,132px);font-weight:700;line-height:.8;overflow:hidden}.todo-interactive-widget{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 91%, transparent);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);grid-template-columns:minmax(220px,.8fr) minmax(340px,1.2fr);margin-top:24px;display:grid}.todo-interactive-widget.is-board{margin-top:0}.todo-interactive-widget>header{border-right:1px solid var(--build-line);flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:106px;padding:18px;display:flex}.todo-interactive-widget>header div{gap:7px;display:grid}.todo-interactive-widget>header small,.todo-template-strip>small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:7px}.todo-interactive-widget>header strong{font-size:21px}.todo-interactive-widget>header button{color:var(--build-muted);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:8px;display:flex}.todo-widget-counts{border-right:1px solid var(--build-line);grid-template-columns:repeat(3,1fr);display:grid}.todo-widget-counts button{border:0;border-right:1px solid var(--build-line);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:106px;display:flex}.todo-widget-counts button:last-child{border-right:0}.todo-widget-counts button:hover{background:var(--build-signal-soft)}.todo-widget-counts strong{font-family:Oxanium,sans-serif;font-size:28px;font-weight:500}.todo-widget-counts span{color:var(--build-muted);font-size:8px}.todo-widget-counts .has-alert strong{color:var(--todo-alert)}.todo-widget-items{border-top:1px solid var(--build-line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.todo-widget-items>button{border:0;border-right:1px solid var(--build-line);text-align:left;background:0 0;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:54px;padding:0 12px;display:grid}.todo-widget-items>button:last-child{border-right:0}.todo-widget-items>button:hover{background:var(--build-signal-soft)}.todo-widget-checkbox{border:2px solid var(--build-ink);background:var(--build-paper);width:16px;height:16px}.todo-widget-items strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.todo-widget-items small{color:var(--build-muted);font-size:7px}.todo-widget-items>p{min-height:54px;color:var(--build-muted);grid-column:1/-1;justify-content:center;align-items:center;gap:8px;margin:0;font-size:8px;display:flex}.todo-swipe-hint{border-bottom:1px solid var(--build-line);min-height:30px;color:var(--build-muted);justify-content:space-between;align-items:center;padding:0 14px;font-size:7px;display:flex}.todo-swipe-hint span{align-items:center;gap:5px;display:flex}.todo-swipe-shell{background:var(--build-panel);min-width:0;position:relative;overflow:hidden}.todo-swipe-shell .todo-task{z-index:2;box-sizing:border-box;border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 96%, transparent);touch-action:pan-y;width:100%;position:relative}.todo-swipe-shell:last-child .todo-task{border-bottom:0}.todo-swipe-action{z-index:1;color:#fff;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:112px;font-size:7px;display:flex;position:absolute;top:0;bottom:0}.todo-swipe-action.is-leading{background:#315fb2;left:0}.todo-swipe-action.is-trailing{background:var(--todo-alert);right:0}.todo-task.is-progress-doing{box-shadow:inset 3px 0 #315fb2}.todo-task.is-progress-blocked{box-shadow:inset 3px 0 var(--todo-alert)}.todo-check>span{box-sizing:border-box;border:2px solid var(--build-ink);background:var(--build-paper);border-radius:0;width:20px;height:20px}.todo-task.is-completed .todo-check{color:#071012;background:0 0}.todo-task.is-completed .todo-check>svg{box-sizing:border-box;border:2px solid var(--build-ink);background:var(--build-lime);width:20px;height:20px;padding:1px}.todo-voice-hold{border:1px solid var(--build-line);width:40px;height:40px;color:var(--build-muted);touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;place-items:center;display:grid}.todo-voice-hold:hover,.todo-voice-hold:focus-visible{border-color:var(--build-signal);color:var(--build-signal)}.todo-composer.is-listening{border-color:var(--todo-alert);box-shadow:inset 0 0 0 1px var(--todo-alert)}.todo-composer.is-listening .todo-voice-hold{color:#fff;border-color:var(--todo-alert);background:var(--todo-alert);animation:.9s ease-in-out infinite todo-voice-pulse}@keyframes todo-voice-pulse{50%{opacity:.72;transform:scale(.88)}}.todo-editor-completed{min-height:40px;color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 12%, transparent);align-items:center;gap:8px;margin:0;padding:0 11px;font-size:9px;display:flex}.todo-quick-actions{gap:20px;padding:2px 2px 14px;display:grid}.todo-quick-actions section{gap:8px;display:grid}.todo-quick-actions section>small{color:var(--build-muted);letter-spacing:.12em;font-family:Oxanium,sans-serif;font-size:8px}.todo-quick-actions section>div{border:1px solid var(--build-line);grid-template-columns:repeat(3,1fr);display:grid}.todo-quick-actions button{border:0;border-right:1px solid var(--build-line);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:56px;font-size:9px;display:flex}.todo-quick-actions button:last-child{border-right:0}.todo-quick-actions button>span{border:2px solid var(--build-muted);width:10px;height:10px}.todo-quick-actions button.is-active{color:var(--build-paper);background:var(--build-ink)}.todo-quick-actions button.is-active>span{border-color:var(--build-lime);background:var(--build-lime)}.todo-quick-actions>p{color:var(--build-muted);align-items:center;gap:7px;margin:0;font-size:8px;display:flex}.todo-checklist-hub{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 87%, transparent)}.todo-checklist-hub>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:72px;padding:0 18px;display:flex}.todo-checklist-hub>header>div{gap:5px;display:grid}.todo-checklist-hub>header small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:7px}.todo-checklist-hub>header strong{font-size:14px}.todo-checklist-hub>header>button,.todo-list-back{border:1px solid var(--build-signal);min-height:38px;color:var(--build-signal);background:var(--build-signal-soft);align-items:center;gap:7px;padding:0 12px;font-size:8px;display:flex}.todo-checklist-grid{grid-template-columns:repeat(3,1fr);display:grid}.todo-checklist-grid>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);text-align:left;background:0 0;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:0;min-height:184px;padding:18px;display:flex;position:relative;overflow:hidden}.todo-checklist-grid>button:nth-child(3n){border-right:0}.todo-checklist-grid>button:hover{background:var(--build-signal-soft)}.todo-list-wordmark{color:var(--build-ink);letter-spacing:-.05em;opacity:.06;white-space:nowrap;font-family:Oxanium,sans-serif;font-size:34px;font-weight:700;position:absolute;top:12px;left:-4px;right:-10px;overflow:hidden;transform:rotate(-7deg)}.todo-checklist-grid>button>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px;position:absolute;top:15px;left:16px}.todo-checklist-grid>button>strong{font-size:20px;position:relative}.todo-checklist-grid>button>em{color:var(--build-muted);margin-top:7px;font-size:8px;font-style:normal;position:relative}.todo-checklist-grid>button>i{background:var(--build-lime-ink);height:3px;position:absolute;bottom:0;left:0}.todo-template-strip{gap:10px;padding:18px;display:grid}.todo-template-strip>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.todo-template-strip button{border:1px solid var(--build-line);text-align:left;background:0 0;align-items:center;gap:9px;min-height:58px;padding:0 12px;display:flex}.todo-template-strip button:hover{border-color:var(--build-signal);background:var(--build-signal-soft)}.todo-template-strip button span{gap:3px;display:grid}.todo-template-strip button strong{font-size:9px}.todo-template-strip button small{color:var(--build-muted);font-size:7px}.todo-empty.is-list{border-top:1px solid var(--build-line);min-height:180px}.todo-list-back{border-color:var(--build-line);color:var(--build-muted);background:color-mix(in srgb, var(--build-panel) 82%, transparent);margin-bottom:12px}.todo-list-creator,.todo-appearance-editor{gap:16px;padding:4px 2px 14px;display:grid}.todo-list-creator>label,.todo-appearance-editor>label{color:var(--build-muted);gap:7px;font-size:8px;display:grid}.todo-list-creator input,.todo-appearance-editor input{box-sizing:border-box;border:1px solid var(--build-line);width:100%;min-height:48px;color:var(--build-ink);background:var(--build-panel);border-radius:0;outline:0;padding:0 12px}.todo-list-background-preview,.todo-appearance-preview{border:1px solid var(--build-ink);background:var(--build-paper);flex-direction:column;justify-content:flex-end;min-height:126px;padding:18px;display:flex;position:relative;overflow:hidden}.todo-list-background-preview>small{color:var(--build-ink);opacity:.07;white-space:nowrap;font-family:Oxanium,sans-serif;font-size:28px;font-weight:700;position:absolute;top:12px;left:10px;transform:rotate(-5deg)}.todo-list-background-preview strong,.todo-appearance-preview>strong{font-size:20px;position:relative}.todo-list-background-preview p{color:var(--build-muted);margin:6px 0 0;font-size:8px;position:relative}.todo-list-creator>.todo-editor-save,.todo-appearance-editor>.todo-editor-save{border:1px solid var(--build-signal);min-height:50px;color:var(--build-paper);background:var(--build-signal);justify-content:space-between;align-items:center;padding:0 15px;font-size:10px;font-weight:700;display:flex}.todo-appearance-preview>div{opacity:.055;flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:0;transform:rotate(-7deg)scale(1.1)}.todo-appearance-preview>div span{white-space:nowrap;font-family:Oxanium,sans-serif;font-size:24px;font-weight:700}.todo-appearance-preview>small{color:var(--build-muted);margin-top:6px;font-size:8px;position:relative}.todo-appearance-editor>p{color:var(--build-muted);align-items:center;gap:8px;margin:0;font-size:8px;display:flex}.todo-list-section>footer i.is-syncing{background:#ffc857;animation:1s ease-in-out infinite todo-sync-pulse}.todo-list-section>footer i.is-offline{background:var(--todo-alert)}@keyframes todo-sync-pulse{50%{opacity:.25}}.todo-header{grid-template-columns:auto minmax(150px,190px) minmax(300px,1fr) auto auto}.todo-nav{overscroll-behavior-inline:contain;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(72px,92px);grid-auto-flow:column;width:min(100%,670px);overflow-x:auto}.todo-nav::-webkit-scrollbar{display:none}.todo-mobile-nav::-webkit-scrollbar{display:none}.todo-member-menu{z-index:78;position:relative}.todo-member-trigger{border:1px solid var(--build-line);width:46px;height:46px;color:var(--build-muted);background:color-mix(in srgb, var(--build-panel) 86%, transparent);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);place-items:center;display:grid}.todo-member-trigger:hover,.todo-member-trigger:focus-visible,.todo-member-menu.is-open .todo-member-trigger{color:var(--build-signal);border-color:var(--build-signal);background:var(--build-signal-soft)}.todo-member-panel{z-index:90;border:1px solid var(--build-ink);width:310px;max-height:min(690px,100svh - 110px);color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 98%, transparent);position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 24px 60px #0000003d}.todo-member-panel>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:66px;padding:0 14px;display:flex}.todo-member-panel>header>span{gap:3px;display:grid}.todo-member-panel>header small,.todo-member-nav-editor>div small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:7px}.todo-member-panel>header strong{font-size:13px}.todo-member-panel>a,.todo-member-appearance{border:0;border-bottom:1px solid var(--build-line);min-height:44px;color:var(--build-ink);background:0 0;align-items:center;gap:8px;padding:0 13px;font-size:9px;text-decoration:none;display:flex}.todo-member-panel>a svg:last-child,.todo-member-appearance svg:last-child{margin-left:auto}.todo-member-panel>a:hover,.todo-member-appearance:hover{color:var(--build-signal);background:var(--build-signal-soft)}.todo-member-nav-editor>div:first-child{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:48px;padding:0 13px;display:flex}.todo-member-nav-editor>div:first-child strong{font-size:10px}.todo-member-feature{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(0,1fr) 44px;min-height:43px;display:grid}.todo-member-feature>button{text-align:left;background:0 0;border:0;align-items:center;gap:9px;min-width:0;padding:0 12px;display:flex}.todo-member-feature>button>span{align-items:baseline;gap:7px;display:flex}.todo-member-feature>button strong{font-size:9px}.todo-member-feature>button small{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:6px}.todo-member-feature>button:last-child{border-left:1px solid var(--build-line);justify-content:center;padding:0}.todo-member-feature>button:last-child.is-add{color:var(--build-signal)}.todo-member-feature>button:last-child.is-remove{color:var(--todo-alert)}.todo-member-feature>button:disabled{color:var(--build-muted);opacity:.5}.todo-member-appearance{border-bottom:0;width:100%}.todo-inbox-mode{border:1px solid var(--build-line);grid-template-columns:repeat(2,120px);width:max-content;margin-bottom:12px;display:grid}.todo-inbox-mode button{border:0;border-right:1px solid var(--build-line);min-height:38px;color:var(--build-muted);background:color-mix(in srgb, var(--build-panel) 78%, transparent);justify-content:center;align-items:center;gap:7px;font-size:8px;display:flex}.todo-inbox-mode button:last-child{border-right:0}.todo-inbox-mode button.is-active{color:var(--build-paper);background:var(--build-ink)}.todo-inbox-mode+.todo-composer{margin-top:0}.todo-overview.is-board-period h1{align-items:center;gap:0;display:flex}.todo-overview.is-board-period h1>button{color:inherit;font:inherit;letter-spacing:inherit;touch-action:none;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.todo-overview.is-board-period h1>button:hover{color:var(--build-signal)}.todo-period-picker{border:1px solid var(--build-line);grid-template-columns:repeat(7,1fr);margin:-2px 0 12px;display:grid}.todo-period-picker button{border:0;border-right:1px solid var(--build-line);min-height:40px;color:var(--build-muted);background:color-mix(in srgb, var(--build-panel) 86%, transparent);font-size:8px}.todo-period-picker button:last-child{border-right:0}.todo-period-picker button.is-active{color:var(--build-paper);background:var(--build-ink)}.todo-widget-counts.is-four{grid-template-columns:repeat(4,1fr)}.todo-widget-counts.is-four strong{font-size:23px}.todo-widget-items{grid-template-columns:repeat(4,1fr)}.todo-board-secondary{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 84%, transparent);grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.todo-board-secondary>article{border-right:1px solid var(--build-line);min-width:0}.todo-board-secondary>article:last-child{border-right:0}.todo-board-secondary>article>header{border-bottom:1px solid var(--build-line);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:54px;padding:0 12px;display:grid}.todo-board-secondary>article>header>svg{color:var(--build-signal)}.todo-board-secondary>article>header>span{gap:2px;display:grid}.todo-board-secondary>article>header small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:6px}.todo-board-secondary>article>header strong{font-size:10px}.todo-board-secondary>article>header button{color:var(--build-muted);background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:7px;display:flex}.todo-board-secondary>article>div>p{border-bottom:1px solid var(--build-line);align-items:center;gap:9px;min-height:48px;margin:0;padding:0 12px;display:flex}.todo-board-secondary>article>div>p:last-child{border-bottom:0}.todo-board-secondary p>span{gap:3px;min-width:0;display:grid}.todo-board-secondary p strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.todo-board-secondary p small{color:var(--build-muted);font-size:7px}.todo-board-secondary p em{color:var(--build-signal);white-space:nowrap;margin-left:auto;font-size:8px;font-style:normal}.todo-board-secondary p time{width:38px;color:var(--build-signal);flex:none;font-family:Oxanium,sans-serif;font-size:8px}.todo-board-secondary p.is-empty{color:var(--build-muted);justify-content:center;font-size:8px}.todo-task-main{grid-template-columns:minmax(0,1fr) 20px 96px 96px}.todo-task-owner,.todo-due{box-sizing:border-box;justify-content:center;width:86px}.todo-feature-page{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 87%, transparent)}.todo-feature-mode{border-bottom:1px solid var(--build-line);grid-template-columns:repeat(2,1fr);display:grid}.todo-feature-mode button{border:0;border-right:1px solid var(--build-line);min-height:52px;color:var(--build-muted);background:0 0;justify-content:center;align-items:center;gap:8px;font-size:9px;display:flex}.todo-feature-mode button:last-child{border-right:0}.todo-feature-mode button.is-active{color:var(--build-paper);background:var(--build-ink)}.todo-inline-form,.todo-anniversary-form,.todo-schedule-form{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(180px,1fr) 110px 150px 84px;gap:8px;padding:12px;display:grid}.todo-inline-form input,.todo-inline-form select,.todo-anniversary-form input,.todo-anniversary-form select,.todo-schedule-form input,.todo-schedule-form select{box-sizing:border-box;border:1px solid var(--build-line);min-width:0;min-height:42px;color:var(--build-ink);background:var(--build-panel);border-radius:0;padding:0 10px;font-size:9px}.todo-inline-form>label,.todo-anniversary-form>label{min-width:0;position:relative}.todo-inline-form>label input,.todo-anniversary-form>label input{width:100%;padding-right:72px}.todo-inline-form>label span,.todo-anniversary-form>label span{height:42px;color:var(--build-muted);pointer-events:none;align-items:center;font-size:7px;display:flex;position:absolute;top:0;right:9px}.todo-inline-form>button,.todo-anniversary-form>button,.todo-schedule-form>button{border:1px solid var(--build-signal);min-height:42px;color:var(--build-paper);background:var(--build-signal);justify-content:center;align-items:center;gap:6px;font-size:8px;display:flex}.build-system[data-build-theme=dark] :is(.todo-inline-form,.todo-anniversary-form,.todo-schedule-form)>button{color:#031012}.todo-habit-list{display:grid}.todo-habit-list>article{border-bottom:1px solid var(--build-line);grid-template-columns:88px minmax(0,1fr) 88px 44px;align-items:stretch;min-height:82px;display:grid}.todo-habit-list>article:last-child{border-bottom:0}.todo-habit-list>article.is-running{box-shadow:inset 3px 0 var(--build-signal);background:var(--build-signal-soft)}.todo-habit-list>article.is-checked:not(.is-running){background:color-mix(in srgb, var(--build-lime) 7%, transparent)}.todo-habit-check{border:0;border-right:1px solid var(--build-line);color:var(--build-muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.todo-habit-check>span{border:2px solid var(--build-ink);place-items:center;width:21px;height:21px;display:grid}.todo-habit-check>span:has(svg){color:#071012;background:var(--build-lime)}.todo-habit-check>small{font-size:7px}.todo-habit-check:hover,.todo-habit-check:focus-visible{color:var(--build-ink);background:var(--build-signal-soft)}.todo-habit-list article>div{align-content:center;gap:4px;min-width:0;padding:12px 14px;display:grid}.todo-habit-list article>div small{color:var(--build-signal);font-size:7px}.todo-habit-list article>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.todo-habit-list article>div em{color:var(--build-muted);font-size:8px;font-style:normal}.todo-habit-timer,.todo-habit-delete{border:0;border-left:1px solid var(--build-line);background:0 0}.todo-habit-timer{color:var(--build-signal);flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:7px;display:flex}.todo-habit-timer:hover,.todo-habit-timer:focus-visible{background:var(--build-signal-soft)}.todo-habit-delete{color:var(--build-muted);place-items:center;display:grid}.todo-habit-delete:hover{color:var(--todo-alert)}.todo-feature-empty{min-height:210px;color:var(--build-muted);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;display:flex}.todo-feature-empty svg{color:var(--build-signal)}.todo-feature-empty strong{color:var(--build-ink);font-size:15px}.todo-feature-empty span{font-size:8px}.todo-plan-timeline>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:68px;padding:0 14px;display:flex}.todo-plan-timeline>header>div{gap:4px;display:grid}.todo-plan-timeline>header small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.todo-plan-timeline>header strong{font-size:15px}.todo-plan-timeline>header label{color:var(--build-muted);align-items:center;gap:8px;font-size:8px;display:flex}.todo-plan-timeline select{border:1px solid var(--build-line);min-height:38px;color:var(--build-ink);background:var(--build-panel);padding:0 9px}.todo-plan-timeline>p{border-bottom:1px solid var(--build-line);color:var(--build-muted);justify-content:space-between;align-items:center;gap:16px;margin:0;padding:10px 14px;font-size:8px;display:flex}.todo-plan-timeline>p em{white-space:nowrap;align-items:center;gap:6px;font-style:normal;display:flex}.todo-plan-timeline>p em i,.todo-plan-timeline>p em b{background:var(--build-lime);width:7px;height:7px;display:inline-block}.todo-plan-timeline>p em b{background:var(--todo-alert);margin-left:4px}.todo-plan-slots{border:1px solid var(--build-line);touch-action:none;-webkit-user-select:none;user-select:none;margin:14px;position:relative}.todo-plan-slots>div[data-slot-index]{border-bottom:1px solid var(--build-grid);grid-template-columns:58px minmax(0,1fr);align-items:start;min-height:31px;display:grid}.todo-plan-slots>div[data-slot-index]:last-of-type{border-bottom:0}.todo-plan-slots>div[data-slot-index].is-selected{background:var(--build-signal-soft)}.todo-plan-slots>div[data-slot-index]:focus-visible{outline:2px solid var(--build-signal);outline-offset:-2px}.todo-plan-slots time{color:var(--build-muted);padding:5px 8px;font-family:Oxanium,sans-serif;font-size:7px}.todo-plan-slots>div[data-slot-index]>span{border-left:1px solid var(--build-line);height:100%}.todo-plan-blocks{z-index:2;pointer-events:none;position:absolute;inset:0 8px 0 67px}.todo-plan-block{box-sizing:border-box;border:1px solid var(--build-signal);min-height:26px;color:var(--build-ink);background:color-mix(in srgb, var(--build-signal) 22%, var(--build-panel));pointer-events:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 5px 4px 9px;transition:box-shadow .16s,filter .16s;display:grid;position:absolute;left:0;right:0;overflow:hidden}.todo-plan-block>span{gap:1px;min-width:0;display:grid}.todo-plan-block strong,.todo-plan-block small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.todo-plan-block strong{font-size:8px}.todo-plan-block small{color:var(--build-muted);font-size:6px}.todo-plan-block-actions{align-items:center;gap:2px;display:flex}.todo-plan-block-actions>button,.todo-plan-drag-mark{width:24px;height:24px;color:var(--build-muted);background:0 0;border:0;place-items:center;display:grid}.todo-plan-block-actions>button:hover,.todo-plan-block-actions>button:focus-visible{color:var(--todo-alert);background:color-mix(in srgb, var(--todo-alert) 12%, transparent)}.todo-plan-block.is-routine{cursor:grab;border-color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 16%, var(--build-panel));touch-action:none}.todo-plan-block.is-routine:focus-visible{outline:2px solid var(--build-lime-ink);outline-offset:2px}.todo-plan-block.is-routine.is-adjusted{border-style:dashed}.todo-plan-block.is-routine.is-dragging{z-index:3;cursor:grabbing;filter:saturate(1.18);box-shadow:0 10px 24px color-mix(in srgb, var(--build-ink) 20%, transparent)}.todo-plan-block.is-routine .todo-plan-drag-mark{color:var(--build-lime-ink)}.todo-plan-block.has-conflict{box-shadow:inset 4px 0 var(--todo-alert)}.todo-plan-now{z-index:4;border-top:1px solid var(--build-signal);pointer-events:none;height:1px;position:absolute;left:58px;right:0}.todo-plan-now:before{background:var(--build-signal);content:"";width:6px;height:6px;position:absolute;top:-3px;left:-3px}.todo-plan-now span{color:var(--build-paper);background:var(--build-signal);padding:1px 4px;font-family:Oxanium,sans-serif;font-size:6px;position:absolute;top:-8px;right:4px}.todo-plan-workspace{display:grid}.todo-routine-panel{border-bottom:1px solid var(--build-line)}.todo-routine-panel>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:12px 14px;display:flex}.todo-routine-panel>header>div{gap:4px;display:grid}.todo-routine-panel>header small{color:var(--build-signal);letter-spacing:.12em;font-family:Oxanium,sans-serif;font-size:7px}.todo-routine-panel>header strong{font-size:15px}.todo-routine-panel>header span{color:var(--build-muted);font-size:8px;line-height:1.5}.todo-routine-panel>header>button{border:1px solid var(--build-signal);min-height:40px;color:var(--build-paper);background:var(--build-signal);flex:none;align-items:center;gap:7px;padding:0 12px;font-size:8px;display:flex}.build-system[data-build-theme=dark] .todo-routine-panel>header>button{color:#031012}.todo-routine-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.todo-routine-list>article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);opacity:.64;grid-template-columns:72px minmax(0,1fr) 42px;align-items:stretch;min-width:0;min-height:92px;display:grid}.todo-routine-list>article:nth-child(2n){border-right:0}.todo-routine-list>article.is-active{opacity:1;background:color-mix(in srgb, var(--build-lime) 5%, transparent)}.todo-routine-list>article.is-today{box-shadow:inset 3px 0 var(--build-lime-ink)}.todo-routine-toggle{border:0;border-right:1px solid var(--build-line);color:var(--build-muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:7px;display:flex}.todo-routine-toggle i{border:1px solid var(--build-line);border-radius:10px;width:30px;height:16px;position:relative}.todo-routine-toggle i:after{background:var(--build-muted);content:"";border-radius:50%;width:8px;height:8px;transition:transform .18s;position:absolute;top:3px;left:3px}.todo-routine-toggle[aria-pressed=true]{color:var(--build-lime-ink)}.todo-routine-toggle[aria-pressed=true] i{border-color:var(--build-lime-ink);background:var(--build-lime)}.todo-routine-toggle[aria-pressed=true] i:after{background:#071012;transform:translate(14px)}.todo-routine-list article>div{align-content:center;justify-items:start;gap:5px;min-width:0;padding:10px 12px;display:grid}.todo-routine-list article>div strong,.todo-routine-list article>div small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.todo-routine-list article>div strong{font-size:11px}.todo-routine-list article>div small{color:var(--build-muted);font-size:7px}.todo-routine-list article>div em{color:var(--build-muted);font-size:7px;font-style:normal}.todo-routine-list article>div em.is-included{color:var(--build-lime-ink)}.todo-routine-include{border:1px solid var(--build-line);min-height:26px;color:var(--build-ink);background:var(--build-panel);padding:0 8px;font-size:7px}.todo-routine-include:hover,.todo-routine-include:focus-visible{border-color:var(--build-signal);color:var(--build-signal)}.todo-routine-delete{border:0;border-left:1px solid var(--build-line);color:var(--build-muted);background:0 0}.todo-routine-delete:hover,.todo-routine-delete:focus-visible{color:var(--todo-alert)}.todo-routine-list>p{min-height:94px;color:var(--build-muted);grid-column:1/-1;justify-content:center;align-items:center;gap:10px;margin:0;display:flex}.todo-routine-list>p>span{gap:3px;display:grid}.todo-routine-list>p strong{color:var(--build-ink);font-size:10px}.todo-routine-list>p small{font-size:7px}.todo-routine-skipped{min-height:58px;color:var(--todo-alert);border-top:1px solid color-mix(in srgb, var(--todo-alert) 38%, transparent);background:color-mix(in srgb, var(--todo-alert) 7%, transparent);align-items:center;gap:9px;padding:9px 14px;display:flex}.todo-routine-skipped>span{gap:3px;display:grid}.todo-routine-skipped strong{color:var(--build-ink);font-size:9px}.todo-routine-skipped small{color:var(--build-muted);font-size:7px;line-height:1.5}:is(.bottom-sheet:has(.todo-plan-sheet),.bottom-sheet:has(.todo-routine-form)){--build-paper:#f5f0e6;--build-panel:#fbf7ef;--build-ink:#141718;--build-muted:#687074;--build-line:#14171840;--build-signal:#ff3728;--build-signal-soft:#ff37281a;--todo-alert:#c84336;color:var(--build-ink);border:1px solid var(--build-line);background:var(--build-panel)}.device-screen:has(.todo-plan-sheet,.todo-routine-form) .todo-mobile-nav{opacity:0;visibility:hidden;pointer-events:none}:is(.bottom-sheet:has(.todo-plan-sheet.is-dark),.bottom-sheet:has(.todo-routine-form.is-dark)){--build-paper:#070a0c;--build-panel:#0c1114;--build-ink:#f2f5f4;--build-muted:#8b989d;--build-line:#cfe2e545;--build-signal:#20d9e6;--build-signal-soft:#20d9e61a;--todo-alert:#ff756a}.bottom-sheet:has(.todo-plan-sheet,.todo-routine-form) .sheet-handle{background:var(--build-muted)}.bottom-sheet:has(.todo-plan-sheet,.todo-routine-form) .sheet-description{color:var(--build-muted)}.todo-plan-sheet,.todo-routine-form{color:var(--build-ink);gap:14px;display:grid}.todo-plan-sheet-time,.todo-routine-preview{border:1px solid var(--build-line);background:var(--build-signal-soft);gap:5px;padding:14px;display:grid}.todo-plan-sheet-time span,.todo-routine-preview small{color:var(--build-signal);letter-spacing:.1em;font-family:Oxanium,sans-serif;font-size:8px}.todo-plan-sheet-time strong{font-family:Oxanium,sans-serif;font-size:22px;font-weight:500}.todo-plan-sheet-time small{color:var(--build-muted);font-size:8px}.todo-plan-sheet>label,.todo-routine-form label{color:var(--build-muted);gap:7px;font-size:8px;display:grid}.todo-plan-sheet input,.todo-routine-form input{box-sizing:border-box;border:1px solid var(--build-line);width:100%;min-width:0;min-height:44px;color:var(--build-ink);background:var(--build-panel);border-radius:0;padding:0 11px}.todo-routine-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.todo-routine-weekend{border:1px solid var(--build-line);grid-template-columns:22px minmax(0,1fr);align-items:center;min-height:62px;padding:0 12px}.todo-routine-weekend input{width:18px;height:18px;min-height:0;accent-color:var(--build-signal);padding:0}.todo-routine-weekend>span{gap:4px;display:grid}.todo-routine-weekend strong{color:var(--build-ink);font-size:10px}.todo-routine-weekend small{color:var(--build-muted);font-size:7px;line-height:1.5}.todo-routine-preview strong{font-size:10px;line-height:1.6}.todo-routine-form-warning{color:var(--todo-alert);border:1px solid color-mix(in srgb, var(--todo-alert) 42%, transparent);background:color-mix(in srgb, var(--todo-alert) 7%, transparent);align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:8px;line-height:1.5;display:flex}.todo-sheet-actions{grid-template-columns:100px minmax(0,1fr);gap:8px;display:grid}.todo-sheet-actions button{border:1px solid var(--build-line);min-height:44px;color:var(--build-ink);background:0 0;justify-content:center;align-items:center;gap:7px;font-size:8px;display:flex}.todo-sheet-actions button[type=submit]{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .todo-sheet-actions button[type=submit]{color:#031012}.todo-sheet-actions button:disabled{cursor:not-allowed;opacity:.42}.todo-anniversary-form{grid-template-columns:minmax(170px,1fr) 90px 190px 130px 82px}.todo-anniversary-form>label:first-of-type{grid-template-columns:1fr 1fr;gap:6px;display:grid}.todo-anniversary-grid{grid-template-columns:repeat(3,1fr);display:grid}.todo-anniversary-grid>article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);grid-template-columns:42px minmax(0,1fr);align-content:start;gap:12px;min-width:0;min-height:164px;padding:16px;display:grid}.todo-anniversary-grid>article:nth-child(3n){border-right:0}.todo-anniversary-grid>article.is-near{background:var(--build-signal-soft)}.todo-anniversary-grid article>span{border:1px solid var(--build-line);width:40px;height:40px;color:var(--build-signal);place-items:center;display:grid}.todo-anniversary-grid article>div{gap:5px;min-width:0;display:grid}.todo-anniversary-grid article>div small{color:var(--build-signal);font-size:7px}.todo-anniversary-grid article>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.todo-anniversary-grid article>div em{color:var(--build-muted);font-size:9px;font-style:normal}.todo-anniversary-grid article>footer{border-top:1px solid var(--build-line);color:var(--build-muted);grid-column:1/-1;justify-content:space-between;align-self:end;align-items:center;margin-top:18px;padding-top:10px;font-size:7px;display:flex}.todo-anniversary-grid article>footer button{width:30px;height:30px;color:var(--build-muted);background:0 0;border:0;place-items:center;display:grid}.todo-stat-cards{border-bottom:1px solid var(--build-line);grid-template-columns:repeat(3,1fr);display:grid}.todo-stat-cards article{border-right:1px solid var(--build-line);flex-direction:column;justify-content:center;min-height:150px;padding:18px;display:flex}.todo-stat-cards article:last-child{border-right:0}.todo-stat-cards small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:7px}.todo-stat-cards strong{margin-top:10px;font-family:Oxanium,sans-serif;font-size:38px;font-weight:500}.todo-stat-cards span{color:var(--build-muted);font-size:8px}.todo-week-chart>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:62px;padding:0 16px;display:flex}.todo-week-chart>header span{gap:4px;display:grid}.todo-week-chart>header small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.todo-week-chart>header strong{font-size:13px}.todo-week-chart>header em{color:var(--build-muted);font-size:7px;font-style:normal}.todo-week-chart>div{grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:260px;padding:24px 20px 16px;display:grid}.todo-week-chart article{grid-template-rows:minmax(0,1fr) auto auto auto;justify-items:center;gap:5px;min-width:0;height:100%;display:grid}.todo-chart-track{background:color-mix(in srgb, var(--build-muted) 8%, transparent);align-items:flex-end;width:min(34px,70%);height:100%;display:flex}.todo-chart-track i{background:var(--build-signal);width:100%;min-height:4px}.todo-week-chart article>strong{font-family:Oxanium,sans-serif;font-size:10px}.todo-week-chart article>small,.todo-week-chart article>em{color:var(--build-muted);font-size:7px;font-style:normal}.todo-template-gallery{grid-template-columns:repeat(3,1fr);display:grid}.todo-template-gallery article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);flex-direction:column;justify-content:flex-end;min-width:0;min-height:250px;padding:18px;display:flex;position:relative;overflow:hidden}.todo-template-gallery article:nth-child(3n){border-right:0}.todo-template-gallery article>span{color:var(--build-ink);opacity:.055;white-space:nowrap;font-family:Oxanium,sans-serif;font-size:34px;font-weight:700;position:absolute;top:10px;left:-3px;right:-8px;overflow:hidden;transform:rotate(-6deg)}.todo-template-gallery article>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.todo-template-gallery article>strong{margin-top:6px;font-size:19px}.todo-template-gallery ul{color:var(--build-muted);gap:4px;margin:12px 0;padding:0;font-size:8px;list-style:none;display:grid}.todo-template-gallery li:before{color:var(--build-signal);content:"□";margin-right:6px}.todo-template-gallery button{border:1px solid var(--build-signal);min-height:38px;color:var(--build-signal);background:var(--build-signal-soft);justify-content:space-between;align-items:center;padding:0 10px;font-size:8px;display:flex}.todo-schedule-form{grid-template-columns:minmax(140px,1fr) 86px 210px minmax(120px,.7fr) 82px}.todo-schedule-form>label{grid-template-columns:1fr auto 1fr;align-items:center;gap:5px;display:grid}.todo-schedule-form>label input{width:100%}.todo-schedule-board{grid-template-columns:repeat(7,minmax(110px,1fr));display:grid;overflow-x:auto}.todo-schedule-board>section{border-right:1px solid var(--build-line);min-width:0}.todo-schedule-board>section:last-child{border-right:0}.todo-schedule-board>section.is-today{background:var(--build-signal-soft)}.todo-schedule-board section>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:48px;padding:0 10px;display:flex}.todo-schedule-board section>header strong{font-size:9px}.todo-schedule-board section>header small{color:var(--build-signal);font-size:7px}.todo-schedule-board section>div{min-height:250px}.todo-schedule-board article{border-bottom:1px solid var(--build-line);grid-template-columns:36px minmax(0,1fr) 24px;gap:7px;min-height:64px;padding:9px;display:grid}.todo-schedule-board article time{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.todo-schedule-board article time small{color:var(--build-muted);margin-top:3px;font-size:6px;display:block}.todo-schedule-board article>span{align-content:start;gap:4px;min-width:0;display:grid}.todo-schedule-board article>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.todo-schedule-board article>span small{color:var(--build-muted);font-size:6px}.todo-schedule-board article button{width:24px;height:24px;color:var(--build-muted);background:0 0;border:0;place-items:center;display:grid}.todo-schedule-board section>div>p{color:var(--build-muted);text-align:center;margin:18px 0 0}.studio-todo-cover{color:#f5f0e6;background-color:#090c0e;background-image:linear-gradient(#f5f0e60f 1px,#0000 1px),linear-gradient(90deg,#f5f0e60f 1px,#0000 1px);background-size:32px 32px;flex-direction:column;width:100%;height:100%;font-family:Oxanium,PingFang SC,sans-serif;display:flex;overflow:hidden}.studio-todo-cover>header{letter-spacing:.12em;border-bottom:1px solid #f5f0e62e;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;font-size:8px;display:flex}.studio-todo-cover>header span{color:#ff3728}.studio-todo-cover>section{flex-direction:column;flex:1;justify-content:center;padding:26px 18px 16px;display:flex}.studio-todo-cover>section small{color:#f5f0e680;letter-spacing:.14em;font-size:7px}.studio-todo-cover>section strong{letter-spacing:-.055em;margin-top:10px;font-size:clamp(28px,3.1vw,48px);line-height:.95}.studio-todo-cover>section i{color:#ff3728;font-style:normal}.studio-todo-cover-list{border:1px solid #f5f0e638;margin:0 18px 18px}.studio-todo-cover-list>span{border-bottom:1px solid #f5f0e629;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:grid}.studio-todo-cover-list>span:last-child{border-bottom:0}.studio-todo-cover-list i{border:1px solid #f5f0e68c;place-items:center;width:12px;height:12px;font-style:normal;display:grid}.studio-todo-cover-list b{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:500;overflow:hidden}.studio-todo-cover-list small{color:#b9f600;font-size:6px}.studio-todo-cover-list .is-done{color:#f5f0e673}.studio-todo-cover-list .is-done i{color:#071012;background:#b9f600;border-color:#b9f600}.studio-todo-cover-list .is-done b{text-decoration:line-through}.studio-todo-cover>footer{border-top:1px solid #f5f0e62e;justify-content:space-between;align-items:center;min-height:42px;padding:0 16px;font-size:8px;display:flex}.studio-todo-cover>footer span{align-items:center;gap:7px;display:flex}.studio-todo-cover>footer i{background:#b9f600;width:6px;height:6px}.studio-todo-cover.is-card>section{padding-top:18px;padding-bottom:10px}.studio-todo-cover.is-card>section strong{font-size:32px}.studio-todo-cover.is-card .studio-todo-cover-list{margin-bottom:12px}.studio-todo-cover.is-card .studio-todo-cover-list>span{min-height:34px}.studio-todo-cover.is-card>footer{display:none}.studio-todo-cover.studio-work-cover{aspect-ratio:16/8.2;object-fit:initial;height:auto}.studio-todo-cover.studio-work-cover>section{padding-top:40px;padding-bottom:30px}.studio-todo-cover.studio-work-cover .studio-todo-cover-list{width:min(520px,100% - 36px)}@media (width>=761px){.build-system:has(.todo-app) .todo-header{padding-right:226px}}@media (width<=1040px) and (width>=761px){.todo-header{grid-template-columns:auto minmax(130px,160px) minmax(280px,1fr) auto auto}.todo-header .platform-account-menu{display:none}.todo-nav{grid-template-columns:none;grid-auto-columns:minmax(58px,68px)}.todo-nav button{padding:0 6px}.todo-nav button small{display:none}}@media (width<=760px){.todo-header{min-height:calc(72px + var(--build-safe-top));padding:var(--build-safe-top) 14px 0;-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:auto minmax(0,1fr) auto auto;gap:7px}.todo-header .build-child-home{width:48px;min-width:48px;padding:0}.todo-header .build-child-home span{display:none}.todo-brand strong{font-size:14px}.todo-brand span,.todo-nav{display:none}.todo-search-trigger,.todo-appearance-trigger,.todo-member-trigger{width:42px;height:42px}.todo-member-menu{position:static}.todo-member-panel{top:calc(72px + var(--build-safe-top));width:calc(100vw - 20px);max-height:calc(100svh - 96px - var(--build-safe-top));position:fixed;right:10px}.todo-header .platform-account-trigger{width:42px;min-width:42px;min-height:42px;padding:0}.todo-header .platform-account-trigger>span,.todo-header .platform-account-trigger>svg:last-child{display:none}.todo-header .platform-account-menu{position:static}.todo-header .platform-account-panel{top:calc(72px + var(--build-safe-top));width:calc(100vw - 20px);max-height:calc(100svh - 96px - var(--build-safe-top));position:fixed;right:10px;overflow-y:auto}.todo-search-bar{top:calc(72px + var(--build-safe-top));height:54px;padding:0 12px}.todo-scroll{top:calc(72px + var(--build-safe-top))!important}.todo-app.has-search .todo-scroll{top:calc(126px + var(--build-safe-top))!important}.todo-main{width:calc(100% - 28px);padding:24px 0 calc(112px + env(safe-area-inset-bottom,0px))}.todo-overview>header{min-height:126px;padding:18px 0}.todo-overview h1{margin-top:13px;font-size:clamp(37px,12vw,52px)}.todo-overview time{text-align:right;max-width:80px;padding-top:2px;line-height:1.5}.todo-metrics{grid-template-columns:repeat(2,1fr)}.todo-metrics button{min-height:86px;padding:12px}.todo-metrics button:nth-child(2){border-right:0}.todo-metrics button:nth-child(-n+2){border-bottom:1px solid var(--build-line)}.todo-metrics button strong{font-size:30px}.todo-composer{grid-template-columns:1fr 58px;margin-top:18px}.todo-composer>div{grid-template-columns:20px minmax(0,1fr) 40px;gap:7px;min-height:64px;padding:0 7px 0 12px}.todo-composer input{height:50px;font-size:12px}.todo-composer>button{justify-content:center;min-width:0;min-height:64px;padding:0}.todo-composer>button span{display:none}.todo-composer>p{padding:0 12px;font-size:7px}.todo-app-v2 .todo-overview>header{min-height:112px}.todo-app-v2 .todo-overview.is-compact>header{min-height:78px}.todo-overview.is-board-period h1>button{gap:5px}.todo-period-picker{grid-template-columns:none;grid-auto-columns:78px;grid-auto-flow:column;overflow-x:auto}.todo-inbox-mode{grid-template-columns:repeat(2,1fr);width:100%}.todo-wordmark-background{top:calc(72px + var(--build-safe-top))}.todo-interactive-widget{grid-template-columns:1fr;margin-top:16px}.todo-interactive-widget>header{border-right:0;border-bottom:1px solid var(--build-line);flex-direction:row;align-items:center;min-height:74px;padding:12px}.todo-widget-counts{border-right:0}.todo-widget-counts.is-four{grid-template-columns:repeat(2,1fr)}.todo-widget-counts.is-four button:nth-child(-n+2){border-bottom:1px solid var(--build-line)}.todo-widget-counts.is-four button:nth-child(2n){border-right:0}.todo-widget-counts button{min-height:72px}.todo-widget-counts strong{font-size:23px}.todo-widget-items{grid-template-columns:1fr}.todo-widget-items>button{border-right:0;border-bottom:1px solid var(--build-line)}.todo-widget-items>button:last-child{border-bottom:0}.todo-board-secondary{grid-template-columns:1fr}.todo-board-secondary>article{border-right:0;border-bottom:1px solid var(--build-line)}.todo-board-secondary>article:last-child{border-bottom:0}.todo-checklist-grid{grid-template-columns:1fr 1fr}.todo-checklist-grid>button{min-height:150px}.todo-checklist-grid>button:nth-child(3n){border-right:1px solid var(--build-line)}.todo-checklist-grid>button:nth-child(2n){border-right:0}.todo-template-strip>div{grid-template-columns:1fr}.todo-swipe-hint{display:flex}.todo-tag-carousel{margin-left:-14px;margin-right:-14px}.todo-tag-track{border-left:0;border-right:0;padding-left:14px;padding-right:14px}.todo-list-section{margin-top:20px}.todo-task{grid-template-columns:46px minmax(0,1fr)}.todo-check,.todo-more{min-height:76px}.todo-task-main{grid-template-rows:1fr auto;grid-template-columns:18px minmax(0,1fr) 72px 72px;gap:5px 6px;min-height:76px;padding:8px}.todo-task-index{display:none}.todo-task-copy{grid-area:1/1/auto/-1;align-self:end}.todo-task-copy strong{font-size:12px}.todo-priority{grid-area:2/1}.todo-due{grid-area:2/4;justify-self:stretch;width:72px;min-height:22px;padding:0 4px}.todo-task-owner{grid-area:2/3;width:72px;min-height:22px;padding:0 4px}.todo-list-section>footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:3px}.todo-calendar-grid button{min-height:48px}.todo-calendar-grid button small{min-width:14px;height:14px;top:4px;right:4px}.todo-calendar-grid button.is-today:after{bottom:5px}.todo-mobile-nav{z-index:60;right:10px;bottom:max(10px, env(safe-area-inset-bottom,0px));border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 96%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);grid-template-columns:none;grid-auto-columns:minmax(64px,1fr);grid-auto-flow:column;height:68px;padding:4px;display:grid;position:absolute;left:10px;overflow-x:auto;box-shadow:0 14px 34px #00000024}.todo-mobile-nav button{min-width:0;color:var(--build-muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;display:flex;position:relative}.todo-mobile-nav button.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.todo-mobile-nav button.is-active:after{background:var(--build-signal);content:"";height:2px;position:absolute;bottom:2px;left:10px;right:10px}.todo-toast{right:14px;bottom:calc(90px + env(safe-area-inset-bottom,0px));justify-content:center;left:14px}.todo-editor-grid{grid-template-columns:1fr}.todo-editor-actions{grid-template-columns:104px minmax(0,1fr)}.todo-inline-form,.todo-anniversary-form,.todo-schedule-form{grid-template-columns:1fr 1fr}.todo-inline-form>input:first-child,.todo-anniversary-form>input:first-child,.todo-schedule-form>input:first-child,.todo-inline-form>button,.todo-anniversary-form>button,.todo-schedule-form>button,.todo-schedule-form>label,.todo-schedule-form>input:last-of-type{grid-column:1/-1}.todo-anniversary-grid,.todo-template-gallery{grid-template-columns:1fr}.todo-anniversary-grid>article,.todo-template-gallery article{border-right:0}.todo-stat-cards article{min-height:108px;padding:12px}.todo-stat-cards strong{font-size:27px}.todo-week-chart>div{gap:6px;height:220px;padding-left:10px;padding-right:10px}.todo-plan-timeline>header{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding-top:10px;padding-bottom:10px}.todo-plan-timeline>p{flex-direction:column;align-items:flex-start;gap:5px}.todo-routine-panel>header{flex-direction:column;align-items:flex-start}.todo-routine-panel>header>button{justify-content:center;width:100%}.todo-routine-list{grid-template-columns:1fr}.todo-routine-list>article{border-right:0}.studio-todo-cover.studio-work-cover{aspect-ratio:1/1.15}.studio-todo-cover.studio-work-cover>section{padding-top:26px;padding-bottom:20px}}@media (width<=430px){.todo-brand{max-width:92px}.todo-calendar>footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding-top:9px;padding-bottom:9px}}@media (width<=760px){.build-system:is([data-navigation-mode=left],[data-navigation-mode=right]) .todo-mobile-nav{grid-template-columns:repeat(2,48px);grid-auto-rows:48px;width:auto;height:auto;left:10px;right:auto}.build-system[data-navigation-mode=right] .todo-mobile-nav{left:auto;right:10px}.build-system:is([data-navigation-mode=left],[data-navigation-mode=right]) .todo-mobile-nav button{gap:1px;width:48px;height:48px;font-size:7px}}@media (prefers-reduced-motion:reduce){.todo-app *,.studio-todo-cover *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.canto-app{scroll-behavior:auto}.canto-app *,.canto-app :before,.canto-app :after,.build-child-home{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1120px){.studio-work-detail-header{grid-template-columns:minmax(0,1fr) 230px;gap:36px}.canto-module-summary>div,.canto-scene-word-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.build-system .studio-dual-wordmark{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);width:100%}.build-system .studio-dual-wordmark>span{flex:1;padding-left:.08em;padding-right:.08em}.studio-work-detail-header{padding-bottom:138px;display:block}.studio-work-title-copy>p{font-size:15px}.studio-work-primary-cta{z-index:75;right:82px;bottom:calc(12px + env(safe-area-inset-bottom,0px));min-height:72px;box-shadow:0 0 0 1px var(--build-paper);padding:12px 16px;position:fixed;left:12px}.studio-work-primary-cta strong{font-size:18px}.studio-admin-tabs{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto}.studio-platform-admin .studio-admin-tabs{grid-template-columns:repeat(8,112px)}.studio-admin-tabs button{min-width:58px;min-height:58px}.studio-admin-tabs button svg{width:17px}.canto-module-summary,.canto-course-map{margin-top:68px}.canto-module-summary>header,.canto-course-map>header{grid-template-columns:1fr auto;gap:8px;min-height:118px;padding:16px 0;display:grid}.canto-module-summary>header>span,.canto-course-map>header>span{grid-column:1/-1}.canto-module-summary>header h2,.canto-course-map>header h2{font-size:23px}.canto-module-summary>div{grid-template-columns:1fr}.canto-module-summary>div>button{min-height:194px}.canto-stage-grid{grid-template-columns:1fr}.canto-stage-grid>article>header{min-height:142px}.canto-month-switch>button{min-height:84px;padding:12px}.canto-month-switch strong{font-size:15px}.canto-stage-tabs{display:flex;overflow-x:auto}.canto-stage-tabs>button{min-width:118px;min-height:84px}.canto-stage-focus>header{flex-direction:column;justify-content:center;align-items:flex-start;min-height:154px;padding:16px;display:flex}.canto-stage-focus>header strong{font-size:23px}.canto-stage-focus>div{grid-template-columns:1fr}.canto-stage-focus>div>button{border-right:0;grid-template-columns:42px 86px minmax(0,1fr) 18px;gap:9px;min-height:106px;padding:12px}.canto-day-word strong{font-size:18px}.canto-scene-flow>div{justify-content:flex-start;overflow-x:auto}.canto-scene-flow>div>span{flex:0 0 108px}.canto-scene-overview{min-height:auto;padding:46px 0 54px;display:block}.canto-scene-overview h1{font-size:clamp(50px,15vw,70px)}.canto-scene-overview>div>p{font-size:14px}.canto-scene-overview>aside{min-height:142px;margin-top:38px}.canto-focus-word>button{min-height:96px}.canto-focus-word>button strong{font-size:34px}.canto-outline-state{min-height:360px;padding:28px}.canto-outline-state button{width:100%}.canto-scene-block>header{grid-template-columns:96px minmax(0,1fr);min-height:82px}.canto-scene-block>header h2{font-size:22px}.canto-practice-module-heading{grid-template-columns:96px minmax(0,1fr);min-height:82px}.canto-practice-module-heading h2{font-size:22px}.canto-scene-block.is-scene>div,.canto-scene-block.is-culture>div{min-height:0;padding:22px 14px;display:block}.canto-scene-block.is-scene p,.canto-scene-block.is-culture p{font-size:13px}.canto-scene-block.is-scene strong{margin-top:22px;font-size:17px;display:block}.canto-scene-block.is-materials>div{grid-template-columns:1fr}.canto-scene-block.is-materials article{min-height:0;padding:20px 14px}.canto-scene-block.is-materials p,.canto-scene-block.is-materials ol,.canto-scene-block.is-materials article>div{margin-top:18px}.canto-scene-word-grid{grid-template-columns:repeat(2,1fr)}.canto-scene-word-grid button{min-height:178px;padding:14px}.canto-scene-word-grid button strong{font-size:28px}.canto-scene-pattern{padding:18px 0}.canto-scene-pattern>div{justify-content:flex-start;overflow-x:auto}.canto-scene-pattern>div span{flex:none}.canto-scene-pattern>button{min-height:108px;padding:13px}.canto-scene-pattern>button strong{font-size:18px}.canto-dialogue-list button{grid-template-columns:30px minmax(0,1fr) 22px;gap:8px;padding:14px 8px}.canto-dialogue-list button>span{flex-direction:column;gap:5px;display:flex}.canto-dialogue-list button em{font-size:10px}.canto-lesson-check{min-height:240px;margin-top:52px;padding:24px}}@media (width<=430px){.canto-scene-word-grid{grid-template-columns:1fr}.canto-scene-word-grid button{min-height:154px}}.canto-course-entry{border:1px solid var(--build-ink);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);grid-template-columns:minmax(0,1fr) 250px;align-items:end;gap:54px;margin-top:96px;padding:32px;display:grid}.canto-course-entry small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:9px}.canto-course-entry h2{letter-spacing:-.055em;max-width:760px;margin:28px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(34px,5vw,66px);line-height:.98}.canto-course-entry p{max-width:680px;color:var(--build-muted);margin:24px 0 0;font-size:13px;line-height:1.75}.canto-course-entry aside{flex-direction:column;align-items:stretch;gap:14px;display:flex}.canto-course-entry aside>span{border:1px solid var(--build-line);justify-content:space-between;align-items:baseline;min-height:76px;padding:14px;font-family:Oxanium,sans-serif;font-size:11px;display:flex}.canto-course-entry aside b{color:var(--build-signal);font-size:34px}.canto-course-entry button{border:1px solid var(--build-signal);min-height:54px;color:var(--build-paper);background:var(--build-signal);justify-content:space-between;align-items:center;padding:0 16px;font-weight:800;display:flex}.canto-course-workspace{border-top:1px solid var(--build-ink);margin-top:42px}.canto-course-workspace.is-focused{margin-top:0}.canto-course-active-day{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);border-left:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 74%, transparent);grid-template-columns:150px minmax(0,1fr);min-height:152px;display:grid}.canto-course-active-index{border:0;border-right:1px solid var(--build-line);color:var(--build-ink);text-align:left;background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;padding:18px;display:flex}.canto-course-active-index:hover,.canto-course-active-index:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-course-active-index small,.canto-course-active-split small{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-course-active-index strong{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:12px;font-family:Oxanium,sans-serif;font-size:30px;line-height:1;display:flex}.canto-course-active-index span{color:var(--build-muted);margin-top:10px;font-size:8px}.canto-course-active-split{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.canto-course-active-split>span{border-right:1px solid var(--build-line);flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:20px;display:flex}.canto-course-active-split>span:last-child{border-right:0}.canto-course-active-split strong{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:12px;font-size:clamp(22px,2.3vw,34px);line-height:1;overflow:hidden}.canto-course-active-split em{max-width:100%;color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:12px;font-size:9px;font-style:normal;line-height:1.55;overflow:hidden}.canto-course-level-label{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:76px;padding:0 18px;display:grid}.canto-course-level-label>span{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:9px}.canto-course-level-label>strong{font-size:18px}.canto-course-level-label>small{color:var(--build-muted);font-size:10px}.canto-course-level-label.is-detail{border-top:1px solid var(--build-ink);margin-top:36px}.canto-course-level-label.is-detail>strong{font-size:24px}.canto-month-switch>button{grid-template-rows:auto 1fr auto}.canto-month-switch>button em{color:var(--build-muted);grid-column:1;font-size:10px;font-style:normal}.canto-month-switch>button>span{grid-area:2/2/4}.canto-day-grid{border-left:1px solid var(--build-line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.canto-day-grid>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:116px;color:var(--build-ink);text-align:left;background:0 0;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;gap:5px 8px;padding:14px;display:grid}.canto-day-grid>button:hover,.canto-day-grid>button:focus-visible{background:var(--build-signal-soft)}.canto-day-grid>button.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 0 -3px var(--build-signal)}.canto-day-grid>button.is-complete{box-shadow:inset 0 -3px var(--build-lime-ink)}.canto-day-grid>button.is-active.is-complete{box-shadow:inset 0 -3px var(--build-signal), inset 0 -6px var(--build-lime-ink)}.canto-day-grid>button.is-locked{color:var(--build-muted)}.canto-day-grid b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.canto-day-grid strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;align-self:end;font-size:19px;overflow:hidden}.canto-day-grid small{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.canto-day-grid span{color:var(--build-signal);justify-self:end;font-family:Oxanium,sans-serif;font-size:8px}.canto-scene-lesson.is-embedded{min-width:0}.canto-scene-lesson.is-embedded .canto-scene-overview{min-height:440px;padding:52px 0}.canto-scene-lesson.is-embedded .canto-scene-overview h1{font-size:clamp(50px,7vw,90px)}.canto-course-lock-state{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);border-left:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 78%, transparent);flex-direction:column;justify-content:center;align-items:flex-start;min-height:430px;padding:52px;display:flex}.canto-course-lock-state>svg{color:var(--build-signal)}.canto-course-lock-state>small{color:var(--build-signal);letter-spacing:.15em;margin-top:22px;font-family:Oxanium,sans-serif;font-size:9px}.canto-course-lock-state h2{letter-spacing:-.055em;max-width:800px;margin:22px 0 0;font-size:clamp(38px,6vw,76px);line-height:1}.canto-course-lock-state p{max-width:680px;color:var(--build-muted);margin:22px 0 0;font-size:14px;line-height:1.75}.canto-course-lock-state>div{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.canto-course-lock-state>div span{border:1px solid var(--build-line);align-items:center;min-height:34px;padding:0 10px;font-size:10px;display:inline-flex}.canto-course-lock-state>button{border:1px solid var(--build-signal);min-width:260px;min-height:50px;color:var(--build-signal);background:0 0;justify-content:space-between;align-items:center;margin-top:38px;padding:0 16px;display:flex}.canto-module-lock>div{border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 72%, transparent);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:160px;padding:24px;display:grid}.canto-module-lock>div>svg{color:var(--build-signal)}.canto-module-lock>div p{max-width:680px;color:var(--build-muted);margin:0;font-size:12px;line-height:1.7}.canto-module-lock>div span{border:1px solid var(--build-signal);min-height:32px;color:var(--build-signal);align-items:center;padding:0 10px;font-size:9px;display:inline-flex}@media (width<=900px){.studio-platform-admin .studio-admin-tabs{grid-template-columns:repeat(8,112px)}.canto-course-entry{grid-template-columns:1fr;gap:30px}.canto-course-entry aside{grid-template-columns:1fr 1fr;display:grid}.canto-course-level-label{grid-template-columns:1fr auto;gap:6px 16px}.canto-course-level-label>span{grid-column:1/-1}.canto-day-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.canto-course-active-day{grid-template-columns:120px minmax(0,1fr)}.canto-course-active-split>span{padding:16px}}@media (width<=760px){.canto-course-entry{margin-top:64px;padding:22px 16px}.canto-course-entry aside{grid-template-columns:1fr}.canto-course-active-day{grid-template-columns:84px minmax(0,1fr)}.canto-course-active-index{padding:12px}.canto-course-active-index strong{font-size:24px}.canto-course-active-split>span{padding:13px}.canto-course-active-split strong{font-size:20px}.canto-course-active-split em{font-size:8px}.canto-course-level-label{min-height:86px;padding:12px}.canto-course-level-label>strong{font-size:16px}.canto-course-level-label>small{text-align:right}.canto-course-level-label.is-detail>strong{font-size:18px}.canto-month-switch{grid-template-columns:1fr}.canto-month-switch>button{border-right:0}.canto-day-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.canto-day-grid>button{min-height:104px;padding:10px}.canto-day-grid strong{font-size:16px}.canto-scene-lesson.is-embedded .canto-scene-overview{min-height:auto;padding:40px 0}.canto-course-lock-state{min-height:380px;padding:28px 18px}.canto-course-lock-state>button{width:100%;min-width:0}.canto-module-lock>div{grid-template-columns:30px minmax(0,1fr)}.canto-module-lock>div span{grid-column:2;justify-self:start}.canto-chart-section-heading{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:18px 0;display:flex}.canto-chart-section-heading h2{font-size:23px}.canto-chart-section-heading p{font-size:10px}.canto-lesson-quiz{margin-top:52px}.canto-lesson-quiz>header{min-height:96px;padding:16px 14px}.canto-lesson-quiz>header h2{font-size:25px}.canto-quiz-list>article{padding:22px 14px}.canto-quiz-prompt{grid-template-columns:30px minmax(0,1fr);gap:8px}.canto-quiz-prompt strong{font-size:15px}.canto-quiz-options{grid-template-columns:1fr}.canto-quiz-options button{min-height:60px}.canto-lesson-quiz>footer{grid-template-columns:1fr auto;gap:7px 14px}.canto-lesson-quiz>footer p{grid-column:1/-1}.canto-practice-notes{grid-template-columns:1fr}.canto-practice-notes article{border-right:0;border-bottom:1px solid var(--build-line);min-height:0}.canto-practice-notes article:last-child{border-bottom:0}}@media (width<=430px){.canto-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.canto-lesson-essence-formula{grid-template-columns:minmax(0,1fr);padding:24px}.canto-lesson-essence-formula>article{min-height:146px}.canto-lesson-essence-formula>article>strong,.canto-lesson-essence-formula>article.is-result>strong{font-size:clamp(22px,4vw,32px)}.canto-lesson-essence-formula>b{min-height:22px}}@media (width<=760px){.canto-lesson-essence{margin-top:24px}.canto-lesson-essence>header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.canto-lesson-essence-formula{padding:14px}.canto-lesson-essence-formula>article{min-height:132px;padding:16px}.canto-lesson-essence-formula>article>strong,.canto-lesson-essence-formula>article.is-result>strong{font-size:clamp(20px,7vw,28px)}.canto-lesson-essence>footer{grid-template-columns:1fr;gap:8px;padding:16px}}@media (width>=761px){.build-system:has(.canto-app) .canto-header{padding-right:226px}}@media (width<=1120px) and (width>=901px){.canto-app.has-course-rail .canto-basic-subnav>div>span{flex-basis:192px}.canto-app.has-course-rail .canto-subnav>div{width:calc(100% - 72px)}}@media (width<=900px) and (width>=761px){.canto-app.has-course-rail .canto-basic-subnav>div>span{flex-basis:94px;padding:0 10px;font-size:0}.canto-app.has-course-rail .canto-basic-subnav>div>span:after{content:"BASIC /";font-size:7px}.canto-app.has-course-rail .canto-subnav>div{width:calc(100% - 72px)}.canto-basic-subnav button{gap:5px;padding:0 8px}.canto-basic-subnav button>svg{display:none}.canto-basic-subnav button strong{font-size:9px}.build-system:has(.canto-app) .canto-header{padding-right:206px}}@media (width<=760px){.canto-basic-subnav button{min-width:124px}.canto-pronunciation-tabs{scrollbar-width:none;margin-bottom:28px;overflow-x:auto}.canto-pronunciation-tabs::-webkit-scrollbar{display:none}.canto-pronunciation-tabs>div{min-width:560px}.canto-article-index{grid-template-columns:1fr}.canto-article-index>button{min-height:230px;padding:18px}.canto-article-index strong{margin-top:38px;font-size:23px}.canto-contact-panel{grid-template-columns:1fr;min-height:0}.canto-contact-panel>div{border-right:0;border-bottom:1px solid var(--build-line);min-height:240px;padding:24px 18px}.canto-contact-panel>button{min-height:112px;padding:20px 18px}}@media (width>=761px){.canto-app.has-course-rail .canto-nav{display:grid}.canto-header{grid-template-columns:auto minmax(178px,214px) minmax(356px,1fr) auto auto}.canto-hierarchy-rail{top:104px}}.canto-nav-overflow{min-width:0;position:relative}.canto-nav button span{white-space:nowrap}.canto-nav-overflow>button{width:100%;height:100%}.canto-nav-overflow>aside{z-index:90;border:1px solid var(--build-ink);background:var(--build-panel);opacity:0;visibility:hidden;pointer-events:none;width:190px;transition:opacity .2s,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .24s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px)}.canto-nav-overflow:hover>aside,.canto-nav-overflow:focus-within>aside{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.canto-nav-overflow>aside>button{border-bottom:1px solid var(--build-line);justify-content:space-between;width:100%;min-height:48px;padding:0 14px}.canto-hierarchy-level-three{left:calc(100% + var(--hierarchy-gap) + var(--hierarchy-panel-width) + var(--hierarchy-gap))}.canto-hierarchy-rail.is-contextual .canto-hierarchy-level-three{left:calc(100% + var(--hierarchy-gap))}.canto-hierarchy-rail.is-depth-3 .canto-hierarchy-level-two,.canto-hierarchy-rail.is-depth-3 .canto-hierarchy-level-three{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0);transition-delay:0s;transform:translate(0)}.canto-hierarchy-level-three{max-height:min(650px,100vh - 150px);overflow:hidden}.canto-hierarchy-level-three>div{overscroll-behavior:contain;scrollbar-width:thin;max-height:min(600px,100vh - 198px);overflow-y:auto}.canto-hierarchy-level-three>div>button{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:64px;color:var(--build-muted);text-align:left;background:0 0;grid-template-columns:50px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:9px 12px;display:grid}.canto-hierarchy-level-three>div>button:hover,.canto-hierarchy-level-three>div>button:focus-visible,.canto-hierarchy-level-three>div>button.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.canto-hierarchy-level-three>div>button.is-active{box-shadow:inset 3px 0 var(--build-signal)}.canto-hierarchy-level-three>div>button>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.canto-hierarchy-level-three>div>button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.canto-hierarchy-level-three>div>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canto-hierarchy-level-three>div>button em{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-style:normal;line-height:1.4;overflow:hidden}.canto-hierarchy-level-three>div>button svg{color:var(--build-signal)}.canto-module-summary{margin-top:0}[data-canto-topic]{scroll-margin-top:150px}.canto-module-summary>header{flex-direction:column;justify-content:center;align-items:flex-start;min-height:clamp(250px,34vw,430px);padding:clamp(34px,5vw,70px) 0;display:flex}.canto-module-summary>header>span{color:var(--build-signal);letter-spacing:.18em;font-family:Oxanium,sans-serif;font-size:9px;font-weight:700}.canto-module-summary>header h1{letter-spacing:-.065em;max-width:1050px;margin:32px 0 22px;font-size:clamp(54px,7.6vw,112px);font-weight:750;line-height:.92}.canto-module-summary>header h1 i{color:var(--build-signal);font-style:normal}.canto-module-summary>header small{color:var(--build-muted);letter-spacing:.05em;font-size:14px}.canto-module-summary>div{grid-template-columns:repeat(4,minmax(0,1fr))}.canto-module-summary>div>button{min-height:280px}.canto-module-summary>footer{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 52%, transparent);margin-top:36px}.canto-module-summary>footer>span{border-bottom:1px solid var(--build-line);min-height:42px;color:var(--build-muted);letter-spacing:.16em;align-items:center;padding:0 14px;font-family:Oxanium,sans-serif;font-size:8px;display:flex}.canto-module-summary>footer>div{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.canto-module-summary>footer button{border:0;border-right:1px solid var(--build-line);min-height:64px;color:var(--build-muted);text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:6px;padding:0 13px;display:grid}.canto-module-summary>footer button:last-child{border-right:0}.canto-module-summary>footer button:hover,.canto-module-summary>footer button:focus-visible{color:var(--build-ink);background:var(--build-signal-soft)}.canto-module-summary>footer button small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.canto-module-summary>footer button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canto-linked-content-empty{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 44%, transparent);flex-direction:column;justify-content:center;align-items:flex-start;min-height:min(620px,100vh - 210px);padding:clamp(34px,6vw,78px);display:flex}.canto-linked-content-empty>small{color:var(--build-signal);letter-spacing:.18em;font-family:Oxanium,sans-serif;font-size:9px;font-weight:700}.canto-linked-content-empty h1{letter-spacing:-.06em;max-width:760px;margin:30px 0 22px;font-size:clamp(42px,6vw,84px);line-height:.95}.canto-linked-content-empty h1 i{color:var(--build-signal);font-style:normal}.canto-linked-content-empty p{max-width:620px;color:var(--build-muted);margin:0;font-size:14px;line-height:1.8}.canto-article-tools{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 54%, transparent);grid-template-columns:minmax(260px,.72fr) 1.28fr;margin:38px 0 0;display:grid}.canto-article-tools>label{border-right:1px solid var(--build-line);grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:0 16px;display:grid}.canto-article-tools input{width:100%;min-height:60px;color:var(--build-ink);font:inherit;background:0 0;border:0;outline:0}.canto-article-tools>div{scrollbar-width:none;display:flex;overflow-x:auto}.canto-article-tools>div::-webkit-scrollbar{display:none}.canto-article-tools>div button{border:0;border-right:1px solid var(--build-line);min-height:64px;color:var(--build-muted);background:0 0;flex:1 0 76px;padding:0 12px}.canto-article-tools>div button:hover,.canto-article-tools>div button:focus-visible,.canto-article-tools>div button.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 0 -2px var(--build-signal)}.canto-article-result{min-height:44px;color:var(--build-muted);letter-spacing:.14em;justify-content:space-between;align-items:center;font-family:Oxanium,sans-serif;font-size:8px;display:flex}.canto-article-index{grid-template-columns:repeat(3,minmax(0,1fr))}.canto-article-index>button{min-height:220px;padding:18px}.canto-article-index>button.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 0 0 0 1px var(--build-signal)}.canto-article-index>button>header{justify-content:space-between;align-items:center;width:100%;display:flex}.canto-article-index>button>header small{color:var(--build-signal)}.canto-article-index>button>header em{border:1px solid var(--build-line);color:var(--build-muted);padding:4px 7px;font-size:8px;font-style:normal}.canto-article-index>button>strong{max-width:none;margin-top:28px;font-size:20px}.canto-article-index>button>p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:12px;display:-webkit-box;overflow:hidden}.canto-article-index>button>footer{border-top:1px solid var(--build-line);width:100%;color:var(--build-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.canto-article-index>button>footer span{border:0;width:auto;margin:0;padding:0;font-family:Oxanium,sans-serif;font-size:8px}.canto-article-empty{border:1px solid var(--build-line);min-height:220px;color:var(--build-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.canto-article-reader{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 88%, transparent);margin-top:44px;animation:.36s cubic-bezier(.22,1,.36,1) both canto-content-reveal}.canto-article-reader>header{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(0,1fr) 44px;gap:30px;min-height:220px;padding:28px;display:grid}.canto-article-reader>header small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.canto-article-reader>header h2{letter-spacing:-.055em;max-width:820px;margin:24px 0 14px;font-size:clamp(34px,5vw,64px);line-height:1}.canto-article-reader>header p{max-width:720px;color:var(--build-muted);margin:0;font-size:13px;line-height:1.75}.canto-article-reader>header button{border:1px solid var(--build-line);width:44px;height:44px;color:var(--build-ink);background:0 0;place-items:center;display:grid}.canto-article-reader-tags{border-bottom:1px solid var(--build-line);flex-wrap:wrap;gap:8px;padding:12px 28px;display:flex}.canto-article-reader-tags span{color:var(--build-signal);background:var(--build-signal-soft);padding:6px 9px;font-size:9px}.canto-article-reader-body>section{border-bottom:1px solid var(--build-line);grid-template-columns:60px minmax(0,1fr);gap:24px;min-height:160px;padding:28px;display:grid}.canto-article-reader-body>section:last-child{border-bottom:0}.canto-article-reader-body>section>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.canto-article-reader-body h3{margin:0;font-size:22px}.canto-article-reader-body p{max-width:780px;color:var(--build-muted);margin:12px 0 0;font-size:13px;line-height:1.8}.canto-article-reader-body ul{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0 0;padding:0;list-style:none;display:grid}.canto-article-reader-body li{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:48px;padding:12px;font-size:11px}.studio-home-apps{border-top:1px solid var(--studio-line);border-left:1px solid var(--studio-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-home-apps article{border-right:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);min-width:0}.studio-home-apps article>a{height:100%;color:var(--studio-ink);grid-template-columns:1.05fr .95fr;text-decoration:none;display:grid}.studio-home-apps img{object-fit:cover;filter:saturate(.82);width:100%;height:360px;transition:filter .24s,transform .24s}.studio-home-apps article:hover img{filter:saturate()}.studio-home-apps article>a>div{flex-direction:column;align-items:flex-start;min-width:0;padding:28px;display:flex}.studio-home-apps small{color:var(--studio-red);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:9px}.studio-home-apps h2{letter-spacing:-.055em;margin:44px 0 16px;font-size:clamp(28px,3vw,48px);line-height:.95}.studio-home-apps p{color:var(--studio-muted);margin:0;font-size:13px;line-height:1.7}.studio-home-apps span{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:16px;font-size:11px;font-weight:700;display:flex}@media (width<=1120px) and (width>=761px){.canto-header{grid-template-columns:auto minmax(160px,188px) minmax(300px,1fr) auto}.canto-account-button{display:none}.canto-module-summary>div{grid-template-columns:repeat(2,minmax(0,1fr))}.canto-module-summary>footer>div{grid-template-columns:repeat(4,minmax(108px,1fr));overflow-x:auto}.canto-article-index{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-home-apps article>a{grid-template-columns:1fr}.studio-home-apps img{height:280px}.studio-home-apps article>a>div{min-height:250px}}@media (width<=760px){.canto-module-summary>header{min-height:330px;padding:46px 0 30px;display:flex}.canto-module-summary>header h1{margin:26px 0 18px;font-size:clamp(48px,14vw,72px)}.canto-module-summary>header small{font-size:11px}.canto-module-summary>div{grid-template-columns:1fr}.canto-module-summary>div>button{min-height:200px}.canto-module-summary>footer>div{display:flex;overflow-x:auto}.canto-module-summary>footer button{flex:0 0 138px}.canto-mobile-hierarchy.is-depth-3 .canto-mobile-hierarchy-sheet{height:min(560px,100svh - 108px)}.canto-mobile-hierarchy.is-depth-1 .canto-mobile-hierarchy-sheet{height:min(430px,100svh - 108px)}.canto-mobile-hierarchy-track>nav{opacity:0;pointer-events:none;transform:translate(100%)}.canto-mobile-hierarchy-track>nav:first-child{opacity:1;pointer-events:auto;transform:translate(0)}.canto-mobile-hierarchy-track.is-depth-2>nav:first-child,.canto-mobile-hierarchy-track.is-depth-3>nav:first-child{opacity:0;pointer-events:none;transform:translate(-100%)}.canto-mobile-hierarchy-track.is-depth-2>nav:nth-child(2){opacity:1;pointer-events:auto;transform:translate(0)}.canto-mobile-hierarchy-track.is-depth-2>nav:nth-child(3){opacity:0;pointer-events:none;transform:translate(100%)}.canto-mobile-hierarchy-track.is-depth-3>nav:nth-child(2){opacity:0;pointer-events:none;transform:translate(-100%)}.canto-mobile-hierarchy-track.is-depth-3>nav:nth-child(3){opacity:1;pointer-events:auto;transform:translate(0)}.canto-mobile-hierarchy-track>nav:nth-child(2)>button,.canto-mobile-hierarchy-track>nav:nth-child(3)>button{grid-template-columns:50px minmax(0,1fr) 20px}.canto-article-tools{grid-template-columns:1fr}.canto-article-tools>label{border-right:0;border-bottom:1px solid var(--build-line)}.canto-article-index{grid-template-columns:1fr}.canto-article-index>button{min-height:190px}.canto-article-reader>header{gap:16px;min-height:260px;padding:20px}.canto-article-reader-body>section{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:20px}.canto-article-reader-body ul,.studio-home-apps,.studio-home-apps article>a{grid-template-columns:1fr}.studio-home-apps img{height:240px}.studio-home-apps article>a>div{min-height:238px;padding:20px}}.canto-nav{grid-template-columns:repeat(5,minmax(72px,96px))}@media (width<=1120px){.canto-nav{grid-template-columns:repeat(5,minmax(58px,74px))}.canto-nav button{padding-left:6px;padding-right:6px}}@media (width<=760px){.canto-nav{grid-template-columns:repeat(5,1fr)}.canto-nav button{flex-direction:column;gap:2px;padding:0 3px}.canto-nav button span{font-size:8px}.canto-nav button small{display:none}}.course-test-page{color:var(--build-ink);background-color:var(--build-paper);background-image:linear-gradient(var(--build-grid) 1px, transparent 1px), linear-gradient(90deg, var(--build-grid) 1px, transparent 1px);background-size:32px 32px;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;position:absolute;inset:0;overflow:hidden auto}.course-test-grid{z-index:1;border:1px solid var(--build-line);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);pointer-events:none;position:fixed;inset:22px}.course-test-header{z-index:30;border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 90%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:80px;padding:0 clamp(34px,4vw,64px);display:grid;position:sticky;top:0}.course-test-header>a{color:var(--build-ink);align-items:center;gap:9px;font-family:Oxanium,sans-serif;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.course-test-header>a:hover,.course-test-header>a:focus-visible{color:var(--build-signal)}.course-test-header>div{align-items:baseline;gap:12px;min-width:0;display:flex}.course-test-header>div small{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.course-test-header>div strong{font-size:15px}.course-test-header>span{border:1px solid var(--build-line);min-height:30px;color:var(--build-muted);letter-spacing:.1em;align-items:center;gap:7px;padding:0 10px;font-family:Oxanium,sans-serif;font-size:8px;display:inline-flex}.course-test-header>span i{background:var(--build-lime);width:6px;height:6px}.course-motion-lab{z-index:3;border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 76%, transparent);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);width:min(100% - 104px,1440px);margin:36px auto 0;position:relative}.course-motion-lab-heading{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:flex-start;gap:32px;min-height:164px;padding:30px clamp(24px,3.4vw,48px);display:flex}.course-motion-lab-heading>div{max-width:890px}.course-motion-lab-heading small,.course-motion-sample>header small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.course-motion-lab-heading h1{letter-spacing:-.065em;margin:20px 0 10px;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(34px,5vw,66px);line-height:.94}.course-motion-lab-heading p{max-width:680px;color:var(--build-muted);margin:0;font-size:11px;line-height:1.7}.course-motion-lab-heading>span{border:1px solid var(--build-line);min-height:32px;color:var(--build-muted);white-space:nowrap;align-items:center;gap:8px;padding:0 11px;font-size:8px;font-weight:700;display:inline-flex}.course-motion-lab-heading>span i{background:var(--build-lime);width:7px;height:7px}.course-motion-sample-nav{border-bottom:1px solid var(--build-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.course-motion-sample-nav>button{border:0;border-right:1px solid var(--build-line);min-width:0;min-height:72px;color:var(--build-muted);text-align:left;background:0 0;grid-template-columns:30px minmax(0,1fr) 10px;align-items:center;gap:11px;padding:0 18px;display:grid;position:relative}.course-motion-sample-nav>button:last-child{border-right:0}.course-motion-sample-nav>button:hover,.course-motion-sample-nav>button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.course-motion-sample-nav>button.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 0 -3px var(--build-signal)}.course-motion-sample-nav>button>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.course-motion-sample-nav>button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.course-motion-sample-nav>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.course-motion-sample-nav>button em{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-style:normal;overflow:hidden}.course-motion-sample-nav>button>i{border:1px solid;justify-self:end;width:8px;height:8px}.course-motion-sample-nav>button.is-active>i{border-color:var(--build-signal);background:var(--build-signal)}.course-motion-stage{min-height:620px;padding:clamp(22px,3.4vw,42px)}.course-motion-sample{min-width:0}.course-motion-sample>header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:74px;display:flex}.course-motion-sample>header>span{flex-direction:column;gap:10px;display:flex}.course-motion-sample>header strong{letter-spacing:-.035em;font-size:clamp(22px,3vw,36px);line-height:1.08}.course-motion-sample>header p{max-width:360px;color:var(--build-muted);text-align:right;margin:0;font-size:10px;line-height:1.65}.course-motion-variable-strip{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;display:grid}.course-motion-variable-strip>span{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:76px;color:var(--build-muted);background:color-mix(in srgb, var(--build-paper) 44%, transparent);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:11px 14px;display:flex}.course-motion-variable-strip small{font-size:7px}.course-motion-variable-strip strong{font-family:Oxanium,sans-serif;font-size:18px}.course-motion-variable-strip>span.is-variable{color:var(--build-signal);background:var(--build-signal-soft);box-shadow:inset 0 3px var(--build-signal)}.course-duration-board{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;display:grid}.course-duration-board>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:250px;color:var(--build-ink);background:color-mix(in srgb, var(--build-paper) 46%, transparent);text-align:left;grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;align-content:start;column-gap:14px;padding:18px;transition:background-color .2s,color .2s,transform .2s;display:grid;position:relative}.course-duration-board>button:hover,.course-duration-board>button:focus-visible{background:var(--build-signal-soft)}.course-duration-board>button.is-active{box-shadow:inset 0 3px var(--build-signal);transform:translateY(-2px)}.course-duration-board>button>small{color:var(--build-signal);letter-spacing:.1em;grid-column:1/-1;font-family:Oxanium,sans-serif;font-size:8px}.course-duration-board>button>b{margin-top:22px;font-size:clamp(54px,7vw,92px);font-weight:600;line-height:.9}.course-duration-board>button>strong{color:var(--build-signal);align-self:end;font-family:Oxanium,sans-serif;font-size:14px}.course-duration-board>button>svg{color:var(--build-signal);position:absolute;top:18px;right:18px}.course-duration-board>button>em{color:var(--build-muted);grid-column:1/-1;margin-top:13px;font-size:9px;font-style:normal}.course-duration-meter{background:color-mix(in srgb, var(--build-line) 68%, transparent);grid-column:1/-1;height:8px;margin-top:28px;position:relative;overflow:hidden}.course-duration-meter>i{background:var(--build-signal);transform-origin:0;width:42%;height:100%;display:block}.course-duration-board>button:nth-child(2) .course-duration-meter>i{width:86%}.course-duration-meter>i.is-running{animation:.72s cubic-bezier(.22,.7,.25,1) both course-duration-trace}.course-duration-board>button:nth-child(2) .course-duration-meter>i.is-running{animation-duration:1.34s}@keyframes course-duration-trace{0%{transform:scaleX(.04)}to{transform:scaleX(1)}}.course-motion-choice-row{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;display:grid}.course-motion-choice-row>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:60px;color:var(--build-muted);text-align:left;background:0 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:9px 12px;display:flex}.course-motion-choice-row>button:hover,.course-motion-choice-row>button:focus-visible,.course-motion-choice-row>button.is-active{color:var(--build-signal);background:var(--build-signal-soft)}.course-motion-choice-row span{font-size:10px;font-weight:700}.course-motion-choice-row small{text-overflow:ellipsis;white-space:nowrap;font-family:Oxanium,sans-serif;font-size:8px;overflow:hidden}.course-motion-sample>footer{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 40%, transparent);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:56px;margin-top:20px;padding:10px 14px;display:grid}.course-motion-sample>footer b{color:var(--build-signal);letter-spacing:.12em;font-family:Oxanium,sans-serif;font-size:8px}.course-motion-sample>footer p{color:var(--build-muted);margin:0;font-size:9px;line-height:1.65}.course-nasal-board{margin-top:26px;padding-top:32px;position:relative}.course-nasal-track{height:18px;position:absolute;top:0;left:16.6667%;right:16.6667%}.course-nasal-track>span{background:var(--build-line);height:1px;position:absolute;top:8px;left:0;right:0}.course-nasal-track>i{border-left:12px solid var(--build-signal);width:calc(50% + 6px);height:11px;transition:transform .42s cubic-bezier(.22,.7,.25,1);position:absolute;top:3px;left:-6px}.course-nasal-stations{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.course-nasal-stations>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:262px;color:var(--build-ink);background:color-mix(in srgb, var(--build-paper) 46%, transparent);text-align:left;flex-direction:column;align-items:flex-start;padding:17px;transition:background-color .2s,transform .2s;display:flex;position:relative}.course-nasal-stations>button:hover,.course-nasal-stations>button:focus-visible{background:var(--build-signal-soft)}.course-nasal-stations>button.is-active{background:var(--build-signal-soft);box-shadow:inset 0 3px var(--build-signal);transform:translateY(-2px)}.course-nasal-stations>button small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.course-nasal-stations>button b{margin-top:30px;font-size:clamp(52px,6vw,82px);font-weight:600;line-height:.9}.course-nasal-stations>button strong{color:var(--build-signal);margin-top:9px;font-family:Oxanium,sans-serif;font-size:13px}.course-nasal-stations>button>span{border:1px solid;justify-content:center;align-items:center;width:44px;height:44px;margin-top:auto;font-family:Oxanium,sans-serif;font-size:14px;font-weight:700;display:inline-flex}.course-nasal-stations>button>svg{color:var(--build-signal);position:absolute;bottom:16px;right:16px}.course-nasal-observation{border:1px solid var(--build-line);grid-template-columns:92px 90px minmax(0,1fr) 74px;align-items:center;gap:14px;min-height:88px;margin-top:12px;padding:14px;animation:.28s both course-observation-in;display:grid}@keyframes course-observation-in{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.course-nasal-observation small{color:var(--build-muted);font-size:8px}.course-nasal-observation strong{font-size:23px}.course-nasal-observation p{color:var(--build-muted);margin:0;font-size:9px;line-height:1.6}.course-nasal-observation>span{border:1px solid var(--build-signal);min-height:34px;color:var(--build-signal);justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.course-tone-board{border:1px solid var(--build-line);grid-template-columns:78px minmax(0,1fr);min-height:286px;margin-top:22px;display:grid}.course-tone-board>aside{border-right:1px solid var(--build-line);grid-template-rows:repeat(5,1fr);padding:20px 10px;display:grid}.course-tone-board>aside button{border:0;border-bottom:1px solid var(--build-line);min-height:42px;color:var(--build-muted);background:0 0;justify-content:space-between;align-items:center;padding:0 7px;display:flex}.course-tone-board>aside button:last-child{border-bottom:0}.course-tone-board>aside button:hover,.course-tone-board>aside button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.course-tone-board>aside button.is-playing{color:var(--build-paper);background:var(--build-signal)}.course-tone-board>aside strong{font-family:Oxanium,sans-serif;font-size:8px}.course-tone-board>aside small{font-family:Oxanium,sans-serif;font-size:7px}.course-tone-focus{min-width:0;height:286px;position:relative;overflow:hidden}.course-tone-rails{position:absolute;inset:42px 22px}.course-tone-rails>i{background:var(--build-line);height:1px;position:absolute;left:0;right:0}.course-tone-rails>i:first-child{top:0}.course-tone-rails>i:nth-child(2){top:25%}.course-tone-rails>i:nth-child(3){top:50%}.course-tone-rails>i:nth-child(4){top:75%}.course-tone-rails>i:nth-child(5){top:100%}.course-tone-vector{position:absolute;inset:42px 22px}.course-tone-vector>i{bottom:var(--motion-tone-bottom);background:var(--build-signal);width:42%;height:5px;box-shadow:0 0 0 1px color-mix(in srgb, var(--build-signal) 14%, transparent);transform:rotate(var(--motion-tone-angle));transform-origin:0;animation:.72s cubic-bezier(.22,.7,.25,1) both course-tone-trace;position:absolute;left:44%}.course-tone-vector>i:before,.course-tone-vector>i:after{background:var(--build-signal);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translateY(-50%)}.course-tone-vector>i:before{left:-3px}.course-tone-vector>i:after{right:-3px}@keyframes course-tone-trace{0%{opacity:.28;transform:rotate(var(--motion-tone-angle)) scaleX(.06)}to{opacity:1;transform:rotate(var(--motion-tone-angle)) scaleX(1)}}.course-tone-word{z-index:2;grid-template-rows:auto auto auto;grid-template-columns:auto auto;align-items:end;column-gap:12px;display:grid;position:absolute;top:50%;left:13%;transform:translateY(-50%)}.course-tone-word small{color:var(--build-signal);letter-spacing:.12em;grid-column:1/-1;margin-bottom:10px;font-family:Oxanium,sans-serif;font-size:8px}.course-tone-word b{grid-row:2/span 2;font-size:clamp(68px,9vw,112px);font-weight:600;line-height:.8}.course-tone-word strong{color:var(--build-signal);align-self:end;font-family:Oxanium,sans-serif;font-size:15px}.course-tone-word em{color:var(--build-muted);align-self:start;font-family:Oxanium,sans-serif;font-size:10px;font-style:normal}.course-tone-choices{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(6,minmax(0,1fr));margin-top:12px;display:grid}.course-tone-choices>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:104px;color:var(--build-ink);text-align:left;background:0 0;grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;align-items:end;padding:10px;display:grid;position:relative}.course-tone-choices>button:hover,.course-tone-choices>button:focus-visible,.course-tone-choices>button.is-active{background:var(--build-signal-soft);box-shadow:inset 0 3px var(--build-signal)}.course-tone-choices>button small{color:var(--build-signal);align-self:start;font-family:Oxanium,sans-serif;font-size:7px}.course-tone-choices>button b{grid-row:2;font-size:28px;line-height:.9}.course-tone-choices>button strong{color:var(--build-signal);grid-row:3;font-family:Oxanium,sans-serif;font-size:9px}.course-tone-choices>button em{color:var(--build-muted);grid-area:1/2;align-self:start;font-family:Oxanium,sans-serif;font-size:8px;font-style:normal}.course-tone-choices>button svg{color:var(--build-signal);position:absolute;bottom:9px;right:9px}.sound-family-demo{min-height:540px}.sound-family-demo button{font:inherit}.sound-wheel-interaction{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 48%, transparent);touch-action:pan-x;outline:0;margin-top:22px}.sound-wheel-interaction:focus-visible{box-shadow:inset 0 0 0 2px var(--build-signal)}.sound-syllable-equation{border-bottom:1px solid var(--build-line);justify-content:center;align-items:stretch;min-height:84px;display:flex}.sound-syllable-equation>span{justify-content:center;align-items:center;width:min(26%,210px);min-width:110px;display:flex;position:relative;overflow:hidden}.sound-syllable-equation>span small{color:var(--build-muted);font-size:7px;font-weight:700;position:absolute;top:9px;left:10px}.sound-syllable-equation>span b{font-family:Oxanium,sans-serif;font-size:clamp(24px,3vw,38px);line-height:1}.sound-syllable-equation>span.is-fixed{background:color-mix(in srgb, var(--build-line) 24%, transparent)}.sound-syllable-equation>span.is-variable{color:var(--build-paper);background:var(--build-signal)}.sound-syllable-equation>span.is-variable small{color:currentColor;opacity:.76}.sound-syllable-equation>span.is-variable b{position:absolute}.sound-syllable-equation>em{border-right:1px solid var(--build-line);border-left:1px solid var(--build-line);width:42px;color:var(--build-muted);justify-content:center;align-items:center;font-family:Oxanium,sans-serif;font-size:13px;font-style:normal;display:flex}.sound-wheel-main{grid-template-columns:minmax(250px,.72fr) minmax(310px,1.28fr);min-height:340px;display:grid}.sound-final-wheel{border-right:1px solid var(--build-line);grid-template-rows:54px minmax(142px,1fr) 54px;min-width:0;padding:22px 26px;display:grid;position:relative;overflow:hidden}.sound-final-wheel:before,.sound-final-wheel:after{z-index:2;background:var(--build-line);content:"";pointer-events:none;height:1px;position:absolute;left:20px;right:20px}.sound-final-wheel:before{top:79px}.sound-final-wheel:after{bottom:79px}.sound-final-wheel>button{min-width:0;color:var(--build-muted);background:0 0;border:0;font-family:Oxanium,sans-serif;font-size:15px}.sound-final-wheel>button:hover,.sound-final-wheel>button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.sound-final-wheel>button.is-active{color:var(--build-signal);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sound-final-wheel>button.is-active span{color:var(--build-muted);letter-spacing:.08em;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:7px;font-weight:700;position:absolute;top:12px}.sound-final-wheel>button.is-active strong{font-size:clamp(44px,6vw,72px);line-height:1;position:absolute}.sound-word-result{align-items:center;min-width:0;padding:34px clamp(26px,4vw,58px);display:flex;position:relative}.sound-word-result>div{grid-template-rows:auto auto auto;grid-template-columns:auto minmax(120px,1fr);align-items:end;column-gap:20px;display:grid}.sound-word-result small{color:var(--build-signal);letter-spacing:.14em;grid-column:1/-1;margin-bottom:20px;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.sound-word-result b{letter-spacing:-.1em;grid-row:2/span 2;font-size:clamp(82px,10vw,136px);font-weight:600;line-height:.72}.sound-word-result strong{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:clamp(18px,2vw,28px)}.sound-word-result p{max-width:260px;color:var(--build-muted);margin:8px 0 0;font-size:9px;line-height:1.55}.sound-word-result>button{border:1px solid var(--build-line);min-height:38px;color:var(--build-muted);background:0 0;align-items:center;gap:7px;padding:0 12px;font-size:8px;font-weight:700;display:inline-flex;position:absolute;bottom:20px;right:20px}.sound-word-result>button:hover,.sound-word-result>button:focus-visible,.sound-word-result>button.is-speaking{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.sound-family-browse{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(8,minmax(0,1fr));margin-top:12px;display:grid}.sound-family-browse>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:70px;color:var(--build-muted);background:0 0;align-content:center;justify-items:center;gap:5px;padding:8px;display:grid}.sound-family-browse>button:hover,.sound-family-browse>button:focus-visible,.sound-family-browse>button.is-active{color:var(--build-signal);background:var(--build-signal-soft);box-shadow:inset 0 3px var(--build-signal)}.sound-family-browse b{font-size:20px}.sound-family-browse span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:Oxanium,sans-serif;font-size:8px;overflow:hidden}.sound-assembly-board{border:1px solid var(--build-line);margin-top:22px}.sound-assembly-formula{background:color-mix(in srgb, var(--build-paper) 46%, transparent);justify-content:center;align-items:center;gap:clamp(8px,1.5vw,20px);min-height:310px;padding:34px;display:flex;overflow:hidden}.sound-part{border:1px solid var(--build-line);width:clamp(88px,11vw,150px);min-height:156px;color:var(--build-ink);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.sound-part small{color:var(--build-muted);font-size:7px;font-weight:700}.sound-part b{font-family:Oxanium,sans-serif;font-size:clamp(42px,5vw,68px);line-height:1}button.sound-part.is-variable{color:var(--build-paper);background:var(--build-signal);border:0}button.sound-part.is-variable small{color:currentColor;opacity:.76}button.sound-part.is-variable:hover,button.sound-part.is-variable:focus-visible{color:var(--build-ink);background:var(--build-lime)}.sound-assembly-plus{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:15px}.sound-assembly-formula>svg{color:var(--build-signal);flex:none}.sound-assembly-result{border-left:4px solid var(--build-signal);background:var(--build-ink);min-width:clamp(210px,28vw,390px);min-height:156px;color:var(--build-paper);align-items:center;gap:20px;padding:20px;display:flex}.sound-assembly-result>b{font-size:clamp(68px,8vw,104px);font-weight:600;line-height:.8}.sound-assembly-result>span{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.sound-assembly-result strong{color:var(--build-lime);font-family:Oxanium,sans-serif;font-size:clamp(15px,1.8vw,22px)}.sound-assembly-result small{max-width:160px;color:color-mix(in srgb, var(--build-paper) 72%, transparent);font-size:8px;line-height:1.55}.sound-assembly-result>span>button{border:1px solid color-mix(in srgb, var(--build-paper) 30%, transparent);min-height:32px;color:var(--build-paper);background:0 0;align-items:center;gap:6px;padding:0 9px;font-size:7px;font-weight:700;display:inline-flex}.sound-assembly-result>span>button:hover,.sound-assembly-result>span>button:focus-visible,.sound-assembly-result>span>button.is-speaking{border-color:var(--build-lime);color:#07100b;background:var(--build-lime)}.sound-assembly-sequence{border-top:1px solid var(--build-line);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.sound-assembly-sequence>button{border:0;border-right:1px solid var(--build-line);min-width:0;min-height:78px;color:var(--build-muted);text-align:left;background:0 0;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:end;padding:9px;display:grid}.sound-assembly-sequence>button:last-child{border-right:0}.sound-assembly-sequence>button:hover,.sound-assembly-sequence>button:focus-visible,.sound-assembly-sequence>button.is-active{color:var(--build-signal);background:var(--build-signal-soft);box-shadow:inset 0 3px var(--build-signal)}.sound-assembly-sequence small{grid-column:1/-1;align-self:start;font-family:Oxanium,sans-serif;font-size:7px}.sound-assembly-sequence strong{text-overflow:ellipsis;font-family:Oxanium,sans-serif;font-size:11px;overflow:hidden}.sound-assembly-sequence span{font-size:20px}.sound-rule-line>span{color:var(--build-ink);font-family:Oxanium,sans-serif;font-size:20px;font-weight:700}.course-motion-sample>footer.sound-rule-line{grid-template-columns:48px 42px minmax(0,1fr)}.pronunciation-assembly-empty{border:1px dashed var(--build-line);min-height:160px;color:var(--build-muted);place-items:center;font-size:9px;display:grid}.pronunciation-assembly-module.is-compact .sound-assembly-formula{flex-wrap:wrap;gap:6px;min-height:210px;padding:14px 10px}.pronunciation-assembly-module.is-compact .sound-part{gap:7px;width:62px;min-height:92px}.pronunciation-assembly-module.is-compact .sound-part b{font-size:28px}.pronunciation-assembly-module.is-compact .sound-assembly-formula>svg{display:none}.pronunciation-assembly-module.is-compact .sound-assembly-result{width:100%;min-width:100%;min-height:104px;padding:14px}.pronunciation-assembly-module.is-compact .sound-assembly-result>b{font-size:54px}.pronunciation-assembly-module.is-compact .sound-assembly-result strong{font-size:13px}.pronunciation-assembly-module.is-compact .sound-assembly-result small{font-size:7px}.pronunciation-assembly-module.is-compact .sound-assembly-result>span>button{min-height:26px}.pronunciation-assembly-module.is-compact .sound-assembly-sequence{grid-template-columns:repeat(4,minmax(0,1fr))}.pronunciation-assembly-module.is-compact .sound-assembly-sequence>button{min-height:58px;padding:6px}.word-pronunciation-module,.word-association-module{background:color-mix(in srgb, var(--build-panel) 88%, transparent);overflow:hidden}.word-pronunciation-stage{background:linear-gradient(135deg, color-mix(in srgb, var(--build-signal) 8%, transparent), transparent 52%), color-mix(in srgb, var(--build-paper) 72%, transparent);min-height:290px;padding:22px;display:grid}.word-pronunciation-stage>article{border:1px solid var(--build-ink);background:var(--build-panel);grid-template-columns:minmax(150px,.58fr) minmax(0,1fr);align-items:stretch;min-width:0;min-height:246px;display:grid}.word-pronunciation-stage>article>b{border-right:1px solid var(--build-ink);place-items:center;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(78px,10vw,132px);font-weight:600;line-height:.8;display:grid}.word-pronunciation-stage>article>span{flex-direction:column;align-items:flex-start;min-width:0;padding:24px;display:flex}.word-pronunciation-stage>article small,.word-association-core small,.word-association-expansion>article>small{color:var(--build-signal);letter-spacing:.12em;font-family:Oxanium,sans-serif;font-size:7px;font-weight:700}.word-pronunciation-stage>article strong{color:var(--build-signal);margin-top:20px;font-family:Oxanium,sans-serif;font-size:clamp(20px,2.5vw,31px)}.word-pronunciation-stage>article em{color:var(--build-ink);margin-top:5px;font-size:13px;font-style:normal;font-weight:700}.word-pronunciation-stage>article p{color:var(--build-muted);margin:18px 0 16px;font-size:9px;line-height:1.65}.word-pronunciation-stage>article button,.word-association-expansion>article button{border:1px solid var(--build-signal);min-height:38px;color:var(--build-signal);background:0 0;justify-content:center;align-items:center;gap:7px;margin-top:auto;padding:0 12px;font-size:8px;font-weight:700;display:inline-flex}.word-pronunciation-stage>article button:hover,.word-pronunciation-stage>article button:focus-visible,.word-pronunciation-stage>article button.is-speaking,.word-association-expansion>article button:hover,.word-association-expansion>article button:focus-visible,.word-association-expansion>article button.is-speaking{color:var(--build-paper);background:var(--build-signal)}.word-pronunciation-list{border-top:1px solid var(--build-line);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));display:grid}.word-pronunciation-list>button{border:0;border-right:1px solid var(--build-line);min-width:0;min-height:92px;color:var(--build-muted);text-align:left;background:0 0;grid-template-rows:auto 1fr;grid-template-columns:1fr auto;align-items:end;padding:9px;display:grid}.word-pronunciation-list>button:last-child{border-right:0}.word-pronunciation-list>button:hover,.word-pronunciation-list>button:focus-visible,.word-pronunciation-list>button.is-active{color:var(--build-signal);background:var(--build-signal-soft);box-shadow:inset 0 3px var(--build-signal)}.word-pronunciation-list small{grid-column:1/-1;align-self:start;font-family:Oxanium,sans-serif;font-size:7px}.word-pronunciation-list b{font-size:30px;font-weight:600}.word-pronunciation-list span{text-overflow:ellipsis;font-family:Oxanium,sans-serif;font-size:9px;overflow:hidden}.word-pronunciation-module.is-compact .word-pronunciation-stage{min-height:220px;padding:12px}.word-pronunciation-module.is-compact .word-pronunciation-stage>article{grid-template-columns:110px minmax(0,1fr);min-height:194px}.word-pronunciation-module.is-compact .word-pronunciation-stage>article>b{font-size:64px}.word-pronunciation-module.is-compact .word-pronunciation-stage>article>span{padding:14px}.word-pronunciation-module.is-compact .word-pronunciation-stage>article strong{margin-top:10px;font-size:17px}.word-pronunciation-module.is-compact .word-pronunciation-stage>article p{margin:8px 0;font-size:7px}.word-pronunciation-module.is-compact .word-pronunciation-stage>article button{min-height:30px}.word-pronunciation-module.is-compact .word-pronunciation-list>button{min-height:66px;padding:6px}.word-pronunciation-module.is-compact .word-pronunciation-list b{font-size:22px}.word-association-module{grid-template-columns:180px minmax(0,1fr);min-height:340px;display:grid}.word-association-core{border-right:1px solid var(--build-line);min-height:340px;color:var(--build-paper);background:var(--build-ink);flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:relative;overflow:hidden}.word-association-core:after{border:1px solid color-mix(in srgb, var(--build-paper) 22%, transparent);content:"";width:90px;height:90px;position:absolute;bottom:-34px;right:-34px;transform:rotate(45deg)}.word-association-core b{margin:auto 0 14px;font-family:Oxanium,PingFang SC,sans-serif;font-size:94px;font-weight:600;line-height:.8}.word-association-core span{color:var(--build-lime);font-family:Oxanium,sans-serif;font-size:14px}.word-association-expansion{grid-template-rows:minmax(190px,1fr) auto;gap:14px;min-width:0;padding:22px;display:grid}.word-association-expansion>article{border:1px solid var(--build-ink);background:var(--build-panel);flex-direction:column;align-items:flex-start;min-width:0;min-height:190px;padding:20px;display:flex}.word-association-expansion>article b{margin-top:18px;font-size:clamp(38px,5vw,62px);font-weight:600;line-height:.9}.word-association-expansion>article strong{color:var(--build-signal);margin-top:11px;font-family:Oxanium,sans-serif;font-size:13px}.word-association-expansion>article p{color:var(--build-muted);margin:8px 0 14px;font-size:9px}.word-association-list{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.word-association-list>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:74px;color:var(--build-muted);text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:4px;padding:9px;display:flex}.word-association-list>button:hover,.word-association-list>button:focus-visible,.word-association-list>button.is-active{color:var(--build-signal);background:var(--build-signal-soft);box-shadow:inset 0 3px var(--build-signal)}.word-association-list small{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:6px;overflow:hidden}.word-association-list strong{color:var(--build-ink);margin-top:auto;font-size:15px}.word-association-list span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:Oxanium,sans-serif;font-size:8px;overflow:hidden}.word-association-module.is-compact{grid-template-columns:112px minmax(0,1fr);min-height:260px}.word-association-module.is-compact .word-association-core{min-height:260px;padding:14px}.word-association-module.is-compact .word-association-core b{font-size:58px}.word-association-module.is-compact .word-association-expansion{grid-template-rows:minmax(150px,1fr) auto;gap:9px;padding:12px}.word-association-module.is-compact .word-association-expansion>article{min-height:150px;padding:12px}.word-association-module.is-compact .word-association-expansion>article b{margin-top:9px;font-size:30px}.word-association-module.is-compact .word-association-expansion>article p{margin:5px 0;font-size:7px}.word-association-module.is-compact .word-association-expansion>article button{min-height:29px}.word-association-module.is-compact .word-association-list>button{min-height:58px;padding:6px}.canto-interactive-module>header{grid-template-columns:170px minmax(0,1fr)}.canto-interactive-module>header p{color:var(--build-muted);grid-column:2;margin:-24px 0 0;font-size:10px}.canto-interactive-module>.pronunciation-assembly-module,.canto-interactive-module>.word-pronunciation-module,.canto-interactive-module>.word-association-module{border:1px solid var(--build-line);border-top:0}.canto-interactive-module .sound-assembly-formula{min-height:290px}.canto-pronunciation-assembly>header{grid-template-columns:170px minmax(0,1fr)}.canto-pronunciation-assembly>header p{color:var(--build-muted);grid-column:2;margin:-24px 0 0;font-size:10px}.canto-pronunciation-assembly>.pronunciation-assembly-module{border:1px solid var(--build-line);border-top:0}.canto-pronunciation-assembly .sound-assembly-formula{min-height:290px}.sound-stream-board{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-paper) 46%, transparent);grid-template-columns:170px minmax(0,1fr);min-height:330px;margin-top:22px;display:grid;overflow:hidden}.sound-stream-board>aside{z-index:3;border-right:1px solid var(--build-line);color:var(--build-paper);background:var(--build-signal);flex-direction:column;justify-content:center;align-items:flex-start;padding:22px;display:flex;position:relative}.sound-stream-board>aside small{letter-spacing:.08em;font-size:7px;font-weight:700}.sound-stream-board>aside b{margin:auto 0;font-family:Oxanium,sans-serif;font-size:112px;line-height:.75}.sound-stream-board>aside span{font-size:8px;line-height:1.5}.sound-stream-viewport{align-items:center;min-width:0;display:flex;overflow:hidden}.sound-stream-track{align-items:center;width:max-content;padding-left:calc(50% - 77px);padding-right:calc(50% - 77px);display:flex}.sound-stream-track>button{border:1px solid var(--build-line);height:220px;color:var(--build-muted);background:color-mix(in srgb, var(--build-paper) 84%, transparent);text-align:left;flex-direction:column;flex:0 0 138px;align-items:flex-start;margin:0 8px;padding:16px;transition:height .24s,color .24s,background-color .24s;display:flex;position:relative}.sound-stream-track>button:hover,.sound-stream-track>button:focus-visible{color:var(--build-signal)}.sound-stream-track>button.is-visited:after{background:var(--build-lime-ink);content:"";width:7px;height:7px;position:absolute;top:10px;right:10px}.sound-stream-track>button.is-active{height:260px;color:var(--build-paper);background:var(--build-ink);box-shadow:inset 0 4px var(--build-signal)}.sound-stream-track small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:10px}.sound-stream-track b{color:inherit;margin:auto 0 10px;font-size:68px;font-weight:600;line-height:.8}.sound-stream-track strong{font-family:Oxanium,sans-serif;font-size:11px}.sound-stream-track i{background:var(--build-signal);width:28px;height:3px;margin-top:16px}.sound-stream-observation{border:1px solid var(--build-line);grid-template-columns:150px minmax(0,1fr) 180px;align-items:center;gap:18px;min-height:92px;margin-top:12px;padding:12px 14px;display:grid}.sound-stream-observation>span{grid-template-columns:auto auto;align-items:end;column-gap:10px;display:grid}.sound-stream-observation>span small{color:var(--build-muted);grid-column:1/-1;font-size:7px}.sound-stream-observation>span b{font-size:30px}.sound-stream-observation>span strong{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:11px}.sound-stream-observation>p{color:var(--build-muted);margin:0;font-size:9px;line-height:1.6}.sound-stream-observation>p strong{color:var(--build-signal);font-family:Oxanium,sans-serif}.sound-stream-observation>button{border:1px solid var(--build-signal);min-height:42px;color:var(--build-signal);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:8px;font-weight:700;display:inline-flex}.sound-stream-observation>button:hover,.sound-stream-observation>button:focus-visible,.sound-stream-observation>button.is-playing{color:var(--build-paper);background:var(--build-signal)}.course-motion-controls{border-top:1px solid var(--build-line);grid-template-columns:180px 190px 130px 140px minmax(0,1fr);align-items:stretch;min-height:72px;display:grid}.course-motion-controls>button{border:0;border-right:1px solid var(--build-line);color:var(--build-muted);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:9px;font-weight:700;display:inline-flex}.course-motion-controls>button:hover,.course-motion-controls>button:focus-visible,.course-motion-controls>button.is-active{color:var(--build-signal);background:var(--build-signal-soft)}.course-motion-controls>button.is-primary{color:var(--build-paper);background:var(--build-ink)}.course-motion-controls>button.is-primary:hover,.course-motion-controls>button.is-primary:focus-visible{color:var(--build-paper);background:var(--build-signal)}.course-motion-controls>span{color:var(--build-muted);justify-content:flex-end;align-items:center;gap:8px;padding:0 20px;font-size:8px;display:inline-flex}.course-motion-controls>span i{background:var(--build-lime);width:7px;height:7px}.course-test-shell{z-index:3;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:32px;width:min(100% - 104px,1440px);min-height:calc(100svh - 80px);margin:0 auto;padding:36px 0 132px;display:grid;position:relative}.course-test-rail{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 78%, transparent);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);position:sticky;top:116px}.course-test-rail>header{border-bottom:1px solid var(--build-line);flex-direction:column;align-items:flex-start;min-height:216px;padding:24px;display:flex}.course-test-rail>header small,.course-test-lesson-heading small,.course-test-stage>header small,.course-test-pattern header small,.course-test-sentence header small{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.course-test-rail h1{letter-spacing:-.06em;margin:26px 0 10px;font-family:Oxanium,PingFang SC,sans-serif;font-size:38px;line-height:.95}.course-test-rail>header p{color:var(--build-muted);margin:auto 0 0;font-size:10px;line-height:1.7}.course-test-progress{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:0 16px;display:grid}.course-test-progress>span{background:color-mix(in srgb, var(--build-line) 64%, transparent);height:4px}.course-test-progress>span i{background:var(--build-lime-ink);height:100%;transition:width .24s;display:block}.course-test-progress small{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px}.course-test-rail nav{display:grid}.course-test-rail nav button{border:0;border-bottom:1px solid var(--build-line);min-height:66px;color:var(--build-muted);text-align:left;background:0 0;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:0 14px;display:grid}.course-test-rail nav button:hover,.course-test-rail nav button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.course-test-rail nav button.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 3px 0 var(--build-signal)}.course-test-rail nav button>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.course-test-rail nav button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.course-test-rail nav button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.course-test-rail nav button em{text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-style:normal;overflow:hidden}.course-test-rail>footer{flex-direction:column;gap:5px;padding:15px;display:flex}.course-test-rail>footer span{color:var(--build-signal);font-size:7px;font-weight:700}.course-test-rail>footer strong{font-size:8px;line-height:1.55}.course-test-workspace{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 66%, transparent);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);min-width:0}.course-test-lesson-heading{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:flex-start;gap:24px;min-height:180px;padding:clamp(24px,4vw,44px);display:flex}.course-test-lesson-heading h2{letter-spacing:-.06em;margin:20px 0 10px;font-size:clamp(34px,5vw,66px);line-height:.95}.course-test-lesson-heading p{max-width:650px;color:var(--build-muted);margin:0;font-size:12px;line-height:1.7}.course-test-lesson-heading>span{border:1px solid var(--build-signal);min-height:32px;color:var(--build-signal);white-space:nowrap;align-items:center;padding:0 10px;font-size:8px;font-weight:700;display:inline-flex}.course-test-phases{border-bottom:1px solid var(--build-line);grid-template-columns:repeat(3,1fr);display:grid}.course-test-phases button{border:0;border-right:1px solid var(--build-line);min-height:66px;color:var(--build-muted);text-align:left;background:0 0;grid-template-columns:26px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:0 16px;display:grid;position:relative}.course-test-phases button:last-child{border-right:0}.course-test-phases button:hover,.course-test-phases button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.course-test-phases button.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 0 -3px var(--build-signal)}.course-test-phases button.is-complete{color:var(--build-lime-ink)}.course-test-phases button small{color:inherit;font-family:Oxanium,sans-serif;font-size:8px}.course-test-phases button strong{font-size:10px}.course-test-phases button>span{border:1px solid;justify-self:center;width:7px;height:7px}.course-test-stage{min-height:510px;padding:clamp(22px,3.5vw,38px)}.course-test-stage>header{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:22px;display:flex}.course-test-stage>header strong{font-size:11px}.course-test-sound-grid{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.course-test-sound-grid button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:318px;color:var(--build-ink);background:color-mix(in srgb, var(--build-paper) 48%, transparent);text-align:left;flex-direction:column;align-items:flex-start;padding:16px;transition:background-color .18s,color .18s,transform .18s;display:flex;position:relative}.course-test-sound-grid button:hover,.course-test-sound-grid button:focus-visible{z-index:2;color:var(--build-paper);background:var(--build-ink);transform:translateY(-3px)}.course-test-sound-grid button.is-selected{box-shadow:inset 0 3px var(--build-signal);background:var(--build-signal-soft)}.course-test-sound-grid button.is-selected:hover,.course-test-sound-grid button.is-selected:focus-visible{background:var(--build-ink)}.course-test-sound-grid button small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.course-test-sound-grid button b{letter-spacing:-.06em;margin-top:42px;font-size:clamp(42px,5vw,68px);font-weight:600;line-height:.95}.course-test-sound-grid.is-contrast button b{font-size:clamp(25px,2.5vw,36px);line-height:1.1}.course-test-sound-grid button strong{color:var(--build-signal);margin-top:12px;font-family:Oxanium,sans-serif;font-size:13px}.course-test-sound-grid button span{color:var(--build-muted);margin-top:auto;font-size:8px;line-height:1.5}.course-test-sound-grid button:hover span,.course-test-sound-grid button:focus-visible span{color:inherit}.course-test-sound-grid button svg{color:var(--build-signal);position:absolute;bottom:14px;right:14px}.course-test-pattern>header,.course-test-sentence>header{border-bottom:1px solid var(--build-line);align-items:center;gap:15px;min-height:76px;display:flex}.course-test-pattern>header svg,.course-test-sentence>header svg{color:var(--build-signal)}.course-test-pattern>header h3{max-width:780px;margin:5px 0 0;font-size:clamp(19px,2.5vw,30px);line-height:1.25}.course-test-pattern-row{border-left:1px solid var(--build-line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.course-test-pattern-row button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-width:0;min-height:142px;color:var(--build-ink);text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:7px;padding:14px;display:flex}.course-test-pattern-row button:hover,.course-test-pattern-row button:focus-visible,.course-test-pattern-row button.is-selected{color:var(--build-signal);background:var(--build-signal-soft)}.course-test-pattern-row button span{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:9px}.course-test-pattern-row button strong{margin-top:auto;font-family:Oxanium,sans-serif;font-size:13px}.course-test-pattern-row button small{font-size:17px}.course-test-pattern>article{border:1px solid var(--build-line);border-top:0;grid-template-columns:90px 90px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:142px;padding:18px;display:grid}.course-test-pattern>article>small{color:var(--build-muted);font-size:8px}.course-test-pattern>article>strong{font-size:28px}.course-test-pattern>article>span{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:13px}.course-test-pattern>article p{color:var(--build-muted);margin:0;font-size:10px;line-height:1.65}.course-test-pattern>article button,.course-test-sentence>button{border:1px solid var(--build-signal);min-height:44px;color:var(--build-paper);background:var(--build-signal);justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:9px;font-weight:700;display:inline-flex}.course-test-sentence>header{justify-content:space-between}.course-test-sentence>header>div{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.course-test-sentence>header span{color:var(--build-muted);font-size:9px}.course-test-sentence blockquote{letter-spacing:-.045em;max-width:920px;margin:52px 0 20px;font-size:clamp(30px,4.5vw,58px);font-weight:700;line-height:1.22}.course-test-sentence>p{max-width:940px;color:var(--build-signal);margin:0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(11px,1.4vw,15px);line-height:1.75}.course-test-sentence>div{border-top:1px solid var(--build-line);border-bottom:1px solid var(--build-line);grid-template-columns:100px minmax(0,1fr);gap:18px;max-width:900px;margin:34px 0 24px;padding:15px 0;display:grid}.course-test-sentence>div span{color:var(--build-muted);font-size:8px}.course-test-sentence>div strong{font-size:10px;line-height:1.6}.course-test-actions{border-top:1px solid var(--build-line);grid-template-columns:180px minmax(0,1fr) 220px;align-items:stretch;min-height:78px;display:grid}.course-test-actions>button{border:0;border-right:1px solid var(--build-line);color:var(--build-muted);background:0 0;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-size:9px;font-weight:700;display:flex}.course-test-actions>button:disabled{opacity:.35;cursor:not-allowed!important}.course-test-actions>button:not(:disabled):hover,.course-test-actions>button:not(:disabled):focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.course-test-actions>button.is-primary{border-right:0;border-left:1px solid var(--build-line);color:var(--build-paper);background:var(--build-ink)}.course-test-actions>button.is-primary:hover,.course-test-actions>button.is-primary:focus-visible{color:var(--build-paper);background:var(--build-signal)}.course-test-actions>div{justify-content:space-between;align-items:center;gap:10px;padding:0 18px;display:flex}.course-test-actions>div small{color:var(--build-muted);font-size:8px}.course-test-actions>div strong{font-family:Oxanium,sans-serif;font-size:10px}@media (width<=1100px){.course-motion-lab{width:min(100% - 72px,1040px)}.course-motion-controls{grid-template-columns:160px 170px 120px 130px minmax(0,1fr)}.sound-assembly-formula{padding:26px 20px}.sound-assembly-result{min-width:220px}.course-tone-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.course-test-shell{grid-template-columns:244px minmax(0,1fr);gap:22px}.course-test-sound-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-test-sound-grid button{min-height:230px}.course-test-pattern-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.course-test-grid{inset:calc(var(--build-safe-top) + 10px) 10px 10px}.course-test-header{min-height:calc(64px + var(--build-safe-top));padding:var(--build-safe-top) 18px 0;grid-template-columns:auto minmax(0,1fr) auto}.course-test-header>a span{display:none}.course-test-header>div{flex-direction:column;align-items:flex-start;gap:2px}.course-test-header>div strong{font-size:12px}.course-test-header>span{min-height:26px;padding:0 7px;font-size:6px}.course-motion-lab{width:min(100% - 28px,680px);margin-top:18px}.course-motion-lab-heading{min-height:150px;padding:22px 18px}.course-motion-lab-heading h1{margin-top:14px;font-size:36px}.course-motion-lab-heading>span{display:none}.course-motion-sample-nav>button{grid-template-columns:20px minmax(0,1fr);min-height:62px;padding:6px 8px}.course-motion-sample-nav>button>i{display:none}.course-motion-sample-nav>button strong{font-size:8px}.course-motion-sample-nav>button em{font-size:7px}.course-motion-stage{min-height:560px;padding:18px}.course-motion-sample>header{flex-direction:column;align-items:flex-start;gap:8px;min-height:92px}.course-motion-sample>header p{text-align:left}.course-motion-variable-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.course-duration-board>button{min-height:220px;padding:14px}.course-duration-board>button>b{margin-top:18px;font-size:58px}.course-motion-choice-row{grid-template-columns:1fr}.course-nasal-stations>button{min-height:226px;padding:13px}.course-nasal-stations>button b{margin-top:24px;font-size:54px}.course-nasal-observation{grid-template-columns:72px 70px minmax(0,1fr)}.course-nasal-observation>span{display:none}.course-tone-board{grid-template-columns:58px minmax(0,1fr)}.course-tone-word{left:10%}.course-tone-vector>i{width:38%;left:48%}.course-tone-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.sound-syllable-equation>span{flex:1;width:auto;min-width:0}.sound-syllable-equation>em{flex:0 0 26px;width:26px}.sound-wheel-main{grid-template-columns:118px minmax(0,1fr);min-height:330px}.sound-final-wheel{grid-template-rows:48px minmax(136px,1fr) 48px;padding:18px 9px}.sound-final-wheel:before,.sound-final-wheel:after{left:8px;right:8px}.sound-final-wheel:before{top:66px}.sound-final-wheel:after{bottom:66px}.sound-final-wheel>button.is-active strong{font-size:42px}.sound-word-result{align-items:flex-start;padding:26px 14px}.sound-word-result>div{grid-template-columns:auto minmax(0,1fr);column-gap:10px}.sound-word-result small{margin-bottom:24px}.sound-word-result b{font-size:70px}.sound-word-result strong{font-size:14px}.sound-word-result p{font-size:8px}.sound-word-result>button{bottom:12px;right:12px}.sound-family-browse{grid-template-columns:repeat(4,minmax(0,1fr))}.sound-assembly-formula{flex-wrap:wrap;gap:8px;min-height:420px;padding:20px 12px}.sound-part{width:78px;min-height:118px}.sound-part b{font-size:38px}.sound-assembly-formula>svg{display:none}.sound-assembly-result{width:100%;min-width:100%;min-height:132px}.sound-assembly-sequence{grid-template-columns:repeat(4,minmax(0,1fr))}.sound-assembly-sequence>button{border-bottom:1px solid var(--build-line)}.canto-pronunciation-assembly>header{grid-template-columns:96px minmax(0,1fr)}.canto-pronunciation-assembly>header p{grid-column:2;margin:-18px 0 0;font-size:8px}.canto-interactive-module>header{grid-template-columns:96px minmax(0,1fr)}.canto-interactive-module>header p{grid-column:2;margin:-18px 0 0;font-size:8px}.word-pronunciation-stage{min-height:250px;padding:12px}.word-pronunciation-stage>article{grid-template-columns:124px minmax(0,1fr);min-height:224px}.word-pronunciation-stage>article>b{font-size:76px}.word-pronunciation-stage>article>span{padding:16px}.word-pronunciation-list{grid-template-columns:repeat(3,minmax(0,1fr))}.word-association-module{grid-template-columns:128px minmax(0,1fr)}.word-association-core{padding:16px}.word-association-core b{font-size:66px}.word-association-expansion{padding:12px}.word-association-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-stream-board{grid-template-columns:92px minmax(0,1fr);min-height:294px}.sound-stream-board>aside{padding:14px 10px}.sound-stream-board>aside b{font-size:72px}.sound-stream-track>button{flex-basis:126px;height:202px;margin:0 6px}.sound-stream-track{padding-left:calc(50% - 69px);padding-right:calc(50% - 69px)}.sound-stream-track>button.is-active{height:236px}.sound-stream-observation{grid-template-columns:105px minmax(0,1fr);gap:10px}.sound-stream-observation>p{font-size:8px}.sound-stream-observation>button{grid-column:1/-1}.course-motion-controls{grid-template-rows:repeat(2,62px) 70px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:194px}.course-motion-controls>button{padding:0 8px;font-size:8px}.course-motion-controls>span{border-top:1px solid var(--build-line);grid-column:1/-1;justify-content:center}.course-test-shell{grid-template-columns:1fr;gap:16px;width:min(100% - 28px,680px);padding:18px 0 120px}.course-test-rail{position:static}.course-test-rail>header{min-height:130px;padding:18px}.course-test-rail h1{margin:14px 0 7px;font-size:28px}.course-test-rail>header p{margin-top:0}.course-test-rail nav{grid-template-columns:repeat(2,minmax(0,1fr))}.course-test-rail nav button{border-right:1px solid var(--build-line);min-height:58px}.course-test-rail nav button:nth-child(2n){border-right:0}.course-test-rail>footer{display:none}.course-test-lesson-heading{min-height:156px;padding:22px 18px}.course-test-lesson-heading h2{margin-top:14px;font-size:36px}.course-test-lesson-heading p{font-size:10px}.course-test-lesson-heading>span{display:none}.course-test-phases button{grid-template-columns:20px minmax(0,1fr);min-height:62px;padding:6px 8px}.course-test-phases button svg,.course-test-phases button>span{display:none}.course-test-phases button strong{font-size:8px}.course-test-stage{min-height:460px;padding:18px}.course-test-stage>header{flex-direction:column;align-items:flex-start;gap:6px}.course-test-sound-grid,.course-test-pattern-row{grid-template-columns:repeat(2,minmax(0,1fr))}.course-test-sound-grid button{min-height:210px}.course-test-sound-grid button b{margin-top:28px;font-size:45px}.course-test-sound-grid.is-contrast button b{font-size:24px}.course-test-pattern>header{align-items:flex-start;padding:14px 0}.course-test-pattern>article{grid-template-columns:1fr 1fr;padding:16px}.course-test-pattern>article p,.course-test-pattern>article button{grid-column:1/-1}.course-test-sentence blockquote{margin-top:34px;font-size:34px}.course-test-sentence>div{grid-template-columns:1fr;gap:7px}.course-test-actions{grid-template-columns:90px minmax(0,1fr) 170px;min-height:68px}.course-test-actions>button{padding:0 8px;font-size:8px}.course-test-actions>div{padding:0 8px}.course-test-actions>div small{display:none}}@media (width<=420px){.course-test-header>span{display:none}.course-motion-lab-heading p{font-size:9px}.course-motion-sample-nav>button{grid-template-columns:1fr}.course-motion-sample-nav>button>small{display:none}.course-duration-board{grid-template-columns:1fr}.course-duration-board>button{min-height:194px}.course-nasal-stations>button{min-height:202px;padding:10px}.course-nasal-stations>button small{font-size:6px}.course-nasal-stations>button b{font-size:44px}.course-nasal-stations>button strong{font-size:9px}.course-nasal-stations>button>span{width:36px;height:36px}.course-nasal-observation{grid-template-columns:58px minmax(0,1fr)}.course-nasal-observation p{grid-column:1/-1}.course-tone-word{left:8%}.course-tone-word b{font-size:62px}.course-tone-vector>i{width:32%;left:54%}.course-tone-choices>button{min-height:94px}.sound-syllable-equation{min-height:72px}.sound-syllable-equation>span small{display:none}.sound-wheel-main{grid-template-columns:104px minmax(0,1fr)}.sound-word-result b{font-size:62px}.sound-word-result strong{font-size:12px}.sound-word-result>button{font-size:7px}.sound-part{width:70px}.sound-assembly-plus{font-size:11px}.word-pronunciation-stage>article{grid-template-columns:96px minmax(0,1fr)}.word-pronunciation-stage>article>b{font-size:60px}.word-pronunciation-stage>article>span{padding:12px}.word-pronunciation-stage>article strong{margin-top:10px;font-size:17px}.word-pronunciation-stage>article p{margin:8px 0;font-size:7px}.word-association-module,.word-association-module.is-compact{grid-template-columns:1fr}.word-association-core,.word-association-module.is-compact .word-association-core{border-right:0;border-bottom:1px solid var(--build-line);min-height:150px}.word-association-core b{margin-top:24px;font-size:62px}.course-motion-controls{grid-template-rows:repeat(2,62px);grid-template-columns:1fr 1fr}.course-motion-controls>span{display:none}.course-test-rail nav{grid-template-columns:1fr}.course-test-rail nav button{border-right:0}.course-test-sound-grid,.course-test-pattern-row{grid-template-columns:1fr 1fr}.course-test-sound-grid button{min-height:190px;padding:13px}.course-test-actions{grid-template-columns:72px minmax(0,1fr)}.course-test-actions>div{display:none}}@media (prefers-reduced-motion:reduce){.course-duration-meter>i.is-running,.course-nasal-observation,.course-tone-vector>i{animation:none}.course-nasal-track>i,.course-duration-board>button,.course-nasal-stations>button,.sound-stream-track>button{transition:none}}.platform-account-menu{z-index:120;min-width:0;color:var(--build-ink);justify-self:end;font-family:Oxanium,PingFang SC,Microsoft YaHei,sans-serif;position:relative}.platform-account-trigger{border:1px solid var(--build-line);min-width:128px;min-height:46px;color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 90%, transparent);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);white-space:nowrap;justify-content:center;align-items:center;gap:9px;padding:0 12px;text-decoration:none;display:inline-flex}.platform-account-trigger:hover,.platform-account-trigger:focus-visible,.platform-account-menu.is-open .platform-account-trigger{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}.platform-account-trigger>span{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.platform-account-trigger small{color:var(--build-muted);letter-spacing:.14em;font-size:6px;font-weight:700}.platform-account-trigger strong{text-overflow:ellipsis;max-width:92px;font-size:10px;overflow:hidden}.platform-account-trigger>svg:last-child{flex:none;transition:transform .2s}.platform-account-menu.is-open .platform-account-trigger>svg:last-child{transform:rotate(180deg)}.platform-account-menu.is-active .platform-account-trigger{border-color:var(--build-signal);color:var(--build-signal)}.platform-account-menu.is-visitor .platform-account-trigger{min-width:94px}.platform-account-panel{z-index:140;border:1px solid var(--build-ink);width:min(370px,100vw - 28px);color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 98%, transparent);clip-path:inset(0 0 100%);opacity:0;pointer-events:none;transform-origin:100% 0;visibility:hidden;transition:clip-path .2s,opacity .16s,transform .2s,visibility 0s linear .2s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px)scaleY(.96);box-shadow:0 24px 68px #0000002e}.platform-account-menu.is-open .platform-account-panel,.platform-account-menu:hover .platform-account-panel,.platform-account-menu:focus-within .platform-account-panel{clip-path:inset(0);opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translateY(0)scaleY(1)}.platform-account-panel>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:14px 16px;display:flex}.platform-account-panel>header>span{flex-direction:column;gap:4px;min-width:0;display:flex}.platform-account-panel>header small,.platform-points-balance small,.platform-share-code small{color:var(--build-muted);letter-spacing:.12em;font-size:7px}.platform-account-panel>header strong{text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC,sans-serif;font-size:14px;overflow:hidden}.platform-account-panel>header em{max-width:240px;color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC,sans-serif;font-size:8px;font-style:normal;overflow:hidden}.platform-points-balance{border-bottom:1px solid var(--build-line);background:var(--build-signal-soft);justify-content:space-between;align-items:flex-end;gap:16px;min-height:98px;padding:16px;display:flex}.platform-points-balance>span{flex-direction:column;gap:5px;display:flex}.platform-points-balance>span strong{letter-spacing:-.05em;font-size:36px;line-height:.9}.platform-points-balance>div{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.platform-share-code{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:0 16px;display:flex}.platform-share-code>span{flex-direction:column;gap:5px;display:flex}.platform-share-code strong{letter-spacing:.12em;font-size:17px}.platform-share-code>button{border:1px solid var(--build-line);min-height:34px;color:var(--build-signal);background:0 0;align-items:center;gap:6px;padding:0 9px;font-size:8px;display:flex}.platform-share-action{width:calc(100% - 32px);min-height:44px;color:var(--build-paper);background:var(--build-signal);text-align:left;border:0;grid-template-columns:18px 1fr 16px;align-items:center;gap:8px;margin:12px 16px 0;padding:0 11px;font-size:9px;display:grid}.build-system[data-build-theme=dark] .platform-share-action{color:#031012}.platform-share-action:disabled,.platform-share-code>button:disabled{opacity:.45}.platform-account-status{color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 13%, transparent);margin:8px 16px 0;padding:9px 10px;font-family:PingFang SC,sans-serif;font-size:8px;line-height:1.5}.platform-account-preferences{border:1px solid var(--build-line);grid-template-columns:1fr 1fr;margin:12px 16px 0;display:grid}.platform-account-preferences>button{border:0;border-right:1px solid var(--build-line);min-height:54px;color:var(--build-ink);background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;display:flex}.platform-account-preferences>button:last-child{border-right:0}.platform-account-preferences>button:hover{background:var(--build-signal-soft)}.platform-account-preferences>button>span{align-items:center;gap:6px;display:flex}.platform-account-preferences small{color:var(--build-muted);font-family:PingFang SC,sans-serif;font-size:8px}.platform-account-preferences strong{font-size:8px}.platform-account-panel>footer{gap:6px;padding:12px 16px 16px;display:grid}.platform-account-panel>footer a{border:1px solid var(--build-line);min-height:42px;color:var(--build-ink);grid-template-columns:18px 1fr 16px;align-items:center;gap:8px;padding:0 10px;font-family:PingFang SC,sans-serif;font-size:9px;text-decoration:none;display:grid}.platform-account-panel>footer a:hover{color:var(--build-paper);background:var(--build-ink)}.platform-account-menu.is-yoyo .platform-account-trigger{min-width:114px;min-height:38px}.studio-account-form label>span{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.studio-account-form label>span small{color:var(--build-signal);font-size:8px}.studio-account-point-chip{border:1px solid var(--build-line);min-height:52px;color:var(--build-lime-ink);align-items:center;gap:9px;margin-top:18px;padding:0 12px;display:flex}.studio-account-point-chip strong{font-family:Oxanium,sans-serif;font-size:20px}.studio-account-point-chip span{color:var(--build-muted);font-size:9px}.studio-points-workspace{border-top:1px solid var(--build-ink);margin-top:76px}.studio-points-workspace>header{justify-content:space-between;align-items:flex-end;gap:40px;min-height:240px;padding:38px 0;display:flex}.studio-points-workspace>header>div{max-width:850px}.studio-points-workspace>header small,.studio-points-summary article>small,.studio-points-rules header small,.studio-points-courses header small,.studio-points-ledger header small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.studio-points-workspace>header h2{letter-spacing:-.055em;max-width:840px;margin:18px 0 12px;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(36px,5vw,68px);line-height:.95}.studio-points-workspace>header p{max-width:720px;color:var(--build-muted);margin:0;font-size:12px;line-height:1.75}.studio-points-workspace>header>span{border:1px solid var(--build-line);min-width:190px;min-height:130px;color:var(--build-signal);background:var(--build-signal-soft);grid-template-columns:auto 1fr;align-content:end;gap:4px 10px;padding:20px;display:grid}.studio-points-workspace>header>span strong{align-self:end;font-family:Oxanium,sans-serif;font-size:42px;line-height:.8}.studio-points-workspace>header>span small{color:var(--build-muted);grid-column:1/-1}.studio-points-summary{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:1.3fr repeat(3,1fr);display:grid}.studio-points-summary article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);flex-direction:column;align-items:flex-start;min-height:190px;padding:22px;display:flex}.studio-points-summary article>strong{letter-spacing:-.04em;margin-top:34px;font-family:Oxanium,sans-serif;font-size:34px}.studio-points-summary article.is-code>strong{letter-spacing:.12em}.studio-points-summary article p{color:var(--build-muted);margin:8px 0 0;font-size:9px;line-height:1.6}.studio-points-summary article button{border:1px solid var(--build-signal);min-height:36px;color:var(--build-signal);background:0 0;align-items:center;gap:7px;margin-top:auto;padding:0 10px;font-size:8px;display:flex}.studio-points-rules,.studio-points-courses,.studio-points-ledger{border:1px solid var(--build-line);margin-top:44px}.studio-points-rules>header,.studio-points-courses>header,.studio-points-ledger>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:0 18px;display:flex}.studio-points-rules>header>span,.studio-points-courses>header>span,.studio-points-ledger>header>span{flex-direction:column;gap:5px;display:flex}.studio-points-rules>header strong,.studio-points-courses>header strong,.studio-points-ledger>header strong{font-size:18px}.studio-points-rules>header em,.studio-points-ledger>header em{color:var(--build-muted);font-size:8px;font-style:normal}.studio-points-rules>div{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.studio-points-rules article{border-right:1px solid var(--build-line);min-height:210px;padding:20px}.studio-points-rules article:last-child{border-right:0}.studio-points-rules article>span{color:var(--build-muted);align-items:center;gap:7px;display:flex}.studio-points-rules article>span i{background:var(--build-muted);width:7px;height:7px}.studio-points-rules article.is-enabled>span i{background:var(--build-lime)}.studio-points-rules article>strong{color:var(--build-lime-ink);margin-top:28px;font-family:Oxanium,sans-serif;font-size:30px;display:block}.studio-points-rules article h3{margin:10px 0 0;font-size:15px}.studio-points-rules article p{color:var(--build-muted);margin:9px 0 0;font-size:8px;line-height:1.65}.studio-points-rules article>em{color:var(--build-signal);margin-top:12px;font-size:8px;font-style:normal;display:block}.studio-points-courses>div>article{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:30px;min-height:150px;padding:22px;display:grid}.studio-points-courses>div>article:last-child{border-bottom:0}.studio-points-courses article>span{flex-direction:column;gap:8px;display:flex}.studio-points-courses article>span strong{font-size:22px}.studio-points-courses article p{max-width:760px;color:var(--build-muted);margin:0;font-size:10px;line-height:1.6}.studio-points-courses article>div{grid-template-columns:1fr auto;align-items:end;display:grid}.studio-points-courses article>div>strong{color:var(--build-lime-ink);font-family:Oxanium,sans-serif;font-size:31px}.studio-points-courses article>div>small{color:var(--build-muted);padding-bottom:5px;font-size:8px}.studio-points-courses article button{min-height:38px;color:var(--build-paper);background:var(--build-signal);border:0;grid-column:1/-1;margin-top:8px;font-size:8px}.studio-points-courses article button:disabled{color:var(--build-muted);background:var(--build-signal-soft)}.studio-points-ledger>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-points-ledger article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:0 16px;display:flex}.studio-points-ledger article:nth-child(2n){border-right:0}.studio-points-ledger article>span{flex-direction:column;gap:4px;min-width:0;display:flex}.studio-points-ledger article>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.studio-points-ledger article>span small{color:var(--build-muted);font-size:7px}.studio-points-ledger article>b{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:15px}.studio-points-ledger article>b.is-positive{color:var(--build-lime-ink)}.studio-points-empty{color:var(--build-muted);margin:0;padding:26px;font-size:9px}.studio-points-status{width:fit-content;color:var(--build-paper);background:var(--build-ink);margin:20px 0 0 auto;padding:12px 16px;font-size:9px;position:sticky;bottom:18px}.studio-platform-admin .studio-admin-tabs{grid-template-columns:repeat(11,minmax(110px,1fr))}.studio-points-admin{gap:26px;display:grid}.studio-points-admin>header{border:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:28px;min-height:150px;padding:26px;display:flex}.studio-points-admin>header small,.studio-points-rule-admin header small,.studio-points-course-admin header small,.studio-points-account-admin header small,.studio-points-ledger-admin header small{color:var(--studio-red);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px}.studio-points-admin>header h2{letter-spacing:-.055em;margin:10px 0 8px;font-size:clamp(30px,4vw,52px)}.studio-points-admin>header p{max-width:780px;color:var(--studio-muted);margin:0;font-size:10px;line-height:1.7}.studio-points-admin>header>span{color:var(--studio-muted);white-space:nowrap;align-items:center;gap:8px;font-size:8px;display:flex}.studio-points-admin>header>span i{background:var(--studio-lime);width:7px;height:7px}.studio-points-admin-summary{border-top:1px solid var(--studio-line);border-left:1px solid var(--studio-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.studio-points-admin-summary article{border-right:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);flex-direction:column;min-height:126px;padding:18px;display:flex}.studio-points-admin-summary small{color:var(--studio-muted);letter-spacing:.12em;font-family:Oxanium,sans-serif;font-size:7px}.studio-points-admin-summary strong{color:var(--studio-lime-ink);margin-top:17px;font-size:28px}.studio-points-admin-summary span{color:var(--studio-muted);margin-top:auto;font-size:8px}.studio-points-rule-admin,.studio-points-course-admin,.studio-points-account-admin,.studio-points-ledger-admin{border:1px solid var(--studio-line)}.studio-points-rule-admin>header,.studio-points-course-admin>header,.studio-points-account-admin>header,.studio-points-ledger-admin>header{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:24px;min-height:86px;padding:16px 18px;display:flex}.studio-points-rule-admin>header h3,.studio-points-course-admin>header h3,.studio-points-account-admin>header h3,.studio-points-ledger-admin>header h3{margin:5px 0 0;font-size:21px}.studio-points-rule-admin>header p,.studio-points-course-admin>header p{max-width:480px;color:var(--studio-muted);text-align:right;margin:0;font-size:9px}.studio-points-rule-admin>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio-points-rule-admin article{border-right:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);min-height:220px;padding:18px}.studio-points-rule-admin article:nth-child(2n){border-right:0}.studio-points-rule-admin article>header{justify-content:space-between;align-items:center;display:flex}.studio-points-rule-admin article>header>span{grid-template-columns:7px 1fr;align-items:center;gap:4px 8px;display:grid}.studio-points-rule-admin article>header>span>i{background:var(--studio-muted);grid-row:1/3;width:7px;height:7px}.studio-points-rule-admin article.is-enabled>header>span>i{background:var(--studio-lime)}.studio-points-rule-admin article>header small{color:var(--studio-muted)}.studio-points-rule-admin article>header strong{font-size:14px}.studio-points-rule-admin article>p{min-height:42px;color:var(--studio-muted);margin:22px 0 0;font-size:9px;line-height:1.6}.studio-points-rule-admin article>div{align-items:flex-end;gap:10px;margin-top:18px;display:flex}.studio-points-rule-admin article label,.studio-points-course-admin article label{color:var(--studio-muted);flex-direction:column;gap:6px;font-size:8px;display:flex}.studio-points-rule-admin article input,.studio-points-course-admin article input{border:1px solid var(--studio-line);width:100px;min-height:38px;color:var(--studio-ink);background:0 0;padding:0 9px}.studio-points-rule-admin article>div>button,.studio-points-course-admin article>button{min-height:38px;color:var(--studio-paper);background:var(--studio-ink);border:0;align-items:center;gap:6px;margin-left:auto;padding:0 11px;font-size:8px;display:flex}.studio-points-course-admin>div>article{border-bottom:1px solid var(--studio-line);grid-template-columns:minmax(240px,1fr) 120px 100px 90px;align-items:center;gap:18px;min-height:118px;padding:16px 18px;display:grid}.studio-points-course-admin>div>article:last-child{border-bottom:0}.studio-points-course-admin article>span{flex-direction:column;gap:4px;min-width:0;display:flex}.studio-points-course-admin article>span small{color:var(--studio-red);font-size:7px}.studio-points-course-admin article>span strong{font-size:13px}.studio-points-course-admin article>span p{color:var(--studio-muted);margin:0;font-size:8px}.studio-points-account-admin>header label{border:1px solid var(--studio-line);align-items:center;gap:8px;min-width:300px;min-height:42px;padding:0 11px;display:flex}.studio-points-account-admin>header input{width:100%;color:var(--studio-ink);background:0 0;border:0;outline:0}.studio-points-account-head,.studio-points-account-admin>div:last-child>article{grid-template-columns:minmax(220px,1.2fr) 120px 150px minmax(180px,.8fr);align-items:center;gap:16px;display:grid}.studio-points-account-head{border-bottom:1px solid var(--studio-line);min-height:36px;color:var(--studio-muted);letter-spacing:.1em;padding:0 18px;font-family:Oxanium,sans-serif;font-size:7px}.studio-points-account-admin>div:last-child>article{border-bottom:1px solid var(--studio-line);min-height:76px;padding:10px 18px}.studio-points-account-admin article>span{flex-direction:column;gap:4px;min-width:0;display:flex}.studio-points-account-admin article>span strong,.studio-points-account-admin article>span small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-points-account-admin article>span strong{font-size:10px}.studio-points-account-admin article>span small{color:var(--studio-muted);font-size:7px}.studio-points-account-admin article code{color:var(--studio-red);letter-spacing:.09em;font-family:Oxanium,sans-serif;font-size:9px}.studio-points-account-admin article>div{border:1px solid var(--studio-line);grid-template-columns:minmax(0,1fr) 58px;display:grid}.studio-points-account-admin article>div input{width:100%;min-width:0;min-height:36px;color:var(--studio-ink);background:0 0;border:0;padding:0 8px}.studio-points-account-admin article>div button{border:0;border-left:1px solid var(--studio-line);color:var(--studio-paper);background:var(--studio-ink);font-size:8px}.studio-points-ledger-admin>header em{color:var(--studio-muted);font-family:Oxanium,sans-serif;font-size:8px;font-style:normal}.studio-points-ledger-admin article{border-bottom:1px solid var(--studio-line);grid-template-columns:minmax(0,1fr) 190px 70px;align-items:center;gap:16px;min-height:60px;padding:0 18px;display:grid}.studio-points-ledger-admin article>span{flex-direction:column;gap:4px;display:flex}.studio-points-ledger-admin article>span strong{font-size:9px}.studio-points-ledger-admin article>span small,.studio-points-ledger-admin article>em{color:var(--studio-muted);font-size:7px;font-style:normal}.studio-points-ledger-admin article>b{color:var(--studio-muted);justify-self:end;font-family:Oxanium,sans-serif}.studio-points-ledger-admin article>b.is-positive{color:var(--studio-lime-ink)}@media (width<=1120px){.platform-account-trigger{width:46px;min-width:46px;padding:0}.platform-account-trigger>span,.platform-account-trigger>svg:last-child{display:none}.platform-account-menu.is-yoyo .platform-account-trigger{width:38px;min-width:38px}.studio-points-summary,.studio-points-rules>div{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-points-rules article:nth-child(2){border-right:0}.studio-points-rules article:nth-child(-n+2){border-bottom:1px solid var(--build-line)}.studio-points-course-admin>div>article{grid-template-columns:minmax(220px,1fr) 110px 90px 80px}.studio-points-account-head,.studio-points-account-admin>div:last-child>article{grid-template-columns:minmax(180px,1fr) 100px 120px minmax(170px,.8fr)}}@media (width<=760px){.platform-account-menu{position:static}.platform-account-menu.is-yoyo{position:relative}.platform-account-trigger{width:44px;min-width:44px;min-height:44px}.platform-account-panel{top:calc(72px + var(--build-safe-top));width:min(370px,100vw - 24px);max-height:calc(100svh - 94px - var(--build-safe-top));transform-origin:100% 0;position:fixed;right:12px;overflow-y:auto}.platform-account-menu.is-yoyo .platform-account-panel{top:calc(72px + var(--build-safe-top))}.platform-points-balance{min-height:86px}.studio-points-workspace{margin-top:52px}.studio-points-workspace>header{flex-direction:column;align-items:stretch;padding:30px 0}.studio-points-workspace>header>span{width:100%;min-width:0}.studio-points-summary{grid-template-columns:1fr}.studio-points-summary article{min-height:160px}.studio-points-rules>div{grid-template-columns:1fr}.studio-points-rules article{border-right:0;min-height:180px;border-bottom:1px solid var(--build-line)!important}.studio-points-rules article:last-child{border-bottom:0!important}.studio-points-courses>div>article,.studio-points-ledger>div{grid-template-columns:1fr}.studio-points-ledger article{border-right:0}.studio-points-admin>header{flex-direction:column;align-items:flex-start}.studio-points-admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-points-rule-admin>header,.studio-points-course-admin>header,.studio-points-account-admin>header{flex-direction:column;align-items:flex-start}.studio-points-rule-admin>header p,.studio-points-course-admin>header p{text-align:left}.studio-points-rule-admin>div{grid-template-columns:1fr}.studio-points-rule-admin article{border-right:0}.studio-points-rule-admin article>div{flex-wrap:wrap}.studio-points-course-admin>div>article{grid-template-columns:1fr 1fr;padding:18px}.studio-points-course-admin article>span{grid-column:1/-1}.studio-points-course-admin article>button{justify-self:end}.studio-points-account-admin>header label{width:100%;min-width:0}.studio-points-account-head{display:none}.studio-points-account-admin>div:last-child>article{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.studio-points-account-admin article>span:nth-of-type(2),.studio-points-account-admin article>div{grid-column:1/-1}.studio-points-ledger-admin article{grid-template-columns:minmax(0,1fr) auto}.studio-points-ledger-admin article>em{display:none}}@media (width<=420px){.platform-account-panel{width:calc(100vw - 16px);right:8px}.studio-points-admin-summary,.studio-points-course-admin>div>article{grid-template-columns:1fr}.studio-points-course-admin article>span,.studio-points-course-admin article>button{grid-column:1}}.studio-account-entitlements{border:1px solid var(--build-line);margin-top:24px}.studio-account-entitlements>header,.studio-account-entitlements>article{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:0 12px;display:flex}.studio-account-entitlements>header{min-height:34px;color:var(--build-muted);letter-spacing:.08em;font-family:Oxanium,sans-serif;font-size:8px}.studio-account-entitlements>article:last-child{border-bottom:0}.studio-account-entitlements>article>span{flex-direction:column;gap:3px;min-width:0;display:flex}.studio-account-entitlements>article strong{font-size:10px}.studio-account-entitlements>article small{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.studio-governance-admin,.studio-plan-admin,.studio-subscription-admin{gap:24px;display:grid}.studio-governance-heading{border:1px solid var(--studio-line);background:color-mix(in srgb, var(--studio-panel) 88%, transparent);justify-content:space-between;align-items:center;gap:28px;min-height:124px;padding:26px 28px;display:flex}.studio-governance-heading>div{max-width:760px}.studio-governance-heading small{color:var(--studio-red);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.studio-governance-heading h2{letter-spacing:-.04em;margin:8px 0 0;font-family:Oxanium,PingFang SC,sans-serif;font-size:clamp(25px,3vw,39px);line-height:1}.studio-governance-heading p{color:var(--studio-muted);margin:12px 0 0;font-size:10px;line-height:1.7}.studio-governance-heading>span{border:1px solid var(--studio-line);min-height:34px;color:var(--studio-muted);white-space:nowrap;align-items:center;gap:7px;padding:0 12px;font-size:8px;display:inline-flex}.studio-governance-heading>span i{background:var(--studio-lime);border-radius:50%;width:6px;height:6px}.studio-governance-heading>button{border:1px solid var(--studio-ink);min-height:42px;color:var(--studio-paper);background:var(--studio-ink);white-space:nowrap;align-items:center;gap:8px;padding:0 15px;font-weight:700;display:inline-flex}.studio-admin-inheritance-map{border-top:1px solid var(--studio-line);border-left:1px solid var(--studio-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.studio-admin-inheritance-map>article,.studio-admin-inheritance-map>button{border:0;border-right:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);min-height:132px;color:var(--studio-ink);text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.studio-admin-inheritance-map>article.is-platform{color:var(--studio-paper);background:var(--studio-ink)}.studio-admin-inheritance-map>button.is-selected{background:var(--studio-lime-soft);box-shadow:inset 0 -3px 0 var(--studio-lime)}.studio-admin-inheritance-map small{color:var(--studio-red);letter-spacing:.12em;margin-top:auto;font-family:Oxanium,sans-serif;font-size:7px}.studio-admin-inheritance-map>article.is-platform small{color:var(--studio-lime)}.studio-admin-inheritance-map strong{font-size:13px}.studio-admin-inheritance-map span{color:var(--studio-muted);font-size:8px}.studio-admin-inheritance-map>article.is-platform span{color:color-mix(in srgb, var(--studio-paper) 60%, transparent)}.studio-governance-split{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:24px;display:grid}.studio-admin-directory,.studio-app-admin-editor,.studio-plan-list,.studio-plan-editor,.studio-member-directory,.studio-member-entitlement-editor{border:1px solid var(--studio-line)}.studio-admin-directory>header,.studio-app-admin-editor>header,.studio-plan-editor>header,.studio-member-entitlement-editor>header{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:0 18px;display:flex}.studio-admin-directory header small,.studio-app-admin-editor header small,.studio-plan-editor header small,.studio-member-entitlement-editor header small{color:var(--studio-red);letter-spacing:.12em;font-family:Oxanium,sans-serif;font-size:7px}.studio-admin-directory header h3,.studio-app-admin-editor header h3,.studio-plan-editor header h3,.studio-member-entitlement-editor header h3{margin:5px 0 0;font-size:18px}.studio-admin-directory>header>span,.studio-app-admin-editor>header>span,.studio-plan-editor>header>span,.studio-member-entitlement-editor>header>span{color:var(--studio-muted);font-size:8px}.studio-admin-directory>article{border-bottom:1px solid var(--studio-line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:68px;padding:10px 16px;display:grid}.studio-admin-directory>article>span,.studio-app-admin-list article>span{flex-direction:column;gap:4px;min-width:0;display:flex}.studio-admin-directory article strong,.studio-app-admin-list article strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.studio-admin-directory article small,.studio-app-admin-list article small{color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.studio-admin-directory article em{border:1px solid var(--studio-line);color:var(--studio-muted);padding:6px 8px;font-size:7px;font-style:normal}.studio-admin-directory article em.is-active{color:var(--studio-lime-ink);background:var(--studio-lime-soft)}.studio-admin-directory article b{color:var(--studio-muted);font-size:7px}.studio-app-admin-assign{border-bottom:1px solid var(--studio-line);grid-template-columns:minmax(0,1.4fr) minmax(130px,.6fr);gap:10px;padding:16px;display:grid}.studio-app-admin-assign label,.studio-plan-fields label,.studio-plan-assignment label{color:var(--studio-muted);gap:7px;font-size:8px;display:grid}.studio-app-admin-assign select,.studio-plan-fields select,.studio-plan-fields input,.studio-plan-fields textarea,.studio-plan-assignment select,.studio-plan-assignment input,.studio-app-admin-list select{border:1px solid var(--studio-line);min-width:0;min-height:40px;color:var(--studio-ink);background:var(--studio-paper);font:inherit;padding:0 10px}.studio-app-admin-assign>button{border:1px solid var(--studio-ink);min-height:42px;color:var(--studio-paper);background:var(--studio-ink);grid-column:1/-1;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.studio-app-admin-assign>button:disabled{opacity:.4}.studio-app-admin-list article{border-bottom:1px solid var(--studio-line);grid-template-columns:minmax(0,1fr) 124px 60px;align-items:center;gap:10px;min-height:66px;padding:10px 16px;display:grid}.studio-app-admin-list article>button{border:1px solid var(--studio-line);min-height:38px;color:var(--studio-muted);background:0 0}.studio-app-admin-list>p{color:var(--studio-muted);margin:0;padding:28px 16px;font-size:9px}.studio-plan-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.studio-plan-list{display:grid}.studio-plan-list>button{border:0;border-bottom:1px solid var(--studio-line);min-height:84px;color:var(--studio-ink);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:14px;display:grid}.studio-plan-list>button.is-selected{background:var(--studio-lime-soft);box-shadow:inset 3px 0 0 var(--studio-lime)}.studio-plan-list button>span{flex-direction:column;gap:5px;min-width:0;display:flex}.studio-plan-list button small{color:var(--studio-red);font-family:Oxanium,sans-serif;font-size:7px}.studio-plan-list button strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-plan-list button em{color:var(--studio-muted);grid-column:1/-1;font-family:Oxanium,sans-serif;font-size:7px;font-style:normal}.studio-plan-editor>header>span{border:1px solid var(--studio-line);padding:6px 9px}.studio-plan-editor>header>span.is-active{color:var(--studio-lime-ink);background:var(--studio-lime-soft)}.studio-plan-fields{border-bottom:1px solid var(--studio-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.studio-plan-fields label.is-wide{grid-column:1/-1}.studio-plan-fields textarea{resize:vertical;min-height:84px;padding:10px}.studio-plan-app-scope{border-bottom:1px solid var(--studio-line);padding:20px}.studio-plan-app-scope>header,.studio-effective-levels>header,.studio-member-plans>header{justify-content:space-between;align-items:center;gap:14px;display:flex}.studio-plan-app-scope h4{margin:5px 0 0;font-size:14px}.studio-plan-app-scope>header>span,.studio-effective-levels>header>span,.studio-member-plans>header>span{color:var(--studio-muted);font-size:8px}.studio-plan-app-scope>div{border-top:1px solid var(--studio-line);border-left:1px solid var(--studio-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;display:grid}.studio-plan-app-scope button{border:0;border-right:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);min-height:78px;color:var(--studio-ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.studio-plan-app-scope button.is-selected{background:var(--studio-lime-soft)}.studio-plan-app-scope button>span{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 8px;min-width:0;display:grid}.studio-plan-app-scope button small{color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:7px;overflow:hidden}.studio-plan-editor>footer{justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:0 20px;display:flex}.studio-plan-editor>footer label{color:var(--studio-muted);align-items:center;gap:8px;font-size:8px;display:flex}.studio-plan-editor>footer button{border:1px solid var(--studio-ink);min-height:40px;color:var(--studio-paper);background:var(--studio-ink);align-items:center;gap:8px;padding:0 14px;font-weight:700;display:flex}.studio-subscription-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:24px;display:grid}.studio-member-directory>label{border-bottom:1px solid var(--studio-line);align-items:center;gap:8px;min-height:52px;padding:0 12px;display:flex}.studio-member-directory>label input{width:100%;color:var(--studio-ink);background:0 0;border:0;outline:0}.studio-member-directory>button{border:0;border-bottom:1px solid var(--studio-line);width:100%;min-height:76px;color:var(--studio-ink);text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:5px;padding:13px;display:flex}.studio-member-directory>button.is-selected{background:var(--studio-lime-soft);box-shadow:inset 3px 0 0 var(--studio-lime)}.studio-member-directory button strong{font-size:10px}.studio-member-directory button small,.studio-member-directory button span{max-width:100%;color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.studio-member-entitlement-editor>header p{color:var(--studio-muted);margin:4px 0 0;font-size:8px}.studio-effective-levels,.studio-member-plans{border-bottom:1px solid var(--studio-line);padding:18px}.studio-effective-levels>div{border-top:1px solid var(--studio-line);border-left:1px solid var(--studio-line);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;display:grid}.studio-effective-levels article{border-right:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:10px;min-height:74px;padding:12px;display:flex}.studio-effective-levels article>span{flex-direction:column;gap:4px;min-width:0;display:flex}.studio-effective-levels article strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.studio-effective-levels article small{color:var(--studio-muted);font-size:7px}.studio-member-plans>article{border:1px solid var(--studio-line);grid-template-columns:minmax(0,1fr) auto auto 54px;align-items:center;gap:10px;min-height:62px;margin-top:10px;padding:8px 10px;display:grid}.studio-member-plans article>span{flex-direction:column;gap:4px;min-width:0;display:flex}.studio-member-plans article strong,.studio-member-plans article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-member-plans article strong{font-size:9px}.studio-member-plans article small,.studio-member-plans article em{color:var(--studio-muted);font-size:7px;font-style:normal}.studio-member-plans article>button{border:1px solid var(--studio-line);min-height:34px;color:var(--studio-muted);background:0 0}.studio-member-plans>p{border:1px dashed var(--studio-line);color:var(--studio-muted);margin:14px 0 0;padding:20px 12px;font-size:8px}.studio-plan-assignment{grid-template-columns:minmax(0,1.3fr) minmax(150px,.7fr) auto;align-items:end;gap:10px;padding:18px;display:grid}.studio-plan-assignment label span small{font-size:7px}.studio-plan-assignment>button{border:1px solid var(--studio-ink);min-height:40px;color:var(--studio-paper);background:var(--studio-ink);white-space:nowrap;align-items:center;gap:7px;padding:0 13px;font-weight:700;display:flex}@media (width<=1040px){.studio-admin-inheritance-map{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-governance-split,.studio-plan-layout,.studio-subscription-layout{grid-template-columns:1fr}.studio-plan-list{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-plan-list>button:nth-child(odd){border-right:1px solid var(--studio-line)}}@media (width<=700px){.studio-governance-heading{flex-direction:column;align-items:flex-start;padding:20px}.studio-governance-heading>button,.studio-governance-heading>span{box-sizing:border-box;justify-content:center;width:100%}.studio-admin-inheritance-map,.studio-plan-list,.studio-plan-fields,.studio-plan-app-scope>div,.studio-effective-levels>div{grid-template-columns:1fr}.studio-admin-inheritance-map>article,.studio-admin-inheritance-map>button{min-height:108px}.studio-admin-directory>article{grid-template-columns:minmax(0,1fr) auto}.studio-admin-directory article>b{grid-column:1/-1}.studio-app-admin-assign{grid-template-columns:1fr}.studio-app-admin-assign>button{grid-column:1}.studio-app-admin-list article{grid-template-columns:minmax(0,1fr) 58px}.studio-app-admin-list article select{grid-column:1/-1}.studio-plan-list>button:nth-child(odd){border-right:0}.studio-plan-fields label.is-wide{grid-column:1}.studio-plan-editor>footer{flex-direction:column;align-items:stretch;padding:14px}.studio-member-plans>article{grid-template-columns:minmax(0,1fr) auto}.studio-member-plans article>em{grid-column:1}.studio-plan-assignment{grid-template-columns:1fr}.studio-plan-assignment>button{justify-content:center}}.canto-module-card-meta{justify-content:space-between;width:100%}.canto-module-card-meta>b{color:var(--build-ink);align-items:center;gap:7px;font-size:9px;display:inline-flex}.canto-module-summary>footer>div>span{border-right:1px solid var(--build-line);grid-template-columns:36px minmax(0,1fr);align-items:center;min-height:64px;padding:0 14px;display:grid}.canto-module-summary>footer>div>span:last-child{border-right:0}.canto-module-summary>footer>div small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px}.canto-module-summary>footer>div strong{font-size:10px}.canto-course-module-rail .canto-module-rail>footer{padding:0}.canto-course-module-rail .canto-module-rail>footer>button{width:100%;min-height:62px;color:var(--build-ink);text-align:left;background:0 0;border:0;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:0 12px;display:grid}.canto-course-module-rail .canto-module-rail>footer>button:hover,.canto-course-module-rail .canto-module-rail>footer>button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-course-module-rail .canto-module-rail>footer>button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.canto-course-module-rail .canto-module-rail>footer>button strong{font-size:10px}.canto-course-module-rail .canto-module-rail>footer>button small{color:var(--build-muted);font-size:7px}.canto-course-catalog-layer{z-index:140}.canto-course-catalog-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.canto-course-catalog-tabs button{min-width:0}.canto-course-catalog-tabs strong,.canto-course-catalog-tabs span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canto-app.has-course-rail .canto-course-catalog{width:min(860px,100% + -1*max(320px,50vw - 456px))}.canto-course-catalog-grid>button.is-current{box-shadow:inset 0 0 0 2px var(--build-signal)}.canto-course-catalog-grid>button.is-current>header small,.canto-course-catalog-grid>button.is-current>header em,.canto-course-active-index strong>svg:first-child{color:var(--build-signal)}.studio-course-categories{grid-template-columns:repeat(4,minmax(0,1fr)) 190px}.studio-course-categories article>button strong{font-family:inherit;font-size:18px}@media (width<=760px){.canto-app.has-course-rail .canto-course-catalog{width:auto;left:8px;right:8px}.canto-course-catalog-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.canto-course-catalog-tabs button{border-bottom:1px solid var(--build-line)}.canto-module-summary>footer>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.canto-module-summary>footer>div>span{border-bottom:1px solid var(--build-line);min-width:0}.canto-module-summary>footer>div>span:nth-child(2n){border-right:0}}@media (width<=1180px){.studio-course-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-course-categories>aside{grid-column:1/-1;min-height:120px}}.canto-visual-editor-launch{z-index:48;border:1px solid var(--build-signal);min-height:52px;color:var(--build-paper);background:var(--build-signal);box-shadow:0 12px 34px color-mix(in srgb, var(--build-ink) 22%, transparent);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);align-items:center;gap:10px;padding:0 16px;display:flex;position:fixed;bottom:28px;right:28px}.build-system[data-build-theme=dark] .canto-visual-editor-launch{color:#041012}.canto-visual-editor-launch>span{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.canto-visual-editor-launch small{letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:6px}.canto-visual-editor-launch strong{font-size:10px}.canto-visual-editor-bar{z-index:24;border:1px solid var(--build-ink);min-height:66px;color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 96%, transparent);box-shadow:0 12px 30px color-mix(in srgb, var(--build-ink) 12%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:18px;margin:-20px 0 22px;padding:8px 10px 8px 16px;display:flex;position:sticky;top:104px}.canto-visual-editor-bar>div{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px 14px;min-width:0;display:grid}.canto-visual-editor-bar>div>span{color:var(--build-signal);align-items:center;gap:7px;display:inline-flex}.canto-visual-editor-bar>div small{letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:7px;font-weight:700}.canto-visual-editor-bar>div strong{font-size:11px}.canto-visual-editor-bar>div em{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-style:normal;overflow:hidden}.canto-visual-editor-bar>div em.is-dirty{color:var(--build-signal)}.canto-visual-editor-bar>nav{border:1px solid var(--build-line);align-items:stretch;display:flex}.canto-visual-editor-bar>nav button{border:0;border-right:1px solid var(--build-line);min-height:40px;color:var(--build-muted);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:9px;display:inline-flex}.canto-visual-editor-bar>nav button:last-child{border-right:0;width:40px;padding:0}.canto-visual-editor-bar>nav button:hover:not(:disabled),.canto-visual-editor-bar>nav button:focus-visible:not(:disabled){color:var(--build-ink);background:var(--build-signal-soft)}.canto-visual-editor-bar>nav button.is-primary{color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .canto-visual-editor-bar>nav button.is-primary{color:#041012}.canto-visual-editor-bar>nav button:disabled{opacity:.36;cursor:not-allowed!important}.canto-visual-editor-canvas.is-editing{grid-template-columns:minmax(0,1fr) 304px;align-items:start;gap:20px;display:grid}.canto-visual-editor-canvas.is-editing .canto-module-summary{min-width:0}.canto-module-summary.is-visual-editing>header{cursor:pointer;padding-right:26px;position:relative}.canto-module-summary.is-visual-editing>header:hover,.canto-module-summary.is-visual-editing>header.is-selected{background:color-mix(in srgb, var(--build-signal-soft) 74%, transparent);box-shadow:inset 0 0 0 2px var(--build-signal)}.canto-visual-selection-label{color:var(--build-signal);background:var(--build-panel);align-items:center;gap:6px;padding:8px 10px;font-size:8px;font-weight:700;display:inline-flex;position:absolute;top:18px;right:18px}.canto-module-summary.is-visual-editing>div{grid-template-columns:repeat(2,minmax(0,1fr))}.canto-module-summary>div>article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:280px;color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 38%, transparent);text-align:left;cursor:grab;flex-direction:column;align-items:stretch;padding:58px 20px 20px;transition:opacity .18s,background-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.canto-module-summary>div>article:active{cursor:grabbing}.canto-module-summary>div>article:hover,.canto-module-summary>div>article.is-selected{background:var(--build-signal-soft);box-shadow:inset 0 0 0 2px var(--build-signal)}.canto-module-summary>div>article.is-hidden{opacity:.48;background:color-mix(in srgb, var(--build-muted) 8%, transparent)}.canto-module-summary>div>article.is-dragging{opacity:.32;transform:scale(.985)}.canto-module-summary>div>article>header{grid-template-columns:1fr auto auto;align-items:center;gap:12px;display:grid}.canto-module-summary>div>article>header small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.canto-module-summary>div>article>strong{margin-top:34px;font-size:25px}.canto-module-summary>div>article>p{color:var(--build-muted);margin:10px 0 24px;font-size:11px;line-height:1.65}.canto-module-summary>div>article>.canto-module-card-meta{color:var(--build-muted);align-items:center;gap:7px;margin-top:auto;font-size:9px;display:flex}.canto-visual-card-controls{z-index:2;border-bottom:1px solid var(--build-line);align-items:stretch;min-height:42px;display:flex;position:absolute;top:0;left:0;right:0}.canto-visual-card-controls>span{color:var(--build-signal);letter-spacing:.08em;align-items:center;gap:5px;margin-right:auto;padding:0 11px;font-family:Oxanium,sans-serif;font-size:7px;display:inline-flex}.canto-visual-card-controls>button{border:0;border-left:1px solid var(--build-line);width:42px;color:var(--build-muted);background:0 0;place-items:center;padding:0;display:grid}.canto-visual-card-controls>button:hover:not(:disabled),.canto-visual-card-controls>button:focus-visible:not(:disabled){color:var(--build-signal);background:var(--build-panel)}.canto-visual-card-controls>button:disabled{opacity:.24;cursor:not-allowed!important}.canto-visual-card-controls .is-up{transform:rotate(180deg)}.canto-visual-hidden-label{color:var(--build-muted);background:var(--build-panel);padding:5px 7px;font-size:7px;font-style:normal;position:absolute;bottom:12px;right:12px}.canto-module-summary>footer>div{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.canto-visual-inspector{border:1px solid var(--build-ink);max-height:calc(100svh - 214px);color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 97%, transparent);box-shadow:0 14px 32px color-mix(in srgb, var(--build-ink) 10%, transparent);position:sticky;top:190px;overflow:auto}.canto-visual-inspector>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:46px;padding:0 12px;display:flex}.canto-visual-inspector>header span{align-items:center;gap:7px;font-size:10px;font-weight:700;display:inline-flex}.canto-visual-inspector>header small{color:var(--build-signal);letter-spacing:.12em;font-family:Oxanium,sans-serif;font-size:7px}.canto-visual-inspector-tabs{border-bottom:1px solid var(--build-line);scrollbar-width:none;display:flex;overflow-x:auto}.canto-visual-inspector-tabs::-webkit-scrollbar{display:none}.canto-visual-inspector-tabs button{border:0;border-right:1px solid var(--build-line);min-height:40px;color:var(--build-muted);background:0 0;flex:none;padding:0 10px;font-size:8px}.canto-visual-inspector-tabs button.is-active{color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 0 -2px var(--build-signal)}.canto-visual-fields{flex-direction:column;gap:13px;padding:13px;display:flex}.canto-visual-fields>label{flex-direction:column;gap:7px;display:flex}.canto-visual-fields>label>span,.canto-visual-field-meta>span{color:var(--build-muted);font-size:8px;font-weight:700}.canto-visual-fields input,.canto-visual-fields textarea{box-sizing:border-box;border:1px solid var(--build-line);width:100%;min-height:42px;color:var(--build-ink);font:inherit;background:0 0;border-radius:0;outline:0;padding:9px 10px;font-size:10px;line-height:1.55}.canto-visual-fields textarea{resize:vertical;min-height:84px}.canto-visual-fields input:focus,.canto-visual-fields textarea:focus{border-color:var(--build-signal);box-shadow:0 0 0 2px var(--build-signal-soft)}.canto-visual-fields label>small{color:var(--build-muted);font-size:7px}.canto-visual-visibility{border:1px solid var(--build-line);width:100%;min-height:58px;color:var(--build-muted);text-align:left;background:0 0;align-items:center;gap:10px;padding:0 10px;display:flex}.canto-visual-visibility.is-visible{border-color:var(--build-lime-ink);color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 10%, transparent)}.canto-visual-visibility:disabled{opacity:.58;cursor:not-allowed!important}.canto-visual-visibility>span{flex-direction:column;gap:3px;display:flex}.canto-visual-visibility strong{font-size:9px}.canto-visual-visibility small{color:var(--build-muted);font-size:7px}.canto-visual-field-meta{border:1px dashed var(--build-line);flex-direction:column;gap:7px;padding:11px;display:flex}.canto-visual-field-meta strong{font-size:9px;line-height:1.5}.canto-visual-field-meta small{color:var(--build-muted);font-size:7px;line-height:1.55}.canto-visual-inspector>footer{border-top:1px solid var(--build-line);min-height:40px;color:var(--build-muted);grid-template-columns:8px auto minmax(0,1fr);align-items:center;gap:7px;padding:0 12px;display:grid}.canto-visual-inspector>footer i{background:var(--build-lime-ink);border-radius:50%;width:6px;height:6px}.canto-visual-inspector>footer span{font-size:8px;font-weight:700}.canto-visual-inspector>footer small{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}@media (width<=1100px){.canto-visual-editor-canvas.is-editing{grid-template-columns:minmax(0,1fr) 268px;gap:14px}.canto-module-summary.is-visual-editing>div{grid-template-columns:1fr}}@media (width<=760px){.canto-visual-editor-launch{bottom:18px;right:14px}.canto-visual-editor-bar{flex-direction:column;align-items:stretch;margin:-12px 0 14px;padding:10px;top:82px}.canto-visual-editor-bar>div{grid-template-columns:auto auto}.canto-visual-editor-bar>div em{grid-column:1/-1}.canto-visual-editor-bar>nav{grid-template-columns:1fr 1fr 1.25fr 40px;display:grid}.canto-visual-editor-bar>nav button{padding:0 8px;font-size:8px}.canto-visual-editor-canvas.is-editing{flex-direction:column;gap:18px;display:flex}.canto-module-summary.is-visual-editing>header{min-height:250px;padding-right:18px}.canto-module-summary>div>article{min-height:220px}.canto-visual-inspector{box-sizing:border-box;width:100%;max-height:none;position:relative;top:auto}.canto-visual-selection-label{top:10px;right:10px}}.sound-builder-app{min-height:100svh;color:var(--build-ink);background:var(--build-paper);position:absolute;inset:0;overflow:auto}.sound-builder-app button,.sound-builder-app input,.sound-builder-app textarea{font:inherit}.sound-builder-app button{cursor:pointer}.sound-builder-app-grid{z-index:0;pointer-events:none;border-top:1px solid color-mix(in srgb, var(--build-line) 62%, transparent);opacity:.68;position:fixed;inset:75px 0 0}.sound-builder-app-grid:before,.sound-builder-app-grid:after{content:"";background:color-mix(in srgb, var(--build-line) 55%, transparent);width:1px;position:absolute;top:0;bottom:0}.sound-builder-app-grid:before{left:24%}.sound-builder-app-grid:after{right:24%}.sound-builder-app-header{z-index:30;border-bottom:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-paper) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:132px minmax(190px,1fr) auto 126px;align-items:stretch;min-height:74px;padding:0 188px 0 28px;display:grid;position:sticky;top:0}.sound-builder-app-header>a{border-right:1px solid var(--build-line);color:var(--build-ink);letter-spacing:.09em;align-items:center;gap:9px;font-family:Oxanium,sans-serif;font-size:10px;font-weight:700;text-decoration:none;display:flex}.sound-builder-app-header>div{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:0 22px;display:flex}.sound-builder-app-header>div small{color:var(--build-signal);letter-spacing:.17em;font-family:Oxanium,sans-serif;font-size:7px;font-weight:700}.sound-builder-app-header>div strong{font-size:13px}.sound-builder-app-header>nav{border:1px solid var(--build-line);align-self:center;display:flex}.sound-builder-app-header>nav button{border:0;border-right:1px solid var(--build-line);min-height:40px;color:var(--build-muted);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:9px;display:flex}.sound-builder-app-header>nav button:last-child{border-right:0}.sound-builder-app-header>nav button:hover,.sound-builder-app-header>nav button:focus-visible,.sound-builder-app-header>nav button.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.sound-builder-app-header>nav button.is-active{box-shadow:inset 0 -3px var(--build-signal)}.sound-builder-app-header>button{border:1px solid var(--build-line);min-height:42px;color:var(--build-muted);background:0 0;justify-content:center;align-self:center;align-items:center;gap:7px;margin-left:10px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.sound-builder-app-header>button.is-dirty{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .sound-builder-app-header>button.is-dirty{color:#041012}.sound-builder-app-header>button:disabled{cursor:default;opacity:.72}.sound-builder-app-layout{z-index:1;grid-template-columns:254px minmax(0,1fr);align-items:start;gap:22px;width:min(100% - 64px,1510px);margin:0 auto;padding:30px 0 100px;display:grid;position:relative}.sound-builder-course-rail{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 92%, transparent);position:sticky;top:104px}.sound-builder-course-rail>header{border-bottom:1px solid var(--build-line);padding:24px 20px 22px}.sound-builder-course-rail>header small,.sound-builder-course-rail>nav button>small,.sound-builder-course-rail>footer span,.sound-builder-workspace-heading small,.sound-builder-library>header small,.sound-builder-canvas>header small,.sound-builder-inspector>header small,.sound-builder-mini-preview>header small,.sound-builder-learner-view>header small{color:var(--build-signal);letter-spacing:.14em;font-family:Oxanium,sans-serif;font-size:7px;font-weight:700}.sound-builder-course-rail>header h1{letter-spacing:-.04em;margin:15px 0 12px;font-size:clamp(25px,2.4vw,36px);font-weight:560;line-height:1.12}.sound-builder-course-rail>header p,.sound-builder-course-rail>footer p{color:var(--build-muted);margin:0;font-size:9px;line-height:1.7}.sound-builder-course-rail>nav{flex-direction:column;display:flex}.sound-builder-course-rail>nav button{border:0;border-bottom:1px solid var(--build-line);min-height:76px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 13px;display:grid}.sound-builder-course-rail>nav button:hover,.sound-builder-course-rail>nav button:focus-visible,.sound-builder-course-rail>nav button.is-active{background:var(--build-signal-soft)}.sound-builder-course-rail>nav button.is-active{box-shadow:inset 4px 0 var(--build-signal)}.sound-builder-course-rail>nav button>span{flex-direction:column;gap:5px;min-width:0;display:flex}.sound-builder-course-rail>nav button strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sound-builder-course-rail>nav button em{color:var(--build-muted);font-size:7px;font-style:normal}.sound-builder-course-rail>nav button b{color:var(--build-line-strong);font-family:Oxanium,sans-serif;font-size:17px}.sound-builder-course-rail>nav button.is-active b{color:var(--build-signal)}.sound-builder-course-rail>footer{padding:15px 18px 18px}.sound-builder-course-rail>footer span{color:var(--build-lime-ink);align-items:center;gap:7px;display:flex}.sound-builder-course-rail>footer i,.sound-builder-status i{background:var(--build-lime-ink);border-radius:50%;flex:none;width:6px;height:6px;display:block}.sound-builder-course-rail>footer p{margin-top:8px}.sound-builder-workspace{border:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 86%, transparent);min-width:0}.sound-builder-workspace-heading{border-bottom:1px solid var(--build-ink);justify-content:space-between;align-items:center;gap:24px;min-height:128px;padding:24px 26px;display:flex}.sound-builder-workspace-heading h2{letter-spacing:-.045em;margin:9px 0 7px;font-size:clamp(25px,3vw,42px);font-weight:560;line-height:1}.sound-builder-workspace-heading p{color:var(--build-muted);margin:0;font-size:10px}.sound-builder-workspace-heading>span{border:1px solid var(--build-lime-ink);min-height:34px;color:var(--build-lime-ink);white-space:nowrap;align-items:center;padding:0 11px;font-size:8px;font-weight:700;display:inline-flex}.sound-builder-editor-grid{grid-template-columns:190px minmax(260px,.82fr) minmax(330px,1.18fr);align-items:stretch;min-height:680px;display:grid}.sound-builder-library,.sound-builder-canvas,.sound-builder-inspector{min-width:0}.sound-builder-library{border-right:1px solid var(--build-line)}.sound-builder-library>header,.sound-builder-canvas>header,.sound-builder-inspector>header{border-bottom:1px solid var(--build-line);flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:64px;padding:0 14px;display:flex}.sound-builder-library>header strong,.sound-builder-canvas>header strong,.sound-builder-inspector>header strong{font-size:10px}.sound-builder-library>article{border:1px solid var(--build-ink);background:var(--build-panel);cursor:grab;flex-direction:column;margin:12px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex}.sound-builder-library>article:hover{box-shadow:6px 6px 0 var(--build-signal-soft);transform:translateY(-2px)}.sound-builder-library>article:active{cursor:grabbing}.sound-builder-library>article>span{color:var(--build-signal);align-items:center;gap:4px;font-family:Oxanium,sans-serif;font-size:6px;font-weight:700;display:flex}.sound-builder-library>article>strong{margin-top:24px;font-size:15px}.sound-builder-library>article>p{min-height:72px;color:var(--build-muted);margin:9px 0 15px;font-size:8px;line-height:1.65}.sound-builder-library>article>button{border:1px solid var(--build-line);min-height:36px;color:var(--build-ink);background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:8px;font-weight:700;display:flex}.sound-builder-library>article>button:hover,.sound-builder-library>article>button:focus-visible{border-color:var(--build-signal);color:var(--build-signal)}.sound-builder-canvas{border-right:1px solid var(--build-line);position:relative}.sound-builder-canvas.is-dragging{background:var(--build-signal-soft);box-shadow:inset 0 0 0 3px var(--build-signal)}.sound-builder-canvas>header{flex-direction:row;justify-content:space-between;align-items:center}.sound-builder-canvas>header>span{flex-direction:column;gap:5px;display:flex}.sound-builder-canvas>header em{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:7px;font-style:normal}.sound-builder-canvas>div{flex-direction:column;gap:8px;padding:12px;display:flex}.sound-builder-canvas>div>article{border:1px solid var(--build-line);min-height:78px;color:var(--build-ink);background:var(--build-panel);cursor:pointer;grid-template-columns:50px minmax(0,1fr) 34px;align-items:center;padding:0 11px 0 0;display:grid}.sound-builder-canvas>div>article:hover,.sound-builder-canvas>div>article.is-selected{border-color:var(--build-signal)}.sound-builder-canvas>div>article.is-selected{box-shadow:inset 4px 0 var(--build-signal)}.sound-builder-canvas>div>article>span{border-right:1px solid var(--build-line);height:100%;color:var(--build-muted);cursor:grab;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.sound-builder-canvas>div>article>span small{font-family:Oxanium,sans-serif;font-size:7px}.sound-builder-canvas>div>article>div{min-width:0;padding:0 12px}.sound-builder-canvas>div>article>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.sound-builder-canvas>div>article>div p{color:var(--build-muted);margin:6px 0 0;font-size:7px}.sound-builder-canvas>div>article>button{width:30px;height:30px;color:var(--build-muted);background:0 0;border:0;place-items:center;display:grid}.sound-builder-canvas>div>article>button:hover,.sound-builder-canvas>div>article>button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.sound-builder-empty-drop{border:1px dashed var(--build-line-strong);width:calc(100% - 24px);min-height:240px;color:var(--build-muted);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:9px;margin:12px;display:flex}.sound-builder-empty-drop:hover,.sound-builder-empty-drop:focus-visible{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}.sound-builder-empty-drop strong{color:var(--build-ink);font-size:11px}.sound-builder-empty-drop span{font-size:8px}.sound-builder-inspector{padding-bottom:18px}.sound-builder-inspector>label,.sound-builder-inspector>div:not(.sound-builder-inspector-empty)>label{flex-direction:column;gap:7px;padding:12px 14px 0;display:flex}.sound-builder-inspector>div:not(.sound-builder-inspector-empty){grid-template-columns:1fr 1fr;display:grid}.sound-builder-inspector label>span{color:var(--build-muted);justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.sound-builder-inspector label>span small{font-size:6px;font-weight:500}.sound-builder-inspector input,.sound-builder-inspector textarea{box-sizing:border-box;border:1px solid var(--build-line);width:100%;min-height:40px;color:var(--build-ink);background:var(--build-panel);border-radius:0;outline:0;padding:9px 10px;font-size:9px;line-height:1.55}.sound-builder-inspector textarea{resize:vertical;min-height:150px}.sound-builder-inspector input:focus,.sound-builder-inspector textarea:focus{border-color:var(--build-signal);box-shadow:0 0 0 2px var(--build-signal-soft)}.sound-builder-mini-preview{border:1px solid var(--build-line);margin:14px}.sound-builder-mini-preview>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;min-height:38px;padding:0 10px;display:flex}.sound-builder-mini-preview>header span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:7px}.sound-builder-mini-preview .sound-assembly-board{border:0;margin-top:0}.sound-builder-inspector-empty{min-height:300px;color:var(--build-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px;display:flex}.sound-builder-inspector-empty p{max-width:190px;margin:0;font-size:9px;line-height:1.65}.sound-builder-learner-view{width:min(100% - 52px,980px);margin:0 auto;padding:42px 0 54px}.sound-builder-learner-view>header{justify-content:space-between;align-items:flex-start;gap:24px;min-height:150px;display:flex}.sound-builder-learner-view>header h3{letter-spacing:-.05em;max-width:660px;margin:14px 0 0;font-size:clamp(28px,4.6vw,58px);font-weight:540;line-height:1.05}.sound-builder-learner-view>header>div{align-items:baseline;gap:4px;font-family:Oxanium,sans-serif;display:flex}.sound-builder-learner-view>header>div strong{color:var(--build-signal);font-size:28px}.sound-builder-learner-view>header>div small{color:var(--build-muted);font-size:9px}.sound-builder-learner-view .canto-pronunciation-assembly{border:1px solid var(--build-ink);margin:0 0 24px}.sound-builder-learner-view .canto-pronunciation-assembly>header{padding:26px}.sound-builder-learner-view>footer{justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.sound-builder-learner-view>footer button,.sound-builder-learner-empty button{border:1px solid var(--build-line);min-height:44px;color:var(--build-ink);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:9px;font-weight:700;display:inline-flex}.sound-builder-learner-view>footer button:last-child{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.build-system[data-build-theme=dark] .sound-builder-learner-view>footer button:last-child{color:#041012}.sound-builder-learner-empty{border:1px dashed var(--build-line);min-height:380px;color:var(--build-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.sound-builder-learner-empty strong{color:var(--build-ink);font-size:13px}.sound-builder-status{border-top:1px solid var(--build-line);min-height:44px;color:var(--build-muted);justify-content:space-between;align-items:center;gap:14px;padding:0 16px;font-size:7px;display:flex}.sound-builder-status span{align-items:center;gap:7px;display:flex}.sound-builder-status strong{letter-spacing:.07em;font-family:Oxanium,sans-serif;font-size:7px}@media (width<=1260px){.sound-builder-app-header{grid-template-columns:112px minmax(150px,1fr) auto 116px;padding-right:184px}.sound-builder-app-layout{grid-template-columns:216px minmax(0,1fr);width:min(100% - 38px,1240px)}.sound-builder-editor-grid{grid-template-columns:178px minmax(250px,.9fr) minmax(300px,1.1fr)}}@media (width<=1050px){.sound-builder-app-header{grid-template-columns:96px minmax(130px,1fr) auto 108px;padding-right:178px}.sound-builder-app-header>a span{display:none}.sound-builder-app-header>nav button{padding:0 10px}.sound-builder-app-layout{grid-template-columns:194px minmax(0,1fr)}.sound-builder-editor-grid{grid-template-columns:180px minmax(0,1fr)}.sound-builder-inspector{border-top:1px solid var(--build-line);grid-column:1/-1}.sound-builder-inspector>label{max-width:none}.sound-builder-mini-preview{max-width:520px}}@media (width<=760px){.sound-builder-app-header{min-height:calc(198px + var(--build-safe-top));padding:var(--build-safe-top) 0 0;grid-template-rows:66px 72px 60px;grid-template-columns:54px minmax(0,1fr) 96px;position:relative}.sound-builder-app-header>a{justify-content:center}.sound-builder-app-header>div{padding:0 14px}.sound-builder-app-header>nav{border-width:1px 0 0;grid-area:3/1/auto/-1;align-self:stretch}.sound-builder-app-header>nav button{flex:1}.sound-builder-app-header>button{grid-area:1/3;min-height:38px;margin:auto 10px auto 0;padding:0 8px;font-size:8px}.sound-builder-app-grid{inset:calc(198px + var(--build-safe-top)) 0 0}.sound-builder-app-grid:before{left:33.333%}.sound-builder-app-grid:after{right:33.333%}.sound-builder-app-layout{grid-template-columns:1fr;gap:12px;width:calc(100% - 20px);padding:12px 0 70px}.sound-builder-course-rail{position:relative;top:auto}.sound-builder-course-rail>header{padding:18px}.sound-builder-course-rail>header h1{margin:11px 0 8px;font-size:26px}.sound-builder-course-rail>header h1 br{display:none}.sound-builder-course-rail>nav{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sound-builder-course-rail>nav button{border-right:1px solid var(--build-line);grid-template-columns:1fr;gap:5px;min-height:72px;padding:8px}.sound-builder-course-rail>nav button:last-child{border-right:0}.sound-builder-course-rail>nav button>b{display:none}.sound-builder-course-rail>nav button.is-active{box-shadow:inset 0 3px var(--build-signal)}.sound-builder-course-rail>footer{display:none}.sound-builder-workspace-heading{align-items:flex-start;min-height:110px;padding:18px}.sound-builder-workspace-heading h2{font-size:29px}.sound-builder-workspace-heading p{max-width:240px;line-height:1.5}.sound-builder-editor-grid{grid-template-columns:1fr;min-height:0}.sound-builder-library,.sound-builder-canvas{border-right:0;border-bottom:1px solid var(--build-line)}.sound-builder-library>article{min-height:0}.sound-builder-library>article>strong{margin-top:16px}.sound-builder-library>article>p{min-height:0}.sound-builder-inspector{border-top:0;grid-column:1}.sound-builder-mini-preview{max-width:none}.sound-builder-learner-view{width:calc(100% - 28px);padding:28px 0 40px}.sound-builder-learner-view>header{min-height:132px}.sound-builder-learner-view>header h3{font-size:34px}.sound-builder-learner-view .canto-pronunciation-assembly>header{padding:18px}.sound-builder-learner-view>footer{flex-direction:column;align-items:stretch}.sound-builder-learner-view>footer button{width:100%}}@media (width<=440px){.sound-builder-course-rail>nav button em,.sound-builder-workspace-heading>span{display:none}.sound-builder-inspector>div:not(.sound-builder-inspector-empty){grid-template-columns:1fr}.sound-builder-status{flex-direction:column;justify-content:center;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.sound-builder-library>article{transition:none}.sound-builder-library>article:hover{transform:none}}.sound-feedback-lab{padding:30px 26px 44px}.sound-feedback-lab>header{grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);align-items:start;gap:44px;min-height:138px;display:grid}.sound-feedback-lab>header small{color:var(--build-signal);letter-spacing:.16em;font-family:Oxanium,sans-serif;font-size:7px;font-weight:700}.sound-feedback-lab>header h3{letter-spacing:-.05em;max-width:680px;margin:12px 0 0;font-size:clamp(27px,3.5vw,48px);font-weight:540;line-height:1.05}.sound-feedback-lab>header>p{border-left:3px solid var(--build-signal);color:var(--build-muted);margin:23px 0 0;padding-left:15px;font-size:9px;line-height:1.75}.sound-feedback-grid{border:1px solid var(--build-ink);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sound-feedback-grid>article{border-right:1px solid var(--build-ink);background:color-mix(in srgb, var(--build-panel) 86%, transparent);flex-direction:column;min-width:0;min-height:500px;transition:background-color .22s,box-shadow .22s;display:flex}.sound-feedback-grid>article:last-child{border-right:0}.sound-feedback-grid>article.is-correct{background:color-mix(in srgb, var(--build-lime) 11%, var(--build-panel));box-shadow:inset 0 4px var(--build-lime-ink)}.sound-feedback-grid>article.is-wrong{background:color-mix(in srgb, var(--build-signal) 7%, var(--build-panel));box-shadow:inset 0 4px var(--build-signal)}.sound-feedback-grid>article>header{border-bottom:1px solid var(--build-line);align-items:center;gap:11px;min-height:66px;padding:0 15px;display:flex}.sound-feedback-grid>article>header>span{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:19px;font-weight:600}.sound-feedback-grid>article>header>div{flex-direction:column;gap:4px;display:flex}.sound-feedback-grid>article>header small{color:var(--build-muted);letter-spacing:.1em;font-family:Oxanium,sans-serif;font-size:6px;font-weight:700}.sound-feedback-grid>article>header strong{font-size:10px}.sound-feedback-prompt{flex-direction:column;align-items:stretch;min-height:190px;padding:24px 17px 18px;display:flex}.sound-feedback-prompt>small{color:var(--build-muted);font-size:8px;line-height:1.55}.sound-feedback-word-row{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:5px;display:grid}.sound-feedback-word-row>span{border-bottom:2px solid var(--build-line);justify-content:center;align-items:center;min-height:72px;font-size:clamp(25px,2.5vw,38px);font-weight:600;display:flex;position:relative}.sound-feedback-word-row>span b{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:11px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.sound-feedback-word-row.is-revealed>span{border-color:var(--build-signal)}.sound-feedback-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 16px 18px;display:grid}.sound-feedback-choices button{border:1px solid var(--build-line);min-height:61px;color:var(--build-ink);background:0 0;justify-content:center;align-items:center;gap:6px;display:flex}.sound-feedback-choices button:hover,.sound-feedback-choices button:focus-visible{border-color:var(--build-signal);background:var(--build-signal-soft)}.sound-feedback-choices button strong{font-family:Oxanium,sans-serif;font-size:23px}.sound-feedback-choices button.is-correct{border-color:var(--build-lime-ink);color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 14%, transparent)}.sound-feedback-choices button.is-wrong{border-color:var(--build-signal);color:var(--build-signal)}.sound-feedback-grid>article>footer{border-top:1px solid var(--build-line);min-height:66px;color:var(--build-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:10px 14px;display:flex}.sound-feedback-grid>article>footer>span{align-items:center;gap:6px;font-size:7px;line-height:1.45;display:flex}.sound-feedback-grid>article>footer>button{border:1px solid var(--build-line);min-height:32px;color:var(--build-ink);background:0 0;flex:none;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:7px;font-weight:700;display:inline-flex}.sound-feedback-grid>article>footer>button:hover,.sound-feedback-grid>article>footer>button:focus-visible,.sound-feedback-grid>article>footer>button.is-speaking{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}.sound-feedback-mouth{color:var(--build-signal);flex:1;grid-template-rows:1fr auto;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:0 9px;display:grid}.sound-feedback-mouth>svg{align-self:end;margin-bottom:12px}.sound-feedback-mouth>i{background:var(--build-signal);transform-origin:0;align-self:end;height:4px;margin-bottom:22px;display:block}.sound-feedback-mouth>span{color:var(--build-muted);text-align:center;grid-column:1/-1;font-size:8px}.sound-contrast-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 16px 18px;display:grid}.sound-contrast-options button{border:1px solid var(--build-line);min-width:0;min-height:98px;color:var(--build-ink);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.sound-contrast-options button:hover,.sound-contrast-options button:focus-visible{border-color:var(--build-signal);background:var(--build-signal-soft)}.sound-contrast-options button>small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:8px}.sound-contrast-options button>strong{font-size:29px}.sound-contrast-options button>span{color:var(--build-muted);font-family:Oxanium,sans-serif;font-size:8px}.sound-contrast-options button>svg{color:var(--build-signal);position:absolute;top:7px;right:7px}.sound-contrast-options button.is-correct{border-color:var(--build-lime-ink);color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 12%, transparent)}.sound-contrast-options button.is-wrong{border-color:var(--build-signal)}.sound-tone-stage{border-bottom:1px solid var(--build-line);grid-template-columns:1fr 1.12fr;align-items:center;min-height:250px;padding:20px 14px 8px;display:grid}.sound-tone-stage>div{flex-direction:column;justify-content:center;align-items:center;display:flex}.sound-tone-stage>div>b{font-size:clamp(58px,6vw,84px);font-weight:580;line-height:1}.sound-tone-stage>div>span{align-items:center;gap:8px;margin-top:13px;display:flex}.sound-tone-stage>div strong{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:13px}.sound-tone-stage>div small{color:var(--build-muted);font-size:7px}.sound-tone-stage>svg{width:100%;height:auto;overflow:visible}.sound-tone-guides{fill:none;stroke:var(--build-line);stroke-dasharray:3 6;stroke-width:1px}.sound-tone-path{fill:none;stroke:var(--build-signal);stroke-linecap:square;stroke-width:5px}.sound-tone-stage circle{fill:var(--build-lime-ink)}.sound-tone-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:16px;display:grid}.sound-tone-choices button{border:1px solid var(--build-line);min-height:79px;color:var(--build-ink);background:0 0;grid-template-rows:auto auto;grid-template-columns:auto auto;place-content:center;gap:2px 7px;display:grid}.sound-tone-choices button:hover,.sound-tone-choices button:focus-visible,.sound-tone-choices button.is-active{border-color:var(--build-signal);background:var(--build-signal-soft)}.sound-tone-choices button.is-active{box-shadow:inset 0 3px var(--build-signal)}.sound-tone-choices button small{color:var(--build-muted);grid-column:1;font-size:6px}.sound-tone-choices button strong{color:var(--build-signal);grid-area:1/2/3;font-family:Oxanium,sans-serif;font-size:24px}.sound-tone-choices button span{grid-column:1;font-size:8px;font-weight:700}.sound-feedback-lab>footer{border:1px solid var(--build-ink);min-height:54px;color:var(--build-muted);border-top:0;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;font-size:8px;display:flex}.sound-feedback-lab>footer b{color:var(--build-ink);margin-right:6px}.sound-feedback-lab>footer strong{color:var(--build-signal);letter-spacing:.08em;white-space:nowrap;font-family:Oxanium,sans-serif;font-size:7px}@media (width<=1240px){.sound-feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-feedback-grid>article:nth-child(2){border-right:0}.sound-feedback-grid>article:last-child{border-top:1px solid var(--build-ink);grid-column:1/-1}.sound-feedback-tone-card .sound-tone-stage{grid-template-columns:minmax(220px,.7fr) minmax(260px,1.3fr)}}@media (width<=760px){.sound-feedback-lab{padding:22px 14px 34px}.sound-feedback-lab>header{min-height:190px;display:block}.sound-feedback-lab>header h3{font-size:34px}.sound-feedback-lab>header>p{margin-top:18px}.sound-feedback-grid{grid-template-columns:1fr}.sound-feedback-grid>article,.sound-feedback-grid>article:nth-child(2){border-right:0;border-bottom:1px solid var(--build-ink);min-height:470px}.sound-feedback-grid>article:last-child{border-top:0;border-bottom:0;grid-column:1}.sound-feedback-prompt{min-height:170px}.sound-feedback-word-row>span{font-size:28px}.sound-tone-stage,.sound-feedback-tone-card .sound-tone-stage{grid-template-columns:1fr 1.1fr}.sound-feedback-lab>footer{flex-direction:column;align-items:flex-start;padding:13px}}@media (prefers-reduced-motion:reduce){.sound-feedback-grid>article{transition:none}}.canto-story-page{max-width:1240px}.canto-story-page>.canto-page-heading{max-width:900px}.canto-story-status{border:1px solid var(--build-ink);min-height:66px;color:var(--build-paper);background:var(--build-ink);justify-content:space-between;align-items:center;gap:18px;padding:0 18px;display:flex}.canto-story-status>span{align-items:center;gap:9px;min-width:0;display:flex}.canto-story-status>span>i{background:var(--build-lime);flex:none;width:7px;height:7px;animation:.9s ease-in-out 2 alternate canto-story-live}.canto-story-status strong,.canto-story-status small{font-family:Oxanium,PingFang SC,sans-serif}.canto-story-status>span strong{color:var(--build-lime);letter-spacing:.13em;font-size:9px}.canto-story-status>span small{color:color-mix(in srgb, var(--build-paper) 64%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.canto-story-status>div{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.canto-story-status>div small{color:color-mix(in srgb, var(--build-paper) 55%, transparent);letter-spacing:.12em;font-size:7px}.canto-story-status>div strong{color:var(--build-paper);font-size:15px}.canto-story-layout{grid-template-columns:var(--canto-story-sidebar-width,268px) minmax(0, 1fr);border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);border-left:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 58%, transparent);align-items:start;display:grid}.canto-story-sidebar{border-right:1px solid var(--build-line);min-width:0}.canto-story-sidebar>header{border-bottom:1px solid var(--build-line);flex-direction:column;align-items:flex-start;min-height:88px;padding:16px;display:flex}.canto-story-sidebar>header span,.canto-story-sidebar>header small,.canto-story-sidebar>ol b,.canto-story-next-scene small{color:var(--build-signal);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:7px;font-weight:700}.canto-story-sidebar>header strong{margin-top:7px;font-size:16px}.canto-story-sidebar>header small{color:var(--build-muted);letter-spacing:0;margin-top:4px;font-family:inherit;font-weight:400}.canto-story-scene-visual{border-bottom:1px solid var(--build-line);min-height:176px;color:var(--build-signal);background:var(--build-signal-soft);justify-content:space-between;align-items:flex-end;padding:18px;display:flex;position:relative;overflow:hidden}.canto-story-scene-visual:before{border:1px solid color-mix(in srgb, var(--build-signal) 24%, transparent);content:"";clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);position:absolute;inset:16px}.canto-story-scene-visual>svg,.canto-story-scene-visual>strong{z-index:1;position:relative}.canto-story-scene-visual>strong{color:var(--build-ink);text-align:right;font-family:Oxanium,sans-serif;font-size:18px;line-height:1.05}.canto-story-scene-visual>span{gap:5px;display:flex;position:absolute;top:18px;right:18px}.canto-story-scene-visual>span i{background:var(--build-signal);width:5px;height:5px}.canto-story-scene-visual>span i:last-child{background:var(--build-lime-ink)}.canto-story-sidebar>ol{margin:0;padding:0;list-style:none}.canto-story-sidebar>ol li{border-bottom:1px solid var(--build-line);min-height:43px;color:var(--build-muted);grid-template-columns:26px minmax(0,1fr) 8px;align-items:center;gap:8px;padding:0 13px;display:grid}.canto-story-sidebar>ol b{border:1px solid var(--build-line);width:22px;height:22px;color:var(--build-muted);place-items:center;display:grid}.canto-story-sidebar>ol span{font-size:10px}.canto-story-sidebar>ol i{border:1px solid var(--build-line);justify-self:end;width:5px;height:5px}.canto-story-sidebar>ol li.is-active{color:var(--build-ink);background:var(--build-signal-soft)}.canto-story-sidebar>ol li.is-active b{border-color:var(--build-signal);color:var(--build-signal)}.canto-story-sidebar>ol li.is-active i{border-color:var(--build-signal);background:var(--build-signal)}.canto-story-sidebar>ol li.is-complete b{border-color:var(--build-lime-ink);color:var(--build-lime-ink)}.canto-story-sidebar>ol li.is-complete i{border-color:var(--build-lime-ink);background:var(--build-lime-ink)}.canto-story-next-scene{width:100%;min-height:64px;color:var(--build-muted);background:color-mix(in srgb, var(--build-panel) 76%, transparent);text-align:left;border:0;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.canto-story-next-scene>span{flex-direction:column;gap:5px;display:flex}.canto-story-next-scene strong{font-size:10px}.canto-story-next-scene:disabled{opacity:.58;cursor:not-allowed!important}.canto-story-conversation{min-width:0}.canto-story-conversation>header{border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 88%, transparent);grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:0 18px;display:grid}.canto-story-avatar{width:38px;height:38px;color:var(--build-paper);background:var(--build-signal);clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);place-items:center;font-size:13px;font-weight:800;display:grid}.canto-story-conversation>header>span{flex-direction:column;gap:3px;min-width:0;display:flex}.canto-story-conversation>header small{color:var(--build-signal);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:7px;font-weight:700}.canto-story-conversation>header strong{font-size:12px}.canto-story-auto-voice{border:1px solid var(--build-line);min-height:34px;color:var(--build-muted);background:0 0;border-radius:5px;align-items:center;gap:7px;padding:0 10px;font-size:8px;display:inline-flex}.canto-story-auto-voice.is-active{border-color:color-mix(in srgb, var(--build-lime-ink) 44%, var(--build-line));color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 10%, transparent)}.canto-story-auto-voice:hover,.canto-story-auto-voice:focus-visible{border-color:var(--build-signal);color:var(--build-signal)}.canto-story-transcript{height:var(--canto-story-transcript-height,590px);overscroll-behavior:contain;background:color-mix(in srgb, var(--build-paper) 72%, var(--build-panel));scrollbar-width:thin;scrollbar-color:var(--build-line) transparent;padding:24px clamp(16px,3vw,32px);overflow-y:auto}.canto-story-narrator{color:var(--build-muted);text-align:center;justify-content:center;align-items:center;margin:22px 0;font-size:9px;line-height:1.65;display:flex}.canto-story-narrator:first-child{margin-top:0}.canto-story-narrator span{max-width:72%;color:color-mix(in srgb, var(--build-muted) 88%, transparent);background:color-mix(in srgb, var(--build-muted) 10%, transparent);border-radius:4px;padding:5px 12px}.canto-story-message{grid-template-columns:38px minmax(0,1fr);align-items:start;gap:10px;width:min(82%,650px);margin-top:20px;display:grid}.canto-story-message.is-learner{grid-template-columns:minmax(0,1fr) 38px;margin-left:auto}.canto-story-message-avatar{width:38px;height:38px;color:var(--build-paper);background:var(--build-signal);border-radius:5px;place-items:center;font-size:12px;font-weight:800;display:grid;box-shadow:0 2px 7px #0000001f}.canto-story-message-avatar.is-learner{color:#07100b;background:var(--build-lime)}.canto-story-message-body{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.canto-story-message.is-learner .canto-story-message-body{align-items:flex-end}.canto-story-message-body>small{color:var(--build-muted);margin:0 4px 6px;font-size:8px}.canto-story-bubble{overflow-wrap:anywhere;border:1px solid color-mix(in srgb, var(--build-line) 82%, transparent);background:var(--build-panel);border-radius:6px;flex-direction:column;align-items:flex-start;min-width:min(220px,100%);max-width:100%;padding:14px 46px 13px 15px;display:flex;position:relative;box-shadow:0 2px 8px #0000000e}.canto-story-bubble:before{border-bottom:1px solid color-mix(in srgb, var(--build-line) 82%, transparent);border-left:1px solid color-mix(in srgb, var(--build-line) 82%, transparent);background:var(--build-panel);content:"";width:10px;height:10px;position:absolute;top:12px;left:-6px;transform:rotate(45deg)}.canto-story-message.is-learner .canto-story-bubble{border-color:color-mix(in srgb, var(--build-lime-ink) 32%, var(--build-line));background:color-mix(in srgb, var(--build-lime) 22%, var(--build-panel))}.canto-story-message.is-learner .canto-story-bubble:before{border:0;border-top:1px solid color-mix(in srgb, var(--build-lime-ink) 32%, var(--build-line));border-right:1px solid color-mix(in srgb, var(--build-lime-ink) 32%, var(--build-line));background:color-mix(in srgb, var(--build-lime) 22%, var(--build-panel));left:auto;right:-6px}.canto-story-bubble>button{width:29px;height:29px;color:var(--build-muted);background:color-mix(in srgb, var(--build-muted) 9%, transparent);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:9px;right:9px}.canto-story-bubble>button:hover,.canto-story-bubble>button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-story-bubble strong{padding-right:6px;font-size:15px;line-height:1.55}.canto-story-bubble span{color:var(--build-signal);margin-top:7px;font-family:Oxanium,sans-serif;font-size:8px;line-height:1.5}.canto-story-bubble em{color:var(--build-muted);margin-top:5px;font-size:9px;font-style:normal}.canto-story-choices{border-top:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 96%, transparent);padding:0 18px 18px}.canto-story-choices>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:0 18px;display:flex}.canto-story-choices>header>span{flex-direction:column;gap:4px;display:flex}.canto-story-choices>header small{color:var(--build-signal);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:7px}.canto-story-choices>header strong{font-size:13px}.canto-story-choices>header em{color:var(--build-muted);font-size:8px;font-style:normal}.canto-story-choices>div{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.canto-story-choices>div>button{border:1px solid var(--build-line);min-width:0;min-height:86px;color:var(--build-ink);background:var(--build-panel);text-align:left;border-radius:6px;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:13px 15px;display:grid;box-shadow:0 1px 4px #00000009}.canto-story-choices>div>button:hover,.canto-story-choices>div>button:focus-visible{border-color:var(--build-signal);color:var(--build-ink);background:var(--build-signal-soft);transform:translateY(-1px);box-shadow:0 3px 12px #00000014}.canto-story-choices>div>button>b{border:1px solid var(--build-signal);width:26px;height:26px;color:var(--build-signal);border-radius:50%;place-items:center;font-family:Oxanium,sans-serif;font-size:8px;display:grid}.canto-story-choices>div>button>span{flex-direction:column;gap:5px;min-width:0;display:flex}.canto-story-choices>div>button strong{font-size:12px;line-height:1.5}.canto-story-choices>div>button small{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:7px;line-height:1.45}.canto-story-choices>div>button em{color:var(--build-muted);font-size:8px;font-style:normal;line-height:1.45}.canto-story-choices>div>button>svg{color:var(--build-signal);align-self:center}.canto-story-ending{border:1px solid var(--build-signal);background:var(--build-signal-soft);text-align:center;clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);flex-direction:column;align-items:center;margin-top:26px;padding:34px;display:flex}.canto-story-ending>small{color:var(--build-signal);letter-spacing:.15em;font-family:Oxanium,sans-serif;font-size:8px;font-weight:700}.canto-story-ending>svg{color:var(--build-lime-ink);margin-top:18px}.canto-story-ending h2{letter-spacing:-.045em;margin:10px 0 0;font-size:clamp(27px,4vw,42px)}.canto-story-ending p{max-width:560px;color:var(--build-muted);margin:12px 0 0;font-size:11px;line-height:1.7}.canto-story-ending>div{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,1fr);width:min(100%,480px);margin-top:24px;display:grid}.canto-story-ending>div span{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);flex-direction:column;justify-content:center;align-items:center;min-height:76px;display:flex}.canto-story-ending>div strong{color:var(--build-signal);font-family:Oxanium,sans-serif;font-size:20px}.canto-story-ending>div small{color:var(--build-muted);margin-top:4px;font-size:8px}.canto-story-ending>footer{gap:8px;margin-top:22px;display:flex}.canto-story-ending>footer button{border:1px solid var(--build-line);min-height:43px;color:var(--build-ink);background:var(--build-panel);align-items:center;gap:8px;padding:0 14px;font-size:9px;font-weight:700;display:inline-flex}.canto-story-ending>footer button:last-child{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.canto-story-footnote{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:74px;padding:14px 16px;display:grid}.canto-story-footnote>span{color:var(--build-signal);letter-spacing:.13em;font-family:Oxanium,sans-serif;font-size:7px;font-weight:700}.canto-story-footnote p{color:var(--build-muted);margin:0;font-size:9px;line-height:1.6}.canto-story-footnote button{border:1px solid var(--build-line);min-height:38px;color:var(--build-ink);background:0 0;padding:0 12px;font-size:9px}.canto-story-footnote button:hover,.canto-story-footnote button:focus-visible{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}@keyframes canto-story-live{to{opacity:.38}}.canto-page-inline-edit-launch{border:1px solid var(--build-signal);min-height:46px;color:var(--build-signal);background:var(--build-signal-soft);text-align:left;align-items:center;gap:10px;margin:0 0 18px auto;padding:0 15px;display:flex}.canto-page-inline-edit-launch span{flex-direction:column;gap:3px;display:flex}.canto-page-inline-edit-launch small{letter-spacing:.13em;font:700 7px/1 Oxanium,sans-serif}.canto-page-inline-edit-launch strong{font-size:10px}.canto-page-inline-edit-launch:hover,.canto-page-inline-edit-launch:focus-visible{color:var(--build-paper);background:var(--build-signal)}.canto-story-session.is-sidebar-compact{--canto-story-sidebar-width:220px}.canto-story-session.is-sidebar-balanced{--canto-story-sidebar-width:268px}.canto-story-session.is-sidebar-wide{--canto-story-sidebar-width:330px}.canto-story-session.is-transcript-compact{--canto-story-transcript-height:430px}.canto-story-session.is-transcript-compact:not(.canto-story-inline-editor) .canto-story-transcript{padding-block:15px}.canto-story-session.is-transcript-compact .canto-story-message{margin-top:12px}.canto-story-session.is-transcript-compact .canto-story-narrator{margin-block:12px}.canto-story-session.is-choices-grid:not(.canto-story-inline-editor) .canto-story-choices>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.canto-story-session.is-motion-fade .canto-story-layout{animation:.3s both canto-story-document-fade}.canto-story-session.is-motion-slide .canto-story-layout{animation:.34s cubic-bezier(.2,.8,.2,1) both canto-story-document-slide}@keyframes canto-story-document-fade{0%{opacity:0}}@keyframes canto-story-document-slide{0%{opacity:0;transform:translateY(14px)}}.canto-story-session{isolation:isolate;position:relative}.canto-story-session:before{z-index:0;pointer-events:none;content:"";background-image:var(--canto-story-background-image,none);opacity:var(--canto-story-background-opacity,0);background-position:top;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.canto-story-session>*{z-index:1;position:relative}.canto-story-session[data-story-theme=midnight-neon]{--build-signal:#54e7f2;--build-signal-soft:#54e7f21f;--build-lime:#c9fa52;--build-lime-ink:#9dc52a}.canto-story-session[data-story-theme=warm-film]{--build-signal:#e8a35a;--build-signal-soft:#e8a35a21;--build-lime:#f2d27c;--build-lime-ink:#c79043}.canto-story-session[data-story-theme=paper-ink]{--build-signal:#e26857;--build-signal-soft:#e268571c;--build-lime:#f0cf6a;--build-lime-ink:#ba9024}.canto-story-session[data-story-theme=signal-grid]{--build-signal:#20d5e5;--build-signal-soft:#20d5e51c}.build-system[data-build-theme=light] .canto-story-session:not(.canto-story-inline-editor):is([data-story-theme=midnight-neon],[data-story-theme=signal-grid]){--build-signal:#006773;--build-lime-ink:#486400}.build-system[data-build-theme=light] .canto-story-session:not(.canto-story-inline-editor)[data-story-theme=warm-film]{--build-signal:#8a4b12;--build-lime-ink:#765512}.build-system[data-build-theme=light] .canto-story-session:not(.canto-story-inline-editor)[data-story-theme=paper-ink]{--build-signal:#a5392d;--build-lime-ink:#725600}.canto-story-scene-transition{border:1px solid color-mix(in srgb, var(--build-signal) 55%, var(--build-line));background:#070c0e;width:min(82%,760px);margin:12px auto 24px;position:relative;overflow:hidden;box-shadow:0 16px 42px #0000003d}.canto-story-scene-transition img{object-fit:cover;width:100%;height:clamp(245px,38vw,410px);display:block}.canto-story-scene-transition figcaption{color:#fffdf7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070c0ee0;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:12px 14px;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.canto-story-scene-transition figcaption small{color:#f2d27c;letter-spacing:.12em;grid-row:1/3;font:700 8px/1.2 Oxanium,sans-serif}.canto-story-scene-transition figcaption strong{font-size:15px}.canto-story-scene-transition figcaption span{color:#c8d0d2;font-size:10px;line-height:1.5}.canto-inline-page-editor-bar{z-index:15;color:#f6f3ec;background:#0f1517f7;border:1px solid #495559;justify-content:space-between;align-items:center;gap:18px;min-height:68px;margin-bottom:14px;padding:10px 12px 10px 16px;display:flex;position:sticky;top:10px;box-shadow:0 10px 30px #0000002e}.canto-inline-page-editor-bar>div{grid-template-columns:auto auto;align-items:center;gap:4px 12px;min-width:0;display:grid}.canto-inline-page-editor-bar>div>span{color:#b9f600;align-items:center;gap:7px;display:flex}.canto-inline-page-editor-bar small{letter-spacing:.12em;font:700 10px/1 Oxanium,sans-serif}.canto-inline-page-editor-bar strong{color:#fffdf7;font-size:13px}.canto-inline-page-editor-bar em{color:#bec7ca;grid-column:1/-1;font-size:11px;font-style:normal}.canto-inline-page-editor-bar em.is-dirty{color:var(--build-lime)}.canto-inline-page-editor-bar nav{gap:7px;display:flex}.canto-inline-page-editor-bar button{color:#f6f3ec;background:#192124;border:1px solid #5e6a6e;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.canto-inline-page-editor-bar button.is-primary{color:#07100b;background:#b9f600;border-color:#b9f600;font-weight:800}.canto-inline-page-editor-bar button:disabled{opacity:.64;cursor:not-allowed}.canto-inline-page-editor-bar button:focus-visible{outline-offset:2px;outline:2px solid #b9f600}.canto-story-inline-editor{color:#f6f3ec;max-width:1380px}.canto-story-editor-modes{border-bottom:1px solid #3d494d;grid-template-columns:repeat(2,minmax(0,250px));margin-bottom:14px;display:grid}.canto-story-editor-modes>button{color:#9ca8ac;text-align:left;background:#0d1315;border:0;border-right:1px solid #3d494d;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:66px;padding:10px 15px;display:grid}.canto-story-editor-modes>button>b{color:#aeb8bb;border:1px solid #4e5a5e;place-items:center;width:30px;height:30px;font:700 10px/1 Oxanium,sans-serif;display:grid}.canto-story-editor-modes>button>span{flex-direction:column;gap:4px;display:flex}.canto-story-editor-modes>button strong{color:#dce1e2;font-size:13px}.canto-story-editor-modes>button small{color:#9ca8ac;font-size:10px}.canto-story-editor-modes>button.is-active{color:#20d5e5;background:#13282b;box-shadow:inset 0 -3px #20d5e5}.canto-story-editor-modes>button.is-active>b{color:#071012;background:#20d5e5;border-color:#20d5e5}.canto-story-editor-modes>button.is-active strong{color:#fffdf7}.canto-story-editor-modes>button:focus-visible{outline-offset:-3px;outline:2px solid #b9f600}.canto-story-editor-overview{background:#091012;border:1px solid #3d494d;grid-template-columns:minmax(0,1fr) minmax(320px,390px);display:grid}.canto-story-overview-workspace{border-right:1px solid #3d494d;min-width:0}.canto-story-overview-title{background:#11191b;border-bottom:1px solid #3d494d;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:0 20px;display:flex}.canto-story-overview-title>span{flex-direction:column;gap:5px;display:flex}.canto-story-overview-title small,.canto-story-outline-panel>header small{color:#20d5e5;letter-spacing:.12em;font:700 10px/1 Oxanium,sans-serif}.canto-story-overview-title strong{color:#fffdf7;font-size:16px}.canto-story-overview-title em{color:#c0c8ca;font-size:11px;font-style:normal}.canto-story-editor-heading{background:#0d1416;border:0;border-bottom:1px solid #3d494d;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px;display:grid}.canto-story-editor-heading .is-wide{grid-column:span 2}.canto-story-editor-heading label,.canto-story-editor-layout-controls label,.canto-story-editable-bubble label,.canto-story-choice-edit-fields label,.canto-story-reply-editor label,.canto-story-beat-label-editor,.canto-story-scene-visual label{flex-direction:column;gap:6px;min-width:0;display:flex}.canto-story-inline-editor label>span,.canto-story-editor-layout-controls label>span{color:#bdc6c9;letter-spacing:.02em;font-size:10px;font-weight:700}.canto-story-inline-editor input,.canto-story-inline-editor textarea,.canto-story-inline-editor select{box-sizing:border-box;color:#fffdf7;width:100%;min-height:38px;font:inherit;background:#080d0f;border:1px solid #485559;border-radius:0;outline:0;padding:8px 9px;font-size:12px;line-height:1.6}.canto-story-inline-editor textarea{resize:vertical}.canto-story-inline-editor input:focus,.canto-story-inline-editor textarea:focus,.canto-story-inline-editor select:focus{border-color:var(--build-signal);box-shadow:0 0 0 2px var(--build-signal-soft)}.canto-story-editor-heading textarea{min-height:76px;font-size:13px}.canto-story-theme-editor{background:#0b1214;border-bottom:1px solid #3d494d}.canto-story-theme-editor>header{border-bottom:1px solid #344044;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:0 14px;display:flex}.canto-story-theme-editor>header>span{flex-direction:column;gap:4px;display:flex}.canto-story-theme-editor>header small{color:var(--build-signal);letter-spacing:.12em;font:700 9px/1 Oxanium,sans-serif}.canto-story-theme-editor>header strong{color:#fffdf7;font-size:13px}.canto-story-theme-editor>header em{color:#aeb8bb;font-size:9px;font-style:normal}.canto-story-theme-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:10px 12px;display:grid}.canto-story-theme-presets>button{color:#dbe0e1;text-align:left;background:#11191b;border:1px solid #445055;grid-template-columns:68px minmax(0,1fr);align-items:center;min-width:0;height:68px;padding:0;display:grid;position:relative;overflow:hidden}.canto-story-theme-presets>button>img{object-fit:cover;opacity:.72;width:68px;height:66px;display:block}.canto-story-theme-presets>button>span{flex-direction:column;gap:4px;min-width:0;padding:8px;display:flex}.canto-story-theme-presets>button strong{color:#fffdf7;font-size:11px}.canto-story-theme-presets>button small{color:#aeb8bb;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.canto-story-theme-presets>button>svg{color:#071012;background:var(--build-signal);padding:2px;position:absolute;top:5px;right:5px}.canto-story-theme-presets>button.is-active{border-color:var(--build-signal);box-shadow:inset 0 -3px var(--build-signal)}.canto-story-theme-presets>button:hover,.canto-story-theme-presets>button:focus-visible{border-color:var(--build-signal);background:#172225}.canto-story-theme-controls{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:8px;padding:0 12px 12px;display:grid}.canto-story-theme-controls label{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.canto-story-theme-controls label>span{color:#bdc6c9;font-size:9px;font-weight:700}.canto-story-theme-controls input[type=range]{min-height:30px;accent-color:var(--build-signal);padding:0}.canto-story-editor-layout-controls{background:#11191b;border:0;border-top:1px solid #3d494d;grid-template-columns:auto repeat(4,minmax(130px,1fr));align-items:center;gap:12px;min-height:86px;padding:13px 18px;display:grid}.canto-story-editor-layout-controls>strong{color:#20d5e5;white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.canto-story-editor-layout-controls select{min-height:34px;padding-block:5px}.canto-story-inline-editor .canto-story-status{color:#f6f3ec;background:#101719}.canto-story-inline-editor .canto-story-status>span>strong{color:#b9f600;white-space:nowrap;flex:none;font-size:11px}.canto-story-inline-editor .canto-story-status>div small{color:#aeb8bb}.canto-story-inline-editor .canto-story-status>div strong{color:#fffdf7}.canto-story-inline-editor .canto-story-status input{color:#fffdf7;background:#080d0f;border-color:#4e5a5e;min-width:240px;min-height:32px;padding:4px 8px}.canto-story-layout-map{background:#070c0e;border:1px solid #465256;margin:20px;box-shadow:0 18px 44px #00000038}.canto-story-layout-map>header{border-bottom:1px solid #364247;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:70px;padding:14px 18px;display:grid}.canto-story-layout-map>header>span{color:#20d5e5;letter-spacing:.12em;font:700 9px/1 Oxanium,sans-serif}.canto-story-layout-map>header>strong{color:#fffdf7;text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.canto-story-layout-map>header>small{color:#aeb8bb;font-size:10px}.canto-story-layout-map-body{min-height:286px;display:flex}.canto-story-layout-map-body>aside{background:#0d1618;border-right:1px solid #364247;flex-direction:column;gap:7px;min-width:150px;padding:18px 14px;transition:flex-basis .2s;display:flex}.canto-story-layout-map-body>aside>i{color:#071012;background:#20d5e5;place-items:center;width:32px;height:32px;font-size:14px;font-style:normal;font-weight:800;display:grid}.canto-story-layout-map-body>aside>strong{color:#fffdf7;margin-top:3px;font-size:12px}.canto-story-layout-map-body>aside>small{color:#94a1a5;font:700 8px/1 Oxanium,sans-serif}.canto-story-layout-map-body>aside ol{border-top:1px solid #364247;margin:10px -14px 0;padding:0;list-style:none}.canto-story-layout-map-body>aside li{color:#aeb8bb;border-bottom:1px solid #253136;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;min-height:28px;padding:0 10px;font-size:9px;display:grid}.canto-story-layout-map-body>aside li b{color:#20d5e5;font:700 8px/1 Oxanium,sans-serif}.canto-story-layout-map-body>aside li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canto-story-layout-map-content{flex-direction:column;flex:1;gap:20px;min-width:0;padding:25px;display:flex}.canto-story-layout-map-body .is-narrator{color:#c2c9cb;text-align:center;background:#172023;width:72%;margin:0 auto;padding:10px;font-size:10px}.canto-story-layout-map-body .is-dialogue{align-items:flex-start;gap:10px;display:flex}.canto-story-layout-map-body .is-dialogue>i{color:#20d5e5;border:1px solid #20d5e5;flex:none;place-items:center;width:32px;height:32px;font-size:12px;font-style:normal;display:grid}.canto-story-layout-map-body .is-dialogue>span{background:#11191b;border:1px solid #465256;flex-direction:column;gap:6px;min-width:0;max-width:78%;padding:11px 13px;display:flex}.canto-story-layout-map-body .is-dialogue small{color:#20d5e5;font-size:8px}.canto-story-layout-map-body .is-dialogue strong{color:#f3f1ea;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.canto-story-layout-map-body .is-options{gap:8px;margin-top:auto;display:grid}.canto-story-layout-map-body .is-options.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canto-story-layout-map-body .is-options span{color:#d6dcde;background:#0e1517;border:1px solid #465256;align-items:center;min-height:38px;padding:0 11px;font-size:9px;display:flex}.canto-story-outline-panel{background:#0d1416;min-width:0}.canto-story-outline-panel>header{border-bottom:1px solid #3d494d;justify-content:space-between;align-items:center;min-height:68px;padding:0 15px;display:flex}.canto-story-outline-panel>header>span{flex-direction:column;gap:5px;display:flex}.canto-story-outline-panel>header strong{color:#fffdf7;font-size:15px}.canto-story-outline-panel>header em{color:#aeb8bb;font-size:10px;font-style:normal}.canto-story-outline-panel>ol{max-height:690px;margin:0;padding:0;list-style:none;overflow-y:auto}.canto-story-outline-panel>ol>li{background:#0d1416;border-bottom:1px solid #344044;grid-template-columns:minmax(0,1fr) auto;min-height:80px;display:grid;position:relative}.canto-story-outline-panel>ol>li:hover{background:#132326}.canto-story-outline-panel>ol>li>button{color:#dce1e2;text-align:left;background:0 0;border:0;grid-template-columns:18px 28px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:12px 8px 12px 12px;display:grid}.canto-story-outline-panel>ol>li>button>svg{color:#819094}.canto-story-outline-panel>ol>li>button>b{color:#20d5e5;font:700 9px/1 Oxanium,sans-serif}.canto-story-outline-panel>ol>li>button>span{flex-direction:column;gap:5px;min-width:0;display:flex}.canto-story-outline-panel>ol>li>button strong,.canto-story-outline-panel>ol>li>button small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canto-story-outline-panel>ol>li>button strong{color:#fffdf7;font-size:12px}.canto-story-outline-panel>ol>li>button small{color:#aeb8bb;font-size:10px}.canto-story-outline-panel>ol>li>button>em{color:#b9f600;font-size:9px;font-style:normal}.canto-story-outline-panel>ol>li>nav{align-items:center;padding-right:6px;display:flex}.canto-story-outline-panel>ol>li>nav button{color:#aeb8bb;background:0 0;border:0;place-items:center;width:28px;height:32px;display:grid}.canto-story-outline-panel>ol>li>nav button:hover,.canto-story-outline-panel>ol>li>nav button:focus-visible{color:#20d5e5;background:#182a2d}.canto-story-outline-panel>ol>li>nav button:disabled{opacity:.3}.canto-story-outline-panel>.canto-story-add-beat{width:calc(100% - 24px);margin:12px}.canto-story-motion-preview-backdrop{z-index:980;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020607c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.canto-story-motion-preview{color:#f6f3ec;background:#101719;border:1px solid #566267;width:min(520px,100%);box-shadow:0 30px 90px #0000007a}.canto-story-motion-preview>header{border-bottom:1px solid #3f4b50;justify-content:space-between;align-items:center;min-height:66px;padding:0 14px 0 18px;display:flex}.canto-story-motion-preview>header>span{flex-direction:column;gap:5px;display:flex}.canto-story-motion-preview>header small{color:#20d5e5;letter-spacing:.12em;font:700 9px/1 Oxanium,sans-serif}.canto-story-motion-preview>header strong{color:#fffdf7;font-size:16px}.canto-story-motion-preview>header button{color:#f6f3ec;background:0 0;border:1px solid #4b575c;place-items:center;width:40px;height:40px;display:grid}.canto-story-motion-demo{background:#080d0f;border:1px solid #465256;align-items:flex-start;gap:12px;margin:28px 28px 16px;padding:20px;display:flex}.canto-story-motion-demo.is-fade{animation:.42s both canto-story-document-fade}.canto-story-motion-demo.is-slide{animation:.48s cubic-bezier(.2,.8,.2,1) both canto-story-document-slide}.canto-story-motion-demo-avatar{color:#071012;background:#20d5e5;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.canto-story-motion-demo>span{flex-direction:column;gap:7px;display:flex}.canto-story-motion-demo small{color:#20d5e5;font-size:9px}.canto-story-motion-demo strong{color:#fffdf7;font-size:14px;line-height:1.5}.canto-story-motion-preview>p{color:#bac4c7;margin:0;padding:0 28px 22px;font-size:11px;line-height:1.6}.canto-story-motion-preview>footer{border-top:1px solid #3f4b50;justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.canto-story-motion-preview>footer button{color:#f6f3ec;background:#172023;border:1px solid #566267;align-items:center;gap:7px;min-height:40px;padding:0 13px;display:inline-flex}.canto-story-motion-preview>footer button:last-child{color:#07100b;background:#b9f600;border-color:#b9f600;font-weight:800}.canto-story-inline-editor .canto-story-sidebar>header{gap:6px}.canto-story-inline-editor .canto-story-sidebar>header input:first-of-type{font-size:14px;font-weight:800}.canto-story-inline-editor .canto-story-sidebar>header input:last-of-type{min-height:30px;color:var(--build-muted);background:0 0}.canto-story-inline-editor .canto-story-scene-visual{gap:12px;min-height:150px}.canto-story-inline-editor .canto-story-scene-visual label{z-index:2;width:66px;margin-left:auto;position:relative}.canto-story-inline-editor .canto-story-scene-visual label input{text-align:center}.canto-story-sidebar>ol li.is-editable{cursor:grab;grid-template-columns:minmax(0,1fr) auto;gap:0;min-height:58px;padding:0}.canto-story-beat-select{min-width:0;min-height:57px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:17px 25px minmax(0,1fr);align-items:center;gap:5px;padding:0 7px;display:grid}.canto-story-beat-select>svg{color:var(--build-muted)}.canto-story-beat-select>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canto-story-beat-actions{padding-right:5px;display:flex}.canto-story-beat-actions button{width:24px;height:28px;color:var(--build-muted);background:0 0;border:0;place-items:center;display:grid}.canto-story-beat-actions button:hover,.canto-story-beat-actions button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-story-beat-actions button:disabled{opacity:.28}.canto-story-add-beat,.canto-story-add-choice{border:1px dashed var(--build-signal);width:100%;min-height:46px;color:var(--build-signal);background:var(--build-signal-soft);justify-content:center;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.canto-story-inline-editor .canto-story-conversation>header{grid-template-columns:38px minmax(0,1fr) auto}.canto-story-inline-editor .canto-story-conversation>header>span{grid-template-columns:minmax(110px,.45fr) minmax(150px,1fr);gap:7px;display:grid}.canto-story-inline-editor .canto-story-conversation>header input{min-height:32px;padding-block:5px}.canto-story-inline-editor .canto-story-conversation>header>em{color:var(--build-signal);font:700 8px/1.3 Oxanium,sans-serif}.canto-story-inline-editor .canto-story-transcript{height:auto;min-height:330px;overflow:visible}.canto-story-editable-line>span{width:min(90%,720px);max-width:none;padding:12px}.canto-story-editable-line small{color:var(--build-signal);text-align:left;margin-bottom:6px;font:700 8px/1 Oxanium,sans-serif;display:block}.canto-story-editable-line textarea{min-height:74px}.canto-story-editable-bubble{gap:10px;min-width:min(620px,80vw);padding:13px}.canto-story-editable-bubble label{width:100%}.canto-story-editable-bubble:before{display:none}.canto-story-editable-bubble textarea{min-height:62px;font-size:13px;font-weight:700}.canto-story-beat-label-editor{border-top:1px solid var(--build-line);width:min(100%,650px);margin:22px auto 0;padding-top:16px}.canto-story-choice-editor{padding-bottom:16px}.canto-story-choice-editor>div{grid-template-columns:minmax(0,1fr)}.canto-story-choice-edit-card{cursor:grab;background:#0d1416;border:1px solid #485559;min-width:0}.canto-story-choice-edit-card>header{border-bottom:1px solid var(--build-line);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:0 10px;display:grid}.canto-story-choice-edit-card>header>b{border:1px solid var(--build-signal);width:26px;height:26px;color:var(--build-signal);border-radius:50%;place-items:center;font:700 9px/1 Oxanium,sans-serif;display:grid}.canto-story-choice-edit-card>header>span{color:var(--build-muted);align-items:center;gap:6px;font-size:9px;display:flex}.canto-story-choice-edit-card>header nav{display:flex}.canto-story-choice-edit-card>header button{width:30px;height:30px;color:var(--build-muted);background:0 0;border:0;place-items:center;display:grid}.canto-story-choice-edit-card>header button:hover,.canto-story-choice-edit-card>header button:focus-visible{color:var(--build-signal);background:var(--build-signal-soft)}.canto-story-choice-edit-card>header button:disabled{opacity:.25}.canto-story-choice-edit-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.canto-story-choice-edit-fields .is-wide{grid-column:1/-1}.canto-story-choice-edit-fields textarea{min-height:62px;font-size:12px;font-weight:700}.canto-story-reply-editor{background:#112326;border-top:1px solid #485559;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.canto-story-reply-editor>strong,.canto-story-reply-editor>label:first-of-type{grid-column:1/-1}.canto-story-reply-editor>strong{color:var(--build-signal);align-items:center;gap:7px;font-size:9px;display:flex}.canto-story-add-choice{margin-top:10px}.canto-story-inline-editor .canto-inline-page-editor-bar{min-height:56px;margin-bottom:8px;padding-block:7px}.canto-story-inline-editor .canto-story-editor-modes{margin-bottom:8px}.canto-story-inline-editor .canto-story-editor-modes>button{min-height:50px;padding-block:6px}.canto-story-inline-editor .canto-story-editor-modes>button>b{width:26px;height:26px}.canto-story-inline-editor .canto-story-status{min-height:48px;padding-inline:12px}.canto-story-inline-editor .canto-story-layout{align-items:stretch}.canto-story-inline-editor .canto-story-sidebar>header{min-height:64px;padding:8px 10px}.canto-story-inline-editor .canto-story-sidebar>header input:first-of-type{font-size:12px}.canto-story-inline-editor .canto-story-scene-visual{min-height:78px;padding:10px}.canto-story-inline-editor .canto-story-scene-visual:before{inset:8px}.canto-story-inline-editor .canto-story-scene-visual>svg{width:28px;height:28px}.canto-story-inline-editor .canto-story-scene-visual>strong{font-size:9px}.canto-story-inline-editor .canto-story-scene-visual label{width:54px}.canto-story-inline-editor .canto-story-sidebar>ol li.is-editable{min-height:40px}.canto-story-inline-editor .canto-story-beat-select{min-height:39px;padding-inline:6px}.canto-story-inline-editor .canto-story-add-beat{min-height:38px}.canto-story-inline-editor .canto-story-conversation>header{min-height:50px;padding-inline:12px}.canto-story-inline-editor .canto-story-avatar{width:32px;height:32px}.canto-story-inline-editor .canto-story-conversation>header input{min-height:30px}.canto-story-inline-editor .canto-story-transcript{min-height:0;padding:10px 12px 12px}.canto-story-transition-editor{color:#dbe0e1;background:#0d1517;border:1px solid #3f4b50;margin-bottom:8px}.canto-story-transition-editor>summary{cursor:pointer;grid-template-columns:54px auto minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:48px;padding:6px 10px;list-style:none;display:grid}.canto-story-transition-editor>summary::-webkit-details-marker{display:none}.canto-story-choice-edit-card>summary::-webkit-details-marker{display:none}.canto-story-transition-editor>summary>span{width:52px;height:34px;color:var(--build-signal);background:#172326;place-items:center;display:grid;overflow:hidden}.canto-story-transition-editor>summary img{object-fit:cover;width:100%;height:100%}.canto-story-transition-editor>summary strong{color:var(--build-signal);font-size:10px}.canto-story-transition-editor>summary small{color:#b8c2c5;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.canto-story-transition-editor>summary>svg{transition:transform .18s}.canto-story-transition-editor[open]>summary>svg{transform:rotate(180deg)}.canto-story-transition-editor>div{border-top:1px solid #3f4b50;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid}.canto-story-transition-editor>div>label{flex-direction:column;gap:5px;min-width:0;display:flex}.canto-story-transition-editor>div>.is-wide{grid-column:1/-1}.canto-story-transition-editor input[type=range]{min-height:32px;accent-color:var(--build-signal);padding:0}.canto-story-transition-editor figure{border:1px solid #445055;grid-column:1/-1;height:150px;margin:0;position:relative;overflow:hidden}.canto-story-transition-editor figure img{object-fit:cover;width:100%;height:100%;display:block}.canto-story-transition-editor figure figcaption{background:#070c0edb;flex-direction:column;gap:3px;padding:8px 10px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.canto-story-transition-editor figure strong{color:#fffdf7;font-size:11px}.canto-story-transition-editor figure span{color:#c4ccce;font-size:9px}.canto-story-inline-editor .canto-story-editable-line{justify-content:flex-start;margin:8px 0}.canto-story-inline-editor .canto-story-editable-line>span{width:100%;padding:8px}.canto-story-inline-editor .canto-story-editable-line textarea{min-height:48px}.canto-story-inline-editor .canto-story-message{grid-template-columns:32px minmax(0,1fr);gap:8px;width:100%;margin-top:8px}.canto-story-inline-editor .canto-story-message-avatar{width:32px;height:32px}.canto-story-inline-editor .canto-story-message-body{width:100%}.canto-story-inline-editor .canto-story-editable-bubble{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0;padding:10px;display:grid}.canto-story-inline-editor .canto-story-editable-bubble label:first-child{grid-column:1/-1}.canto-story-inline-editor .canto-story-editable-bubble textarea{min-height:50px}.canto-story-inline-editor .canto-story-beat-label-editor{width:100%;margin:8px 0 0;padding-top:8px}.canto-story-inline-editor .canto-story-choice-editor{padding:0 10px 10px}.canto-story-inline-editor .canto-story-choice-editor>header{min-height:50px;padding-inline:4px}.canto-story-inline-editor .canto-story-choice-editor>div{gap:6px}.canto-story-inline-editor.is-choices-grid .canto-story-choice-editor>div{grid-template-columns:minmax(0,1fr)}.canto-story-choice-edit-card{cursor:default}.canto-story-choice-edit-card>summary{cursor:pointer;grid-template-columns:28px 17px minmax(0,1fr) auto 18px;align-items:center;gap:8px;min-height:48px;padding:6px 10px;list-style:none;display:grid}.canto-story-choice-edit-card>summary>b{border:1px solid var(--build-signal);width:26px;height:26px;color:var(--build-signal);border-radius:50%;place-items:center;font:700 9px/1 Oxanium,sans-serif;display:grid}.canto-story-choice-edit-card>summary>svg{color:#869397}.canto-story-choice-edit-card>summary>span{flex-direction:column;gap:3px;min-width:0;display:flex}.canto-story-choice-edit-card>summary small{color:#89979b;font-size:8px}.canto-story-choice-edit-card>summary strong{color:#fffdf7;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.canto-story-choice-edit-card>summary em{color:var(--build-signal);background:var(--build-signal-soft);white-space:nowrap;padding:4px 6px;font-size:8px;font-style:normal}.canto-story-choice-edit-card>summary>svg:last-child{transition:transform .18s}.canto-story-choice-edit-card[open]>summary>svg:last-child{transform:rotate(180deg)}.canto-story-choice-card-body{border-top:1px solid #485559}.canto-story-choice-card-body>nav{background:#11191b;justify-content:flex-end;gap:5px;min-height:38px;padding:4px 8px;display:flex}.canto-story-choice-card-body>nav button{color:#b9c3c6;background:#0b1113;border:1px solid #485559;align-items:center;gap:4px;min-height:30px;padding:0 8px;font-size:9px;display:inline-flex}.canto-story-choice-card-body>nav button:hover,.canto-story-choice-card-body>nav button:focus-visible{border-color:var(--build-signal);color:var(--build-signal)}.canto-story-choice-card-body>nav button:disabled{opacity:.34}.canto-story-choice-edit-fields{gap:8px;padding:8px}.canto-story-choice-edit-fields textarea{min-height:50px}.canto-story-reply-editor{gap:8px;padding:8px}.canto-story-reply-editor textarea{min-height:50px}.canto-story-inline-editor .canto-story-add-choice{min-height:38px;margin-top:6px}@media (width<=980px){.canto-story-editor-overview{grid-template-columns:1fr}.canto-story-overview-workspace{border-bottom:1px solid #3d494d;border-right:0}.canto-story-outline-panel>ol{max-height:420px}.canto-story-scene-visual{min-height:144px}.canto-story-choices>div>button{min-height:92px}.canto-story-page>.canto-page-heading h1{font-size:clamp(43px,12vw,62px)}.canto-story-status{min-height:58px;padding:0 12px}.canto-story-status>span small{display:none}.canto-story-layout{grid-template-columns:minmax(0,1fr)}.canto-story-sidebar{border-right:0;border-bottom:1px solid var(--build-line);grid-template-columns:minmax(0,1fr) 116px;display:grid}.canto-story-sidebar>header{min-height:76px}.canto-story-scene-visual{border-left:1px solid var(--build-line);min-height:76px;padding:12px}.canto-story-scene-visual:before,.canto-story-scene-visual>svg,.canto-story-scene-visual>span{display:none}.canto-story-scene-visual>strong{font-size:13px}.canto-story-sidebar>ol{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(28px,1fr));display:grid}.canto-story-sidebar>ol li{border-right:1px solid var(--build-line);justify-content:center;align-items:center;min-height:36px;padding:0;display:flex}.canto-story-sidebar>ol li:last-child{border-right:0}.canto-story-sidebar>ol li span,.canto-story-sidebar>ol li>i{display:none}.canto-story-sidebar>ol b{border:0;width:100%;height:35px}.canto-story-next-scene{border-top:1px solid var(--build-line);grid-column:1/-1;min-height:50px}.canto-story-conversation>header{min-height:64px;padding:0 13px}.canto-story-auto-voice{max-width:132px;padding:0 8px}.canto-story-auto-voice span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canto-story-transcript{height:clamp(240px,50dvh,460px);padding:18px 12px}.canto-story-narrator span{max-width:80%}.canto-story-message{grid-template-columns:30px minmax(0,1fr);gap:8px;width:100%}.canto-story-message.is-learner{grid-template-columns:minmax(0,1fr) 30px}.canto-story-message-avatar{width:30px;height:30px}.canto-story-bubble{min-width:0;padding:13px 42px 13px 13px}.canto-story-bubble strong{font-size:16px}.canto-story-choices>header{min-height:58px;padding:0 13px}.canto-story-choices>header em{display:none}.canto-story-choices{padding:0 10px 10px}.canto-story-choices>div>button{min-height:94px;padding:12px}.canto-story-ending{padding:26px 14px}.canto-story-ending>footer{flex-direction:column;width:100%}.canto-story-ending>footer button{justify-content:center}.canto-story-footnote{grid-template-columns:1fr auto;gap:8px;padding:16px 13px}.canto-story-footnote p{grid-area:2/1/auto/-1}.canto-inline-page-editor-bar{flex-direction:column;align-items:stretch;position:relative;top:0}.canto-inline-page-editor-bar nav{grid-template-columns:1fr 1fr;display:grid}.canto-inline-page-editor-bar nav button:last-child{grid-column:1/-1}.canto-story-editor-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.canto-story-editor-heading{grid-template-columns:1fr}.canto-story-editor-heading .is-wide{grid-column:auto}.canto-story-editor-layout-controls{grid-template-columns:1fr 1fr}.canto-story-editor-layout-controls>strong{grid-column:1/-1}.canto-story-inline-editor .canto-story-status input{min-width:0}.canto-story-sidebar>ol li.is-editable{min-height:58px;display:grid}.canto-story-inline-editor .canto-story-sidebar>ol{scrollbar-width:thin;grid-template-columns:repeat(10,108px);display:grid;overflow-x:auto}.canto-story-inline-editor .canto-story-sidebar>ol li.is-editable{justify-content:stretch;min-height:42px;display:flex}.canto-story-inline-editor .canto-story-beat-select{flex:1;min-width:0}.canto-story-inline-editor .canto-story-beat-select>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canto-story-session.canto-story-inline-editor .canto-story-beat-actions{display:none}.canto-story-inline-editor .canto-story-add-beat{grid-column:1/-1}.canto-story-inline-editor .canto-story-sidebar>ol li span{display:flex}.canto-story-inline-editor .canto-story-sidebar>ol b{border:1px solid var(--build-line);width:25px;height:25px}.canto-story-inline-editor .canto-story-scene-visual{min-height:100px}.canto-story-inline-editor .canto-story-conversation>header{grid-template-columns:38px minmax(0,1fr);padding-block:10px}.canto-story-inline-editor .canto-story-conversation>header>span{grid-template-columns:minmax(0,1fr)}.canto-story-inline-editor .canto-story-conversation>header>em{grid-column:2}.canto-story-editable-bubble{min-width:0}.canto-story-scene-transition{width:100%;margin-block:0 18px}.canto-story-scene-transition img{height:min(52vw,310px)}.canto-story-scene-transition figcaption{grid-template-columns:1fr;bottom:8px;left:8px;right:8px}.canto-story-scene-transition figcaption small{grid-row:auto}.canto-story-theme-presets,.canto-story-theme-controls,.canto-story-transition-editor>div{grid-template-columns:1fr}.canto-story-transition-editor>div>.is-wide,.canto-story-transition-editor figure{grid-column:auto}.canto-story-choice-edit-card>summary{grid-template-columns:28px 17px minmax(0,1fr) 18px}.canto-story-choice-edit-card>summary>em{display:none}.canto-story-inline-editor .canto-story-editable-bubble,.canto-story-choice-edit-fields,.canto-story-reply-editor{grid-template-columns:1fr}.canto-story-inline-editor .canto-story-editable-bubble label:first-child,.canto-story-choice-edit-fields .is-wide,.canto-story-reply-editor>strong,.canto-story-reply-editor>label:first-of-type{grid-column:auto}.canto-story-inline-editor.is-choices-grid .canto-story-choice-editor>div,.canto-story-session.is-choices-grid:not(.canto-story-inline-editor) .canto-story-choices>div{grid-template-columns:1fr}.canto-story-overview-title{flex-direction:column;align-items:flex-start;gap:7px;padding:12px 14px}.canto-story-layout-map{margin:12px}.canto-story-layout-map>header{grid-template-columns:1fr;gap:5px}.canto-story-layout-map>header>small{display:block}.canto-story-layout-map-body{flex-direction:column;min-height:0}.canto-story-layout-map-body>aside{border-bottom:1px solid #364247;border-right:0;min-width:0;flex-basis:auto!important}.canto-story-layout-map-body>aside ol{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.canto-story-layout-map-content{padding:18px 12px}.canto-story-outline-panel>ol>li{grid-template-columns:minmax(0,1fr)}.canto-story-outline-panel>ol>li>nav{justify-content:flex-end;padding:0 12px 8px}.canto-story-motion-preview-backdrop{padding:12px}.canto-story-motion-preview>footer{flex-direction:column}.canto-story-motion-preview>footer button{justify-content:center}}.build-system:has(.build-master-control[data-native-app=true]) .canto-main{padding-bottom:calc(200px + env(safe-area-inset-bottom,0px))}@media (width<=760px){.canto-header{background:var(--build-paper);grid-template-rows:72px;padding-bottom:66px}.canto-app{scroll-padding-top:calc(150px + var(--build-safe-top));scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.canto-main{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}.canto-main:has(.canto-story-session){padding-top:18px}.build-system:has(.build-master-control[data-native-app=true]) .canto-header{padding-bottom:0}.build-system:has(.build-master-control[data-native-app=true]) .canto-app{scroll-padding-top:calc(84px + var(--build-safe-top));scroll-padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))}.build-system:is([data-navigation-mode=left],[data-navigation-mode=right]):has(.build-master-control[data-native-app=true]) .canto-main{padding-bottom:calc(244px + env(safe-area-inset-bottom,0px))}.canto-story-inline-editor :is(input,textarea,select){font-size:16px!important}}@media (prefers-reduced-motion:reduce){.canto-story-status>span>i,.canto-story-session.is-motion-fade .canto-story-layout,.canto-story-session.is-motion-slide .canto-story-layout,.canto-story-motion-demo.is-fade,.canto-story-motion-demo.is-slide{animation:none}}.studio-learning-pulse{border-bottom:1px solid var(--build-line);grid-template-columns:minmax(240px,.72fr) minmax(0,1.5fr);gap:54px;width:min(1320px,100% - 80px);margin:0 auto;padding:56px 0;display:grid}.studio-learning-pulse>header small{color:var(--build-signal);letter-spacing:.15em;font:700 10px/1.3 Oxanium,sans-serif}.studio-learning-pulse>header h2{letter-spacing:-.055em;margin:12px 0 8px;font-size:clamp(28px,4vw,50px);line-height:1}.studio-learning-pulse>header p{max-width:400px;color:var(--build-muted);margin:0;font-size:12px;line-height:1.75}.studio-learning-pulse>div{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.studio-learning-pulse>div>a{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:154px;color:var(--build-ink);background:color-mix(in srgb, var(--build-panel) 82%, transparent);justify-content:space-between;align-items:flex-end;gap:14px;padding:20px;display:flex}.studio-learning-pulse>div>a>span{flex-direction:column;gap:8px;min-width:0;display:flex}.studio-learning-pulse>div>a small{color:var(--build-signal);letter-spacing:.12em;font:700 9px/1.3 Oxanium,sans-serif}.studio-learning-pulse>div>a strong{font-size:15px;line-height:1.45}.studio-learning-pulse>div>a em{color:var(--build-muted);font-size:11px;font-style:normal}.studio-learning-pulse>div>a:hover,.studio-learning-pulse>div>a:focus-visible{color:#07100b;background:var(--build-lime);transform:translateY(-3px)}.studio-learning-pulse>div>a:hover small,.studio-learning-pulse>div>a:focus-visible small,.studio-learning-pulse>div>a:hover em,.studio-learning-pulse>div>a:focus-visible em{color:#26300f}.studio-app-progress{color:var(--build-lime-ink)!important}.studio-home-app-progress{color:var(--build-lime-ink);margin-top:8px;font-size:10px;font-style:normal;font-weight:700;display:block}.studio-work-cta-stack{flex-direction:column;align-items:stretch;gap:8px;display:flex}.studio-work-secondary-cta{border:1px solid var(--build-line);min-height:42px;color:var(--build-ink);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:10px;font-weight:700;display:flex}.studio-work-secondary-cta:hover,.studio-work-secondary-cta:focus-visible{border-color:var(--build-signal);color:var(--build-signal)}.studio-cantonese-cover{color:#f6f1e7;isolation:isolate;background:#132d33;grid-template-rows:auto 1fr auto auto;gap:clamp(18px,3vw,34px);width:100%;min-height:100%;padding:clamp(18px,3vw,42px);display:grid;position:relative;overflow:hidden}.studio-cantonese-cover:before{z-index:-1;opacity:.33;content:"";background:radial-gradient(circle at 72% 36%,#ff4b34 0 2%,#0000 2.3%),linear-gradient(122deg,#0000 0 58%,#b9f60038 58% 59%,#0000 59%),repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 12.5%);position:absolute;inset:-10% -5%;transform:rotate(-3deg)}.studio-cantonese-cover>header,.studio-cantonese-cover>footer{letter-spacing:.13em;justify-content:space-between;align-items:center;font:700 9px/1.3 Oxanium,sans-serif;display:flex}.studio-cantonese-cover>header b{color:#b9f600}.studio-cantonese-cover>section{align-self:center}.studio-cantonese-cover>section small{color:#b9f600;font-size:11px}.studio-cantonese-cover>section strong{letter-spacing:-.075em;margin-top:9px;font-size:clamp(28px,5.1vw,70px);line-height:.93;display:block}.studio-cantonese-cover>section strong i{color:#ff4b34;font-style:normal}.studio-cantonese-cover>section p{color:#f6f1e7bd;max-width:430px;margin:16px 0 0;font-size:11px;line-height:1.7}.studio-cantonese-cover>div{border-top:1px solid #fff3;border-left:1px solid #fff3;grid-template-columns:repeat(4,1fr);display:grid}.studio-cantonese-cover>div>span{border-bottom:1px solid #fff3;border-right:1px solid #fff3;flex-direction:column;align-items:flex-start;gap:5px;min-height:82px;padding:12px;display:flex}.studio-cantonese-cover>div svg{color:#ff4b34}.studio-cantonese-cover>div b{font-size:11px}.studio-cantonese-cover>div small{color:#f6f1e79e;font-size:9px}.studio-cantonese-cover.is-card{gap:14px;min-height:265px;padding:18px}.studio-cantonese-cover.is-card>section strong{font-size:34px}.studio-cantonese-cover.is-card>section p,.studio-cantonese-cover.is-card>div small{display:none}.studio-cantonese-cover.is-card>div>span{min-height:54px;padding:8px}.studio-cantonese-cover.is-card>div svg{width:16px;height:16px}.studio-cantonese-cover.is-home{min-height:360px}.studio-cantonese-cover.is-detail{min-height:clamp(460px,58vw,760px)}.canto-translate-demo{border:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 86%, transparent)}.canto-translate-demo>header{border-bottom:1px solid var(--build-line);padding:28px}.canto-translate-demo>header small,.canto-translate-demo>section>small{color:var(--build-signal);letter-spacing:.13em;font:700 10px/1.3 Oxanium,sans-serif}.canto-translate-demo>header h2{margin:9px 0 6px;font-size:28px}.canto-translate-demo>header p,.canto-translate-demo>section p{color:var(--build-muted);margin:0;font-size:12px;line-height:1.7}.canto-translate-demo-options{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.canto-translate-demo-options>button{border:0;border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);min-height:110px;color:var(--build-ink);text-align:left;background:0 0;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:18px;display:grid}.canto-translate-demo-options>button:last-child{border-right:0}.canto-translate-demo-options b{color:var(--build-signal);font:700 10px/1 Oxanium,sans-serif}.canto-translate-demo-options span{font-size:13px;line-height:1.55}.canto-translate-demo-options>button:hover,.canto-translate-demo-options>button:focus-visible{color:#07100b;background:var(--build-lime)}.canto-translate-demo>section{border-left:3px solid var(--build-signal);background:var(--build-paper);grid-template-columns:1fr auto;gap:8px 20px;margin:24px;padding:24px;display:grid}.canto-translate-demo>section>small,.canto-translate-demo>section>strong,.canto-translate-demo>section>p{grid-column:1}.canto-translate-demo>section>strong{font-size:22px;line-height:1.5}.canto-translate-demo>section>button{border:1px solid var(--build-signal);min-width:130px;color:var(--build-paper);background:var(--build-signal);grid-area:1/2/4;justify-content:center;align-items:center;gap:8px;display:flex}.canto-translate-demo>footer{border-top:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px 24px;display:flex}.canto-translate-demo>footer a{min-height:40px;color:var(--build-paper);background:var(--build-signal);align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.canto-translate-demo>footer span{color:var(--build-muted);font-size:10px}.canto-course-learning-path{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.canto-course-learning-path span{border-left:1px solid var(--build-line);min-height:60px;color:var(--build-muted);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.canto-course-learning-path b{color:var(--build-signal);font:700 9px/1 Oxanium,sans-serif}.canto-pronunciation-reference{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);border-left:1px solid var(--build-line)}.canto-pronunciation-reference>header{background:color-mix(in srgb, var(--build-panel) 82%, transparent);justify-content:space-between;align-items:center;gap:18px;min-height:76px;padding:14px 18px;display:flex}.canto-pronunciation-reference>header>span{flex-direction:column;gap:4px;display:flex}.canto-pronunciation-reference>header small{color:var(--build-signal);letter-spacing:.12em;font:700 9px/1.3 Oxanium,sans-serif}.canto-pronunciation-reference>header strong{font-size:18px}.canto-pronunciation-reference>header em{color:var(--build-muted);font-size:10px;font-style:normal}.canto-pronunciation-reference>header button{border:1px solid var(--build-line);min-height:40px;color:var(--build-ink);background:var(--build-paper);align-items:center;gap:8px;padding:0 13px;font-size:10px;display:flex}.canto-pronunciation-reference.is-open>header button svg{transform:rotate(180deg)}.canto-pronunciation-reference>div>label{border-top:1px solid var(--build-line);border-bottom:1px solid var(--build-line);align-items:center;gap:10px;min-height:56px;padding:10px 16px;display:flex}.canto-pronunciation-reference>div>label input{width:100%;min-height:38px;color:var(--build-ink);background:0 0;border:0;outline:0}.canto-pronunciation-reference-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;display:grid}.canto-pronunciation-reference-results>button{border:1px solid var(--build-line);min-height:76px;color:var(--build-ink);background:var(--build-panel);text-align:left;grid-template-columns:1fr auto;gap:8px;padding:12px;display:grid}.canto-pronunciation-reference-results>button span{flex-direction:column;gap:4px;display:flex}.canto-pronunciation-reference-results>button strong{font-size:16px}.canto-pronunciation-reference-results>button small{color:var(--build-signal);font:700 9px/1.3 Oxanium,sans-serif}.canto-pronunciation-reference-results>button em{color:var(--build-muted);grid-column:1;font-size:10px;font-style:normal}.canto-pronunciation-reference-results>button svg{grid-area:1/2/3;align-self:center}.canto-pronunciation-reference-results>p{color:var(--build-muted);text-align:center;grid-column:1/-1;padding:24px}.canto-story-lobby-status{border:1px solid var(--build-line);min-height:54px;color:var(--build-muted);justify-content:space-between;align-items:center;gap:18px;padding:0 16px;font-size:11px;display:flex}.canto-story-lobby-status>span:first-child{color:var(--build-ink);align-items:center;gap:8px;font-weight:700;display:flex}.canto-story-lobby-status i{background:var(--build-lime);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--build-lime) 20%, transparent);border-radius:50%}.canto-story-world-grid{border-left:1px solid var(--build-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.canto-story-world-grid>article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 84%, transparent);min-width:0;position:relative}.canto-story-card-main{min-height:300px;color:var(--build-ink);flex-direction:column;align-items:flex-start;padding:24px;display:flex}.canto-story-card-main>header,.canto-story-card-main>footer{justify-content:space-between;align-items:center;width:100%;display:flex}.canto-story-card-main>header small{color:var(--build-signal);font:700 9px/1.3 Oxanium,sans-serif}.canto-story-card-main>header span{color:#07100b;background:var(--build-lime);padding:5px 8px;font-size:9px;font-weight:700}.canto-story-card-main>svg{color:var(--build-signal);margin-top:34px}.canto-story-world-grid h2{margin:16px 0 8px;font-size:24px}.canto-story-world-grid p{color:var(--build-muted);margin:0 0 24px;font-size:11px;line-height:1.7}.canto-story-card-main>footer{border-top:1px solid var(--build-line);color:var(--build-muted);margin-top:auto;padding-top:14px;font-size:10px}.canto-story-world-grid>article:hover,.canto-story-world-grid>article:focus-within{background:var(--build-signal-soft);transform:translateY(-3px)}.canto-story-card-edit{border:1px solid var(--build-signal);min-height:34px;color:var(--build-signal);background:var(--build-paper);align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:52px;right:15px}.canto-story-card-edit:hover,.canto-story-card-edit:focus-visible{color:var(--build-paper);background:var(--build-signal)}.canto-relay-entry{border:1px solid var(--build-signal);background:var(--build-signal-soft);justify-content:space-between;align-items:center;gap:28px;margin-top:18px;padding:26px;display:flex}.canto-relay-entry small,.canto-learning-mode-preview>header small{color:var(--build-signal);letter-spacing:.13em;font:700 9px/1.3 Oxanium,sans-serif}.canto-relay-entry h2,.canto-learning-mode-preview h2{margin:8px 0;font-size:26px}.canto-relay-entry p{max-width:680px;color:var(--build-muted);margin:0;font-size:11px;line-height:1.7}.canto-relay-entry>a,.canto-relay-gate>a{min-height:44px;color:var(--build-paper);background:var(--build-signal);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:10px;font-weight:700;display:inline-flex}.canto-learning-mode-preview{margin-top:42px}.canto-learning-mode-preview>div{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.canto-learning-mode-preview article{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);flex-direction:column;min-height:150px;padding:18px;display:flex}.canto-learning-mode-preview article>span{color:var(--build-signal);border:1px solid var(--build-signal);align-self:flex-start;padding:4px 6px;font:700 8px/1 Oxanium,sans-serif}.canto-learning-mode-preview article strong{margin-top:24px;font-size:15px}.canto-learning-mode-preview article p{color:var(--build-muted);margin:7px 0 0;font-size:10px;line-height:1.65}.canto-story-back{color:var(--build-muted);align-items:center;gap:7px;margin:-20px 0 22px;font-size:10px;display:inline-flex}.canto-relay-gate{border:1px solid var(--build-line);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:40px;display:flex}.canto-relay-gate h2{margin:18px 0 8px;font-size:28px}.canto-relay-gate p{max-width:560px;color:var(--build-muted);margin:0 0 20px;font-size:11px;line-height:1.7}.canto-relay-setup{border:1px solid var(--build-line);grid-template-columns:minmax(0,1.5fr) minmax(230px,.65fr);display:grid}.canto-relay-setup>section{padding:28px}.canto-relay-setup>aside{border-left:1px solid var(--build-line);background:color-mix(in srgb, var(--build-panel) 82%, transparent);padding:28px}.canto-relay-setup small,.canto-relay-room small{color:var(--build-muted);font-size:10px;line-height:1.55}.canto-relay-setup>section>small,.canto-relay-setup>aside>small,.canto-relay-room>header small{color:var(--build-signal);letter-spacing:.13em;font:700 9px/1.3 Oxanium,sans-serif}.canto-relay-setup h2{margin:8px 0 24px;font-size:28px}.canto-relay-setup label{flex-direction:column;gap:10px;margin-top:20px;display:flex}.canto-relay-setup label>span{font-size:11px;font-weight:700}.canto-relay-setup label>div{flex-wrap:wrap;gap:8px;display:flex}.canto-relay-setup label button{border:1px solid var(--build-line);min-height:38px;color:var(--build-ink);background:0 0;padding:0 14px}.canto-relay-setup label button.is-active{border-color:var(--build-signal);color:var(--build-paper);background:var(--build-signal)}.canto-relay-setup>section>button{min-height:46px;color:var(--build-paper);background:var(--build-signal);border:0;align-items:center;gap:8px;margin-top:24px;padding:0 16px;font-weight:700;display:flex}.canto-relay-setup>section>p{color:var(--build-muted);font-size:11px}.canto-relay-setup>aside strong{margin-top:22px;font-size:13px;display:block}.canto-relay-setup>aside p{color:var(--build-muted);margin:6px 0 0;font-size:10px;line-height:1.6}.canto-relay-room{border:1px solid var(--build-line)}.canto-relay-room>header{border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:15px 20px;display:flex}.canto-relay-room>header h2{margin:5px 0 0}.canto-relay-room>header>span{color:#07100b;background:var(--build-lime);padding:7px 10px;font-size:10px;font-weight:700}.canto-relay-transcript{background:color-mix(in srgb, var(--build-paper) 74%, var(--build-panel));flex-direction:column;gap:12px;min-height:320px;padding:24px;display:flex}.canto-relay-transcript article{border:1px solid var(--build-line);background:var(--build-panel);border-radius:8px;align-self:flex-start;width:min(76%,560px);padding:13px 15px}.canto-relay-transcript article.is-mine{background:color-mix(in srgb, var(--build-lime) 20%, var(--build-panel));align-self:flex-end}.canto-relay-transcript article p{margin:6px 0 0;font-size:14px;line-height:1.55}.canto-relay-compose,.canto-relay-wait,.canto-relay-finished{border-top:1px solid var(--build-line);padding:20px}.canto-relay-compose>div{flex-direction:column;gap:7px;margin:9px 0 16px;display:flex}.canto-relay-compose>div button{border:1px solid var(--build-line);min-height:44px;color:var(--build-ink);background:var(--build-panel);text-align:left;justify-content:space-between;align-items:center;padding:0 13px;display:flex}.canto-relay-compose label{color:var(--build-muted);flex-direction:column;gap:7px;font-size:10px;display:flex}.canto-relay-compose label input{border:1px solid var(--build-line);min-height:44px;color:var(--build-ink);background:var(--build-paper);padding:0 12px}.canto-relay-compose>button,.canto-relay-wait>button{min-height:42px;color:var(--build-paper);background:var(--build-signal);border:0;margin-top:10px;padding:0 14px}.canto-relay-wait,.canto-relay-finished{text-align:center;flex-direction:column;align-items:center;display:flex}.canto-relay-wait strong,.canto-relay-finished strong{margin-top:9px;font-size:16px}.canto-relay-wait p,.canto-relay-finished p{color:var(--build-muted);font-size:10px}.canto-relay-room>footer{border-top:1px solid var(--build-line);justify-content:flex-end;align-items:center;gap:8px;min-height:54px;padding:8px 14px;display:flex}.canto-relay-room>footer button{border:1px solid var(--build-line);min-height:36px;color:var(--build-muted);background:0 0;padding:0 11px;font-size:10px}.canto-story-choice-row{grid-template-columns:minmax(0,1fr) 98px;gap:8px;display:grid}.canto-story-choice-row>button:first-child{border:1px solid var(--build-line);min-width:0;min-height:86px;color:var(--build-ink);background:var(--build-panel);text-align:left;border-radius:6px;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:13px 15px;display:grid}.canto-story-choice-row>button:first-child>b{border:1px solid var(--build-signal);width:26px;height:26px;color:var(--build-signal);border-radius:50%;place-items:center;font:700 9px/1 Oxanium,sans-serif;display:grid}.canto-story-choice-row>button:first-child>span{overflow-wrap:anywhere;flex-direction:column;gap:5px;min-width:0;display:flex}.canto-story-choice-row>button:first-child strong{font-size:13px;line-height:1.5}.canto-story-choice-row>button:first-child small{color:var(--build-signal);font:600 10px/1.45 Oxanium,sans-serif}.canto-story-choice-row>button:first-child em{color:var(--build-muted);font-size:11px;font-style:normal}.canto-story-choice-row>button:last-child{border:1px solid var(--build-line);min-height:86px;color:var(--build-muted);background:0 0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.canto-story-choice-row>button:hover,.canto-story-choice-row>button:focus-visible,.canto-story-choice-row>button.is-active{border-color:var(--build-signal);color:var(--build-signal);background:var(--build-signal-soft)}.canto-local-pronunciation{border:1px solid var(--build-signal);background:var(--build-signal-soft);grid-template-columns:1fr auto;gap:6px 16px;margin-top:10px;padding:16px;display:grid}.canto-local-pronunciation>span{color:var(--build-signal);align-items:center;gap:8px;display:flex}.canto-local-pronunciation>span small{font:700 9px/1.3 Oxanium,sans-serif}.canto-local-pronunciation>strong,.canto-local-pronunciation>p{grid-column:1}.canto-local-pronunciation>strong{font-size:14px}.canto-local-pronunciation>p{color:var(--build-muted);margin:0;font-size:11px}.canto-local-pronunciation>button{color:var(--build-paper);background:var(--build-signal);border:0;grid-area:1/2/4;align-items:center;gap:7px;padding:0 14px;display:flex}.canto-story-phrase-cards{flex-wrap:wrap;justify-content:center;gap:7px;width:min(100%,600px);margin-top:18px;display:flex}.canto-story-phrase-cards>small{width:100%;color:var(--build-muted)}.canto-story-phrase-cards>span{border:1px solid var(--build-line);background:var(--build-panel);padding:7px 10px;font-size:10px}.canto-course-catalog-tabs button{transition:color .18s cubic-bezier(.2,.8,.2,1),background-color .18s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.canto-course-catalog-tabs button:after{background:var(--build-signal);content:"";transform-origin:50%;height:3px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.canto-course-catalog-tabs button.is-active:after{transform:scaleX(1)}.canto-course-catalog-tabs button.is-active{box-shadow:none}.canto-course-catalog-grid{animation:.22s cubic-bezier(.2,.8,.2,1) both canto-course-catalog-content-in}.canto-course-catalog-grid>button{transition:color .16s,background-color .16s,box-shadow .16s,transform .16s cubic-bezier(.2,.8,.2,1)}.canto-course-catalog-grid>button:active{transform:scale(.99)}.canto-day-menu-status{animation:.18s both canto-course-status-in}.canto-course-active-split,.canto-course-lesson-stage{animation:.22s cubic-bezier(.2,.8,.2,1) both canto-course-stage-in}.canto-quiz-options button{transition:color .14s,background-color .14s,box-shadow .14s,transform .14s cubic-bezier(.2,.8,.2,1)}.canto-quiz-options button:active{transform:scale(.98)}.canto-quiz-options button.is-selected.is-correct,.canto-quiz-options button.is-answer{animation:.18s cubic-bezier(.2,.8,.2,1) both canto-quiz-correct-in}.canto-quiz-options button.is-selected.is-wrong{animation:.2s both canto-quiz-wrong-nudge}.canto-quiz-explanation{transform-origin:top;animation:.2s cubic-bezier(.2,.8,.2,1) both canto-quiz-explanation-in;overflow:hidden}.canto-quiz-explanation>span{animation:.18s cubic-bezier(.2,.8,.2,1) 50ms both canto-quiz-mark-in}.canto-quiz-progress{animation:.16s both canto-quiz-progress-in;display:inline-block}.canto-quiz-summary{animation:.22s cubic-bezier(.2,.8,.2,1) both canto-quiz-summary-in}.canto-story-status>div strong{animation:.18s both canto-story-progress-in;display:inline-block}.canto-story-message{animation:.22s cubic-bezier(.2,.8,.2,1) both canto-story-message-in}.canto-story-message.is-learner{animation-name:canto-story-learner-in}.canto-story-narrator{animation:.18s both canto-story-narrator-in}.canto-story-typing{border:1px solid var(--build-line);width:fit-content;min-height:38px;color:var(--build-muted);background:var(--build-panel);border-radius:6px;align-items:center;gap:5px;margin:18px 0 0 48px;padding:0 13px;animation:.18s cubic-bezier(.2,.8,.2,1) both canto-story-message-in;display:flex}.canto-story-typing>span{background:var(--build-signal);border-radius:50%;width:5px;height:5px;animation:.72s ease-in-out infinite alternate canto-story-typing-dot}.canto-story-typing>span:nth-child(2){animation-delay:.12s}.canto-story-typing>span:nth-child(3){animation-delay:.24s}.canto-story-typing>small{margin-left:4px;font-size:9px}.canto-story-sidebar>ol li{transition:color .18s,background-color .18s}.canto-story-sidebar>ol li b,.canto-story-sidebar>ol li i{transition:color .18s,border-color .18s,background-color .18s,transform .18s cubic-bezier(.2,.8,.2,1)}.canto-story-sidebar>ol li.is-complete i{transform:scale(1.15)}.canto-story-choice-row>button{transition:color .14s,border-color .14s,background-color .14s,box-shadow .14s,transform .14s cubic-bezier(.2,.8,.2,1),opacity .14s}.canto-story-choice-row>button:active{transform:scale(.98)}.canto-story-choice-row>button:first-child.is-selected{border-color:var(--build-signal);color:var(--build-ink);background:var(--build-signal-soft);box-shadow:inset 3px 0 var(--build-signal)}.canto-story-choices.is-waiting .canto-story-choice-row>button:not(.is-selected){opacity:.48}.canto-story-ending{animation:.28s cubic-bezier(.2,.8,.2,1) both canto-story-ending-in}.canto-story-route-summary{border-top:1px solid var(--build-line);border-left:1px solid var(--build-line);text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,720px);margin:22px 0 0;padding:0;list-style:none;display:grid}.canto-story-route-summary li{border-right:1px solid var(--build-line);border-bottom:1px solid var(--build-line);flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:86px;padding:12px;display:flex}.canto-story-route-summary small{color:var(--build-signal);letter-spacing:.08em;font:700 8px/1.35 Oxanium,sans-serif}.canto-story-route-summary strong{font-size:11px;line-height:1.55}.canto-story-route-summary span{color:var(--build-muted);font-size:9px}.studio-course-block-builder>header>button{transition:color .16s,border-color .16s,background-color .16s,opacity .16s,transform .16s cubic-bezier(.2,.8,.2,1)}.studio-course-block-builder>header>button.is-saving{opacity:.78}.studio-course-block-builder>header>button.is-saved:disabled{border-color:var(--build-lime-ink);color:var(--build-lime-ink);background:color-mix(in srgb, var(--build-lime) 13%, transparent);opacity:1}.studio-course-block-builder>header>button.is-saved svg{animation:.2s cubic-bezier(.2,.8,.2,1) both studio-course-save-mark-in}.studio-course-module-canvas>div>article{transition:color .16s,border-color .16s,background-color .16s,box-shadow .16s,opacity .16s,transform .16s cubic-bezier(.2,.8,.2,1);position:relative}.studio-course-module-canvas>div>article.is-dragging{z-index:2;opacity:.72;transform:translateY(-2px);box-shadow:0 8px 20px #0000001c}.studio-course-module-canvas>div>article.is-drop-target:before{z-index:3;background:var(--build-signal);content:"";transform-origin:50%;height:2px;animation:.16s cubic-bezier(.2,.8,.2,1) both studio-course-drop-line-in;position:absolute;top:-7px;left:0;right:0}@keyframes canto-course-catalog-content-in{0%{opacity:0;transform:translateY(7px)}}@keyframes canto-course-status-in{0%{opacity:0}}@keyframes canto-course-stage-in{0%{opacity:0;transform:translateY(8px)}}@keyframes canto-quiz-correct-in{0%{transform:scale(.98)}}@keyframes canto-quiz-wrong-nudge{0%,to{transform:translate(0)}42%{transform:translate(4px)}72%{transform:translate(-2px)}}@keyframes canto-quiz-explanation-in{0%{opacity:0;transform:translateY(-5px)scaleY(.96)}}@keyframes canto-quiz-mark-in{0%{opacity:0;transform:scale(.72)}}@keyframes canto-quiz-progress-in{0%{opacity:0;transform:translateY(4px)}}@keyframes canto-quiz-summary-in{0%{opacity:0;transform:translateY(7px)}}@keyframes canto-story-progress-in{0%{opacity:0;transform:translateY(4px)}}@keyframes canto-story-message-in{0%{opacity:0;transform:translateY(8px)}}@keyframes canto-story-learner-in{0%{opacity:0;transform:translateY(8px)}}@keyframes canto-story-narrator-in{0%{opacity:0}}@keyframes canto-story-typing-dot{to{opacity:.25;transform:translateY(-2px)}}@keyframes canto-story-ending-in{0%{opacity:0;transform:translateY(9px)}}@keyframes studio-course-save-mark-in{0%{opacity:0;transform:scale(.72)}}@keyframes studio-course-drop-line-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=760px){.canto-story-route-summary{grid-template-columns:1fr}.canto-story-typing{margin-left:0}}@media (prefers-reduced-motion:reduce){.canto-course-catalog-grid,.canto-day-menu-status,.canto-course-active-split,.canto-course-lesson-stage,.canto-quiz-options button,.canto-quiz-explanation,.canto-quiz-explanation>span,.canto-quiz-progress,.canto-quiz-summary,.canto-story-status>div strong,.canto-story-message,.canto-story-narrator,.canto-story-typing,.canto-story-typing>span,.canto-story-ending,.studio-course-block-builder>header>button.is-saved svg,.studio-course-module-canvas>div>article.is-drop-target:before{animation:none}.canto-course-catalog-tabs button,.canto-course-catalog-tabs button:after,.canto-course-catalog-grid>button,.canto-quiz-options button,.canto-story-sidebar>ol li,.canto-story-sidebar>ol li b,.canto-story-sidebar>ol li i,.canto-story-choice-row>button,.studio-course-block-builder>header>button,.studio-course-module-canvas>div>article{transition-duration:.01ms}}.canto-story-conversation>header small,.canto-story-choices>header small,.canto-story-footnote>span{font-size:9px}.canto-story-auto-voice,.canto-story-message-body>small,.canto-story-choices>header em{font-size:10px}.canto-story-bubble span,.canto-story-bubble em,.canto-story-footnote p{font-size:11px}@media (width<=900px){.studio-learning-pulse{grid-template-columns:1fr;gap:26px;width:calc(100% - 36px)}.studio-learning-pulse>div{grid-template-columns:1fr}.studio-learning-pulse>div>a{align-items:center;min-height:96px}.canto-story-world-grid{grid-template-columns:1fr}.canto-story-card-main{min-height:230px}.canto-learning-mode-preview>div{grid-template-columns:repeat(2,minmax(0,1fr))}.canto-relay-setup{grid-template-columns:1fr}.canto-relay-setup>aside{border-top:1px solid var(--build-line);border-left:0}.canto-pronunciation-reference-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.studio-learning-pulse{padding:38px 0}.studio-cantonese-cover.is-detail{min-height:510px}.studio-cantonese-cover>section strong{font-size:42px}.studio-cantonese-cover>div{grid-template-columns:repeat(2,1fr)}.studio-work-cta-stack{width:100%}.canto-translate-demo-options{grid-template-columns:1fr}.canto-translate-demo-options>button{border-right:0;min-height:76px}.canto-translate-demo>section{grid-template-columns:1fr}.canto-translate-demo>section>button{grid-area:auto/1;min-height:42px}.canto-translate-demo>footer{flex-direction:column;align-items:stretch}.canto-course-learning-path{grid-template-columns:repeat(3,minmax(0,1fr))}.canto-course-learning-path span{min-height:48px}.canto-pronunciation-reference>header{flex-direction:column;align-items:flex-start}.canto-pronunciation-reference-results{grid-template-columns:1fr}.canto-story-lobby>.canto-page-heading h1,.canto-relay-page>.canto-page-heading h1{font-size:clamp(36px,10vw,50px)}.canto-story-lobby-status{flex-direction:column;align-items:flex-start;padding:12px}.canto-relay-entry{flex-direction:column;align-items:flex-start}.canto-learning-mode-preview>div{grid-template-columns:1fr}.canto-story-choice-row{grid-template-columns:minmax(0,1fr) 52px;gap:6px}.canto-story-choice-row>button:first-child{grid-template-columns:22px minmax(0,1fr);gap:8px;padding:10px}.canto-story-choice-row>button:first-child>b{width:22px;height:22px}.canto-story-choice-row>button:first-child>svg{display:none}.canto-story-choice-row>button:first-child,.canto-story-choice-row>button:last-child{min-height:94px}.canto-local-pronunciation{grid-template-columns:1fr}.canto-local-pronunciation>button{grid-area:auto/1;justify-content:center;min-height:42px}.canto-story-session.is-started>.canto-page-heading,.canto-story-session.is-started>.canto-story-status,.canto-story-session.is-started .canto-story-sidebar>header,.canto-story-session.is-started .canto-story-scene-visual,.canto-story-session.is-started .canto-story-next-scene,.canto-story-session.is-started>.canto-story-footnote{display:none}.canto-story-session.is-started .canto-story-sidebar{border-bottom:0;display:block}.canto-story-session.is-started .canto-story-sidebar>ol{border-bottom:1px solid var(--build-line)}.canto-story-session.is-started .canto-story-transcript{height:clamp(220px,50dvh,440px)}.care-setup-dock{max-width:calc(100vw - 20px)}.studio-account-card>header h1{font-size:clamp(30px,10vw,46px)}}@media (resolution>=2x) and (width<=760px){.canto-story-choice-row>button:first-child strong,.canto-story-bubble strong{letter-spacing:.01em}}.todo-style-picker{border:0;min-width:0;margin:0;padding:0}.todo-style-picker>legend{color:var(--build-muted);margin-bottom:8px;font-size:8px}.todo-style-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.todo-style-picker button{border:1px solid var(--build-line);min-width:0;min-height:76px;color:var(--build-ink);background:var(--build-panel);text-align:left;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:11px;display:grid}.todo-style-picker button:hover,.todo-style-picker button:focus-visible{border-color:var(--build-signal)}.todo-style-picker button.is-active{border-color:var(--build-signal);box-shadow:inset 0 0 0 1px var(--build-signal)}.todo-style-picker button>svg{opacity:0;color:var(--build-signal)}.todo-style-picker button.is-active>svg{opacity:1}.todo-style-picker button>span:nth-child(2){gap:4px;min-width:0;display:grid}.todo-style-picker button strong{font-size:10px}.todo-style-picker button small{color:var(--build-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.todo-style-icon{width:40px;height:40px;color:var(--build-signal);background:var(--build-signal-soft);place-items:center;display:grid}.todo-style-icon.is-minimal{color:#008f9b;background:#e7f7f8;border-radius:12px}.todo-appearance-preview.is-minimal{color:#171b1f;clip-path:none;background:#f5f6f7;border-color:#171d2214;border-radius:18px;box-shadow:0 16px 36px #171d2214}.todo-appearance-preview.is-minimal>div{opacity:.035}.todo-appearance-preview.is-minimal>strong{letter-spacing:-.04em;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:24px;font-weight:650}.todo-appearance-preview.is-minimal>small{color:#76808a}.todo-app-v2.is-minimal{--build-paper:#f3f5f6;--build-panel:#fff;--build-ink:#171b1f;--build-muted:#69737d;--build-line:#151d2317;--build-grid:transparent;--build-signal:#00a5b4;--build-signal-soft:#00a5b417;--build-lime:#b9f600;--build-lime-ink:#769c00;--todo-min-shadow:0 14px 42px #1f2a3313;background-color:var(--build-paper);background-image:none;overflow:clip}.build-system[data-build-theme=dark] .todo-app-v2.is-minimal{--build-paper:#111417;--build-panel:#1a1e22;--build-ink:#f3f5f6;--build-muted:#98a1aa;--build-line:#ffffff14;--build-signal:#2bc7d4;--build-signal-soft:#2bc7d41f;--build-lime-ink:#b9f600;--todo-min-shadow:0 16px 46px #0000003d}.todo-app-v2.is-minimal .todo-wordmark-background{opacity:.34;top:96px;transform:rotate(-7deg)scale(1.04)}.todo-app-v2.is-minimal .todo-wordmark-background span{color:var(--build-ink);opacity:.018;font-size:clamp(72px,9vw,136px)}.todo-app-v2.is-minimal .todo-header{background:color-mix(in srgb, var(--build-panel) 94%, transparent);min-height:72px;box-shadow:var(--todo-min-shadow);border:0;border-radius:22px;gap:12px;padding:0 14px;top:12px;left:clamp(14px,2vw,28px);right:clamp(14px,2vw,28px)}.todo-app-v2.is-minimal .build-child-home,.todo-app-v2.is-minimal .todo-search-trigger,.todo-app-v2.is-minimal .todo-appearance-trigger,.todo-app-v2.is-minimal .todo-member-trigger,.todo-app-v2.is-minimal .todo-header .platform-account-trigger{background:var(--build-paper);clip-path:none;border-color:#0000;border-radius:15px}.todo-app-v2.is-minimal .todo-brand{padding-left:3px}.todo-app-v2.is-minimal .todo-brand small{color:var(--build-signal)}.todo-app-v2.is-minimal .todo-brand strong{letter-spacing:-.035em;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:700}.todo-app-v2.is-minimal .todo-nav{background:var(--build-paper);clip-path:none;border:0;border-radius:17px;grid-template-columns:none;grid-auto-columns:minmax(68px,86px);grid-auto-flow:column;height:52px;padding:4px}.todo-app-v2.is-minimal .todo-nav button{border:0;border-radius:13px;padding:0 9px}.todo-app-v2.is-minimal .todo-nav button.is-active{color:var(--build-signal);background:var(--build-panel);box-shadow:0 5px 14px #1c293112}.todo-app-v2.is-minimal .todo-nav button.is-active:after{border-radius:2px;width:16px;height:2px;bottom:6px;left:50%;right:auto;transform:translate(-50%)}.todo-app-v2.is-minimal .todo-nav button small{display:none}.todo-app-v2.is-minimal .todo-search-bar{background:var(--build-panel);height:54px;box-shadow:var(--todo-min-shadow);border:0;border-radius:18px;padding:0 14px;top:94px;left:clamp(14px,2vw,28px);right:clamp(14px,2vw,28px)}.todo-app-v2.is-minimal .todo-scroll{top:96px!important}.todo-app-v2.is-minimal.has-search .todo-scroll{top:158px!important}.todo-app-v2.is-minimal .todo-main{width:min(100% - 64px,1120px);padding-top:32px}.todo-app-v2.is-minimal .todo-overview{border:0}.todo-app-v2.is-minimal .todo-overview>header{min-height:142px;padding:18px 4px}.todo-app-v2.is-minimal .todo-overview.is-compact>header{min-height:96px}.todo-app-v2.is-minimal .todo-overview h1{letter-spacing:-.065em;margin-top:10px;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:clamp(36px,4vw,54px);font-weight:700}.todo-app-v2.is-minimal .todo-period-picker{background:var(--build-panel);box-shadow:var(--todo-min-shadow);border:0;border-radius:17px;gap:4px;padding:6px}.todo-app-v2.is-minimal .todo-period-picker button{border:0;border-radius:12px}.todo-app-v2.is-minimal .todo-inbox-mode{background:color-mix(in srgb, var(--build-panel) 72%, transparent);border:0;border-radius:17px;gap:4px;margin:2px 0 16px;padding:4px}.todo-app-v2.is-minimal .todo-inbox-mode button{border:0;border-radius:13px;min-height:40px}.todo-app-v2.is-minimal .todo-inbox-mode button.is-active{color:var(--build-signal);background:var(--build-panel);box-shadow:0 5px 15px #1e293212}.todo-app-v2.is-minimal .todo-composer{background:var(--build-panel);box-shadow:var(--todo-min-shadow);clip-path:none;border:0;border-radius:22px;grid-template-columns:minmax(0,1fr) 126px;gap:6px;margin-top:16px;padding:6px}.todo-app-v2.is-minimal .todo-composer>div{min-height:62px;padding-left:12px}.todo-app-v2.is-minimal .todo-composer input{font-size:14px;font-weight:500}.todo-app-v2.is-minimal .todo-composer>button{border-radius:17px;min-height:62px}.todo-app-v2.is-minimal .todo-voice-hold{background:var(--build-paper);border:0;border-radius:13px}.todo-app-v2.is-minimal .todo-composer>p{border:0;min-height:25px;padding:0 12px 2px}.todo-app-v2.is-minimal .todo-tag-carousel{margin:18px 0 12px}.todo-app-v2.is-minimal .todo-tag-track{border:0;gap:7px;padding:2px}.todo-app-v2.is-minimal .todo-tag-track button{background:var(--build-panel);border:0;border-radius:999px;min-width:88px;min-height:36px;box-shadow:0 5px 15px #1f2a330b}.todo-app-v2.is-minimal .todo-tag-track button.is-active{color:var(--build-signal);background:var(--build-signal-soft)}.todo-app-v2.is-minimal .todo-list-section,.todo-app-v2.is-minimal .todo-calendar,.todo-app-v2.is-minimal .todo-interactive-widget,.todo-app-v2.is-minimal .todo-checklist-hub,.todo-app-v2.is-minimal .todo-feature-page{background:var(--build-panel);box-shadow:var(--todo-min-shadow);border:0;border-radius:24px;overflow:hidden}.todo-app-v2.is-minimal .todo-list-section{margin-top:16px}.todo-app-v2.is-minimal .todo-list-section>header{border-bottom-color:var(--build-line);min-height:64px;padding:0 20px}.todo-app-v2.is-minimal .todo-list-section>header strong{font-size:15px}.todo-app-v2.is-minimal .todo-swipe-hint{border-bottom-color:var(--build-line);background:0 0;padding-left:18px;padding-right:18px}.todo-app-v2.is-minimal .todo-task{border-bottom-color:var(--build-line);grid-template-columns:54px minmax(0,1fr);min-height:76px}.todo-app-v2.is-minimal .todo-task:hover{background:color-mix(in srgb, var(--build-signal-soft) 55%, transparent)}.todo-app-v2.is-minimal .todo-check{border:0;min-height:76px;position:relative}.todo-app-v2.is-minimal .todo-check>span{border-width:1.5px;border-radius:6px;width:19px;height:19px}.todo-app-v2.is-minimal .todo-task.is-completed .todo-check{color:#fff;background:0 0}.todo-app-v2.is-minimal .todo-task.is-completed .todo-check:before{background:var(--build-signal);content:"";border-radius:8px;width:25px;height:25px;position:absolute}.todo-app-v2.is-minimal .todo-task.is-completed .todo-check svg{z-index:1;position:relative}.todo-app-v2.is-minimal .todo-task-main{grid-template-columns:minmax(0,1fr) 20px 94px 94px;gap:10px;min-height:76px;padding:9px 16px 9px 0}.todo-app-v2.is-minimal .todo-task-copy{gap:6px}.todo-app-v2.is-minimal .todo-task-titleline b{border-radius:7px;min-height:20px}.todo-app-v2.is-minimal .todo-task-copy strong{font-size:14px;font-weight:600}.todo-app-v2.is-minimal .todo-task-owner,.todo-app-v2.is-minimal .todo-due{border:0;border-radius:8px;justify-content:center;min-height:27px}.todo-app-v2.is-minimal .todo-task-owner{color:var(--build-muted);background:var(--build-paper)}.todo-app-v2.is-minimal .todo-due.is-today{color:#956200;background:#fff4d8}.todo-app-v2.is-minimal .todo-due.is-overdue{color:#b13a31;background:#ffebe8}.todo-app-v2.is-minimal .todo-due.is-future{color:#3767a8;background:#edf3ff}.build-system[data-build-theme=dark] .todo-app-v2.is-minimal .todo-due.is-today{color:#ffd36a;background:#ffd36a1a}.build-system[data-build-theme=dark] .todo-app-v2.is-minimal .todo-due.is-overdue{color:#ff847b;background:#ff756a1a}.build-system[data-build-theme=dark] .todo-app-v2.is-minimal .todo-due.is-future{color:#9dbbff;background:#6d94ed1c}.todo-app-v2.is-minimal .todo-list-section>footer{border-top-color:var(--build-line)}.todo-app-v2.is-minimal .todo-empty>span{border:0;border-radius:18px;transform:none}.todo-app-v2.is-minimal .todo-empty>span svg{transform:none}.todo-app-v2.is-minimal .todo-empty strong{margin-top:18px;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:18px}.todo-app-v2.is-minimal .todo-calendar{margin-top:16px}.todo-app-v2.is-minimal .todo-calendar>header,.todo-app-v2.is-minimal .todo-calendar-week,.todo-app-v2.is-minimal .todo-calendar-grid button,.todo-app-v2.is-minimal .todo-calendar>footer{border-color:var(--build-line)}.todo-app-v2.is-minimal .todo-calendar>header button{border-radius:12px}.todo-app-v2.is-minimal .todo-calendar-grid button.is-active{color:#fff;background:var(--build-signal);border-radius:13px}.todo-app-v2.is-minimal .todo-calendar-grid button small{border-radius:7px}.todo-app-v2.is-minimal .todo-interactive-widget{margin-top:12px}.todo-app-v2.is-minimal .todo-interactive-widget>header,.todo-app-v2.is-minimal .todo-widget-counts,.todo-app-v2.is-minimal .todo-widget-counts button,.todo-app-v2.is-minimal .todo-widget-items,.todo-app-v2.is-minimal .todo-widget-items>button{border-color:var(--build-line)}.todo-app-v2.is-minimal .todo-board-secondary{background:0 0;border:0;gap:12px;margin-top:12px}.todo-app-v2.is-minimal .todo-board-secondary>article{background:var(--build-panel);box-shadow:var(--todo-min-shadow);border:0;border-radius:20px;overflow:hidden}.todo-app-v2.is-minimal .todo-checklist-hub>header,.todo-app-v2.is-minimal .todo-feature-page>header{border-bottom-color:var(--build-line)}.todo-app-v2.is-minimal .todo-checklist-grid>button,.todo-app-v2.is-minimal .todo-template-strip,.todo-app-v2.is-minimal .todo-feature-mode,.todo-app-v2.is-minimal .todo-stat-cards,.todo-app-v2.is-minimal .todo-week-chart,.todo-app-v2.is-minimal .todo-plan-workspace,.todo-app-v2.is-minimal .todo-routine-panel,.todo-app-v2.is-minimal .todo-anniversary-grid,.todo-app-v2.is-minimal .todo-template-gallery,.todo-app-v2.is-minimal .todo-schedule-board{border-color:var(--build-line)}.todo-app-v2.is-minimal .todo-checklist-grid>button{border-radius:18px}.todo-app-v2.is-minimal .todo-inline-form,.todo-app-v2.is-minimal .todo-anniversary-form,.todo-app-v2.is-minimal .todo-schedule-form{background:var(--build-panel);box-shadow:var(--todo-min-shadow);border:0;border-radius:18px;gap:7px;padding:7px}.todo-app-v2.is-minimal .todo-inline-form input,.todo-app-v2.is-minimal .todo-anniversary-form input,.todo-app-v2.is-minimal .todo-anniversary-form select,.todo-app-v2.is-minimal .todo-schedule-form input,.todo-app-v2.is-minimal .todo-schedule-form select{background:var(--build-paper);border-radius:11px}.todo-app-v2.is-minimal .todo-toast{box-shadow:var(--todo-min-shadow);border:0;border-radius:14px}@media (width<=760px){.todo-style-picker>div{grid-template-columns:1fr}.todo-app-v2.is-minimal .todo-header{top:calc(8px + var(--build-safe-top));border-radius:19px;min-height:60px;padding:0 8px;left:10px;right:10px}.todo-app-v2.is-minimal .todo-header .build-child-home,.todo-app-v2.is-minimal .todo-search-trigger,.todo-app-v2.is-minimal .todo-member-trigger{width:40px;min-width:40px;height:40px}.todo-app-v2.is-minimal .todo-brand{max-width:none}.todo-app-v2.is-minimal .todo-brand small{font-size:6px}.todo-app-v2.is-minimal .todo-brand strong{font-size:13px}.todo-app-v2.is-minimal .todo-search-bar{top:calc(76px + var(--build-safe-top));left:10px;right:10px}.todo-app-v2.is-minimal .todo-scroll{top:calc(76px + var(--build-safe-top))!important}.todo-app-v2.is-minimal.has-search .todo-scroll{top:calc(138px + var(--build-safe-top))!important}.todo-app-v2.is-minimal .todo-main{width:calc(100% - 24px);padding-top:78px;padding-bottom:calc(106px + env(safe-area-inset-bottom,0px))}.todo-app-v2.is-minimal .todo-overview>header{min-height:104px;padding-left:4px;padding-right:4px}.todo-app-v2.is-minimal .todo-overview.is-compact>header{min-height:76px}.todo-app-v2.is-minimal .todo-overview h1{font-size:clamp(33px,10.5vw,46px)}.todo-app-v2.is-minimal .todo-inbox-mode{margin-bottom:12px}.todo-app-v2.is-minimal .todo-composer{border-radius:20px;grid-template-columns:minmax(0,1fr) 54px;margin-top:10px;padding:5px}.todo-app-v2.is-minimal .todo-composer>div{min-height:56px;padding:0 3px 0 9px}.todo-app-v2.is-minimal .todo-composer input{height:46px;font-size:12px}.todo-app-v2.is-minimal .todo-composer>button{border-radius:16px;min-height:56px}.todo-app-v2.is-minimal .todo-composer>p{gap:8px;min-height:24px;padding-left:8px;padding-right:8px}.todo-app-v2.is-minimal .todo-tag-carousel{margin-left:-12px;margin-right:-12px}.todo-app-v2.is-minimal .todo-tag-track{padding-left:12px;padding-right:12px}.todo-app-v2.is-minimal .todo-list-section,.todo-app-v2.is-minimal .todo-calendar,.todo-app-v2.is-minimal .todo-interactive-widget,.todo-app-v2.is-minimal .todo-checklist-hub,.todo-app-v2.is-minimal .todo-feature-page{border-radius:20px}.todo-app-v2.is-minimal .todo-list-section>header{min-height:58px;padding:0 15px}.todo-app-v2.is-minimal .todo-task{grid-template-columns:43px minmax(0,1fr)}.todo-app-v2.is-minimal .todo-check{min-height:79px}.todo-app-v2.is-minimal .todo-task-main{grid-template-columns:18px minmax(0,1fr) 68px 74px;gap:5px;min-height:79px;padding:8px 10px 8px 0}.todo-app-v2.is-minimal .todo-task-copy strong{font-size:12px}.todo-app-v2.is-minimal .todo-task-copy small{font-size:9px}.todo-app-v2.is-minimal .todo-task-owner{width:68px}.todo-app-v2.is-minimal .todo-due{width:74px}.todo-app-v2.is-minimal .todo-mobile-nav{right:12px;bottom:max(10px, env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--build-panel) 94%, transparent);clip-path:none;border:0;border-radius:22px;gap:3px;height:66px;padding:5px;left:12px;box-shadow:0 16px 38px #17202629}.todo-app-v2.is-minimal .todo-mobile-nav button{border-radius:17px}.todo-app-v2.is-minimal .todo-mobile-nav button.is-active{color:var(--build-signal);background:var(--build-signal-soft)}.todo-app-v2.is-minimal .todo-mobile-nav button.is-active:after{display:none}}@media (width<=430px){.todo-app-v2.is-minimal .todo-header{grid-template-columns:40px minmax(0,1fr) 40px 40px;gap:5px}.todo-app-v2.is-minimal .todo-task-titleline{gap:5px}.todo-app-v2.is-minimal .todo-task-titleline b{text-overflow:ellipsis;white-space:nowrap;max-width:82px;overflow:hidden}}.canto-mobile-course-switch{display:none}.canto-pronunciation-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}.canto-pronunciation-picker>button{text-align:left;border:1px solid var(--build-line);background:var(--build-panel);min-width:0;min-height:76px;color:var(--build-ink);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.canto-pronunciation-picker>button span{gap:7px;min-width:0;display:grid}.canto-pronunciation-picker strong{font-size:1rem}.canto-pronunciation-picker small{color:var(--build-muted);font-size:.875rem}.canto-pronunciation-picker svg{flex-shrink:0}.canto-pronunciation-picker>button[aria-pressed=true]{background:var(--build-signal-soft);border-color:var(--build-signal);color:var(--build-signal)}.canto-pronunciation-picker>button:focus-visible,.canto-tone-character:focus-visible{outline:2px solid var(--build-signal);outline-offset:3px}.canto-thumb-header,.canto-thumb-actions,.canto-thumb-story-picker,.build-thumb-tool-label{display:none}.canto-quiz-inline-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.canto-quiz-inline-actions button,.canto-quiz-review{border:1px solid var(--build-line);min-height:48px;color:var(--build-ink);background:0 0;align-items:center;gap:12px;padding:12px 20px;display:inline-flex}.canto-quiz-review{margin-top:24px}.canto-quiz-options button:disabled{opacity:1}.canto-story-choices>header>span{gap:8px;display:grid}.canto-story-choices>header>button{min-width:60px;min-height:44px;color:inherit;background:0 0;border:0}.canto-story-choice-row.is-previewed{border:1px solid var(--build-signal);background:var(--build-signal-soft)}.canto-story-choice-row>.canto-choice-confirm{min-width:84px;font-size:14px}.canto-story-utility-row{flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.canto-story-utility-row button{min-height:44px;color:inherit;border:1px solid var(--build-line);background:0 0;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.canto-story-choices.is-collapsed>header{min-height:60px}.canto-translation-view-nav{justify-content:flex-end;display:flex}.canto-translation-view-nav button{min-height:44px;color:var(--build-ink);background:0 0;border:0;align-items:center;gap:8px;display:flex}.canto-translate-refined .canto-translate-status,.canto-translate-refined:not(.is-history) .canto-translation-history,.canto-translate-refined.is-history .canto-translate-workbench,.canto-translate-refined.is-input .canto-translate-result,.canto-translate-refined.is-result .canto-translate-source{display:none}.canto-translate-refined .canto-translate-workbench{grid-template-columns:minmax(0,1fr)}.canto-translation-examples{gap:0;padding-top:24px;display:grid}.canto-translation-examples>small{color:var(--build-muted);padding-bottom:12px;font-size:14px}.canto-translation-examples button{border:1px solid var(--build-line);min-height:48px;color:var(--build-ink);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:14px;font-size:16px;display:flex}.canto-translation-examples button+button{border-top:0}.canto-translation-examples p{color:var(--build-muted);font-size:13px;line-height:1.6}.canto-translation-original{color:var(--build-muted);padding:16px 20px;font-size:16px;display:block}.canto-voice-confirm{color:#f4f1e8;touch-action:none;-webkit-user-select:none;user-select:none;background:#111719;border:0;border-radius:10px;justify-content:center;align-items:center;gap:14px;min-height:60px;padding:12px 20px;display:flex}.canto-voice-confirm>span{gap:5px;display:grid}.canto-voice-confirm strong{font-size:17px}.canto-voice-confirm small{font-size:13px;font-weight:400}.canto-desktop-voice{justify-content:flex-end;margin-top:24px;display:flex}.build-speech-settings{border-bottom:1px solid var(--build-line);padding:12px 0 20px}.build-speech-settings>header{align-items:center;gap:10px;font-size:16px;display:flex}.build-speech-settings>header>span{margin-left:auto}.build-speech-settings>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.build-speech-settings button{border:1px solid var(--build-line);min-height:60px;color:inherit;background:0 0;border-radius:8px;place-content:center;gap:5px;display:grid}.build-speech-settings button strong{font:600 20px Oxanium,sans-serif}.build-speech-settings button small{font-size:13px}.build-speech-settings button[aria-pressed=true]{color:#101719;background:#10d4db;border-color:#10d4db}.build-speech-settings p{color:var(--build-muted);margin:12px 0 0;font-size:13px;line-height:1.6}.build-tool-destinations{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.build-tool-destinations a{min-height:48px;color:inherit;border-bottom:1px solid var(--build-line);justify-content:space-between;align-items:center;font-size:15px;text-decoration:none;display:flex}@media (width<=760px),(width<=980px) and (height<=550px){.build-system:has(.canto-thumb-app){--build-paper:#f4f1e8;--build-panel:#faf8f2;--build-ink:#111719;--build-muted:#68706f;--build-line:#c9ceca;--build-signal:#087a80;--build-signal-soft:#e6efeb;--build-lime-ink:#087a80}.build-system[data-build-theme=dark]:has(.canto-thumb-app){--build-paper:#111719;--build-panel:#1c2527;--build-ink:#f4f1e8;--build-muted:#aab5b3;--build-line:#3b494a;--build-signal:var(--bnm-action-fill,#10d4db);--build-signal-soft:#173338}.canto-thumb-app{scroll-behavior:auto;background-image:none;overflow:hidden}.canto-thumb-app>.canto-header,.canto-thumb-app>.canto-grid{display:none!important}.canto-thumb-header{z-index:70;height:calc(72px + var(--build-safe-top));padding:var(--build-safe-top) 20px 0;background:var(--build-paper);grid-template-columns:32px 1fr auto;align-items:center;gap:12px;display:grid;position:absolute;top:0;left:0;right:0}.canto-thumb-header button{min-height:44px;color:var(--build-ink);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:17px;font-weight:650;display:flex}.canto-thumb-brand{letter-spacing:-1px;color:var(--build-ink);font:700 27px Oxanium,sans-serif;text-decoration:none}.canto-thumb-brand span{color:#ff3728}.canto-thumb-app .canto-learning-layout{inset:calc(72px + var(--build-safe-top)) 0 0;overscroll-behavior:contain;scrollbar-width:none;display:block;position:absolute;overflow-y:auto}:is(.canto-thumb-app .canto-learning-layout .canto-main,.build-system:has(.build-master-control[data-native-app=true]) .canto-thumb-app .canto-main){width:auto;padding:20px 24px calc(120px + env(safe-area-inset-bottom,0px));margin:0}.canto-thumb-app .canto-module-rail{display:none!important}.canto-thumb-app .canto-page-heading{margin:0 0 24px;padding:0}.canto-thumb-app .canto-page-heading>small,.canto-thumb-app .canto-page-heading>span{display:none}.canto-thumb-app .canto-lesson{padding-top:0}.canto-thumb-app .canto-page-heading h1{letter-spacing:-.8px;max-width:100%;margin:0;font-size:30px;line-height:1.3}.canto-thumb-app .canto-page-heading h1 i{display:none}.canto-thumb-app .canto-page-heading p{max-width:none;margin:14px 0 0;font-size:16px;line-height:1.7}.canto-thumb-app button,.canto-thumb-app a{touch-action:manipulation}.canto-thumb-app [hidden]{display:none!important}.canto-thumb-actions{z-index:75;min-height:90px;padding:14px 20px max(18px, env(safe-area-inset-bottom,0px));color:var(--build-ink);background:var(--build-paper);border-top:1px solid var(--build-line);align-items:stretch;gap:12px;display:flex;position:absolute;left:0;right:0}.canto-thumb-actions>:not(.canto-thumb-tools){border:1px solid var(--build-line);min-width:0;min-height:52px;color:var(--build-ink);background:0 0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:12px;padding:10px 12px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.canto-thumb-actions>.canto-voice-confirm{color:#f4f1e8;touch-action:none;background:#111719}.canto-thumb-actions .is-primary,.canto-translate-source footer .is-primary{color:#111719!important;border-color:var(--bnm-action-fill,#10d4db)!important;background:var(--bnm-action-fill,#10d4db)!important}.canto-thumb-actions button:disabled{opacity:.45}.canto-thumb-actions .canto-thumb-tools{border:1px solid var(--build-ink);width:48px;color:var(--build-ink);background:0 0;border-radius:9px;flex:0 0 48px;align-content:center;justify-items:center;gap:4px;padding:4px 0;display:grid}.canto-thumb-tools small{font-size:13px}.build-system[data-navigation-mode=right] .canto-thumb-actions,.build-system[data-navigation-mode=right] .canto-story-utility-row{flex-direction:row-reverse}.build-system[data-navigation-mode=right]:has(.canto-thumb-app) .build-master-control{left:auto;right:20px}.canto-thumb-story-picker{gap:0;display:grid}.canto-expanded-scene{border:1.5px solid var(--build-signal);background:var(--build-signal-soft);border-radius:18px;margin-bottom:16px;overflow:hidden}.canto-expanded-scene>img{object-fit:cover;width:100%;height:170px;display:block}.canto-expanded-scene>svg{margin:24px auto;display:block}.canto-expanded-scene>div{padding:18px}.canto-expanded-scene header{color:var(--build-signal);justify-content:space-between;align-items:center;font-size:13px;display:flex}.canto-expanded-scene header span,.canto-expanded-scene>div>span{align-items:center;gap:6px;display:flex}.canto-expanded-scene h2{margin:16px 0 10px;font-size:26px}.canto-expanded-scene p{color:var(--build-ink);margin:0 0 16px;font-size:15px;line-height:1.65}.canto-expanded-scene>div>span{font-size:14px}.canto-thumb-story-picker>button{width:100%;min-height:78px;color:var(--build-ink);border:0;border-bottom:1px solid var(--build-line);text-align:left;background:0 0;grid-template-columns:34px 1fr 20px;align-items:center;gap:16px;padding:18px 4px;display:grid}.canto-thumb-story-picker>button>span{gap:7px;min-width:0;display:grid}.canto-thumb-story-picker>button strong{font-size:18px}.canto-thumb-story-picker>button small{color:var(--build-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.5;overflow:hidden}.canto-story-lobby>.canto-story-lobby-status,.canto-story-lobby>.canto-story-world-grid,.canto-story-lobby>.canto-learning-mode-preview{display:none}.canto-story-lobby .canto-relay-entry{margin-top:30px;padding:18px}.canto-story-lobby .canto-relay-entry p{font-size:14px}.canto-thumb-app .canto-source-note{margin-top:34px;font-size:13px}.canto-thumb-app .canto-source-note :is(p,a,span){font-size:12px}.canto-thumb-app .canto-course-active-day,.canto-thumb-app .canto-course-learning-path,.canto-thumb-app .canto-pronunciation-reference{display:none}.canto-mobile-course-switch{border:0;border-bottom:1px solid var(--build-line);width:100%;min-height:44px;color:var(--build-signal);background:0 0;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0;font-size:.875rem;display:flex}.canto-mobile-course-switch span{color:var(--build-muted);text-align:left;flex:1}.canto-thumb-app .canto-course-catalog{top:max(12px, var(--build-safe-top));bottom:max(12px, env(safe-area-inset-bottom,0px));clip-path:none;background:var(--build-paper);border-radius:16px;flex-direction:column;max-height:none;display:flex}.canto-thumb-app .canto-course-catalog>header{flex-shrink:0;align-items:center;min-height:64px;padding:12px 16px}.canto-thumb-app .canto-course-catalog>header :is(small,p){display:none}.canto-thumb-app .canto-course-catalog>header h2{margin:0;font-size:1.25rem}.canto-thumb-app .canto-course-catalog>header>button{border-radius:8px;flex-shrink:0;width:44px;height:44px}.canto-thumb-app .canto-course-catalog-tabs{flex-shrink:0}.canto-thumb-app .canto-course-catalog-tabs button{align-items:center;gap:6px;min-height:52px;padding:10px 12px}.canto-thumb-app .canto-course-catalog-tabs small{display:none}.canto-thumb-app .canto-course-catalog-tabs strong{white-space:normal;font-size:1rem}.canto-thumb-app .canto-course-catalog-tabs span{font-size:.875rem}.canto-thumb-app .canto-course-catalog .canto-day-menu-status{flex-shrink:0;font-size:.875rem}.canto-thumb-app .canto-course-catalog .canto-day-menu-status strong{font-size:.875rem}.canto-thumb-app .canto-course-catalog-grid{flex:1;grid-template-columns:1fr;min-height:0}.canto-thumb-app .canto-course-catalog-grid>button{min-height:126px}.canto-thumb-app .canto-course-catalog-grid>button>header{border:0;min-height:30px}.canto-thumb-app .canto-course-catalog-grid>button>header :is(small,em){font-size:.8125rem}.canto-thumb-app .canto-course-catalog-grid>button>div{grid-template-columns:1fr}.canto-thumb-app .canto-course-catalog-grid>button>div>span{border:0;padding-top:0}.canto-thumb-app .canto-course-catalog-grid>button>div>span:last-child,.canto-thumb-app .canto-course-catalog-grid>button>div small{display:none}.canto-thumb-app .canto-course-catalog-grid>button>div strong{white-space:normal;font-size:1.125rem;line-height:1.5}.canto-thumb-app .canto-course-catalog-grid>button>div b{white-space:normal;font-size:.875rem;line-height:1.6}.canto-thumb-app .canto-course-catalog>footer{flex-shrink:0;min-height:64px;padding:10px 14px}.canto-thumb-app .canto-course-catalog>footer>div{display:none}.canto-thumb-app .canto-course-catalog>footer>button{border-radius:8px;min-height:44px;font-size:1rem}.canto-pronunciation-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.canto-pronunciation-picker>button{padding:12px}.canto-tone-desktop-extra{display:none}.canto-tone-cards{min-width:0;margin:24px 0}.canto-pitch-reference{border-block:1px solid var(--build-line)}.canto-pitch-reference>summary{cursor:pointer;align-items:center;gap:10px;min-height:48px;padding:8px 0;font-size:.875rem;list-style:none;display:flex}.canto-pitch-reference>summary::-webkit-details-marker{display:none}.canto-pitch-reference>summary small{color:var(--build-muted);margin-left:auto;font:600 .875rem Oxanium,sans-serif}.canto-pitch-reference>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-block:4px 12px;display:grid}.canto-pitch-reference button{border:1px solid var(--build-line);min-width:0;min-height:58px;color:var(--build-ink);background:var(--build-panel);border-radius:8px;align-content:center;gap:5px;display:grid}.canto-pitch-reference button strong{font:600 .875rem Oxanium,sans-serif}.canto-pitch-reference button small{color:var(--build-muted);font-size:.875rem}.canto-pitch-reference button[aria-pressed=true]{background:var(--build-signal-soft);border-color:var(--build-signal)}.canto-pitch-reference>p{color:var(--build-muted);margin:0 0 14px;font-size:.875rem}.canto-tone-card-group{margin-top:22px}.canto-tone-card-group>header{margin-bottom:12px}.canto-tone-card-group h3{margin:0;font-size:1rem}.canto-tone-card-group>header p{color:var(--build-muted);margin:6px 0 0;font-size:.875rem;line-height:1.5}.canto-tone-card-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.canto-tone-character{border:1px solid var(--build-line);min-width:0;color:var(--build-ink);background:var(--build-panel);text-align:center;border-radius:12px;justify-items:center;gap:8px;padding:14px 12px;display:grid}.canto-tone-character-label{justify-content:space-between;align-items:center;gap:4px;width:100%;font-size:.875rem;display:flex}.canto-tone-character-label svg{color:var(--build-signal);flex-shrink:0}.canto-tone-character>strong{font-size:2.75rem;font-weight:600;line-height:1.2}.canto-tone-character>b{font:600 1.25rem Oxanium,sans-serif}.canto-tone-character>small{color:var(--build-muted);font-size:.875rem}.canto-tone-character.is-playing{border-color:var(--build-signal);background:var(--build-signal-soft)}.canto-tone-contour{width:100%;max-width:150px;height:68px;display:block;overflow:visible}.canto-tone-contour text{fill:var(--build-muted);font:12px Oxanium,sans-serif}.canto-tone-contour line{stroke:var(--build-line);stroke-width:1px}.canto-tone-contour polyline{fill:none;stroke:var(--build-signal);stroke-width:3px;stroke-linecap:round}.canto-tone-card-group.is-entering{border-top:1px solid var(--build-line);padding-top:20px}.canto-thumb-app .canto-course-workspace,.canto-thumb-app .canto-course-lesson-stage{background:0 0;border:0;margin:0;padding:0}.canto-mobile-lesson>div>small{display:none}.canto-mobile-lesson h1{margin:18px 0 12px;font-size:28px;line-height:1.3}.canto-mobile-lesson p{color:var(--build-ink);font-size:16px;line-height:1.75}.canto-mobile-lesson>div>p{color:var(--build-muted)}.canto-mobile-focus{width:100%;min-width:0;color:var(--build-ink);text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:12px;padding:24px 4px;display:grid}.canto-mobile-focus>span{overflow-wrap:anywhere;gap:12px;min-width:0;display:grid}.canto-mobile-focus strong{font-size:clamp(2rem,9vw,3.25rem);font-weight:600;line-height:1.3}.canto-mobile-focus b{font:600 clamp(1.25rem,5.5vw,1.75rem)/1.5 Oxanium,sans-serif}.canto-mobile-focus>small{color:var(--build-muted);grid-column:1/-1;margin-top:8px;font-size:13px}.canto-mobile-parts>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.canto-mobile-parts button{border:1px solid var(--build-line);min-height:86px;color:var(--build-ink);background:0 0;border-radius:10px;align-content:center;gap:6px;display:grid}.canto-mobile-parts button small{font-size:13px}.canto-mobile-parts button strong{font:600 30px Oxanium,sans-serif}.canto-mobile-parts button[aria-pressed=true]{border-color:var(--build-signal);background:var(--build-signal-soft)}.canto-mobile-parts>section{min-height:130px;padding:20px 0}.canto-mobile-parts>section>strong{font-size:18px}.canto-mobile-parts p{margin:10px 0}.canto-mobile-lesson-content details{border-top:1px solid var(--build-line)}.canto-mobile-lesson-content summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:56px;padding:14px 0;font-size:16px;display:flex}.canto-mobile-lesson .canto-lesson-footer{gap:12px;margin-top:24px}.canto-mobile-lesson .canto-lesson-footer button{min-height:44px;font-size:14px}.canto-thumb-app .canto-lesson-quiz{background:0 0;border:0;margin:0;padding:0}.canto-thumb-app .canto-lesson-quiz>header{background:0 0;border:0;min-height:40px;padding:0}.canto-thumb-app .canto-lesson-quiz>header h2{display:none}.canto-thumb-app .canto-lesson-quiz>header small,.canto-thumb-app .canto-quiz-progress{font-size:13px}.canto-thumb-app .canto-quiz-list{margin-top:16px;padding:0}.canto-thumb-app .canto-quiz-list>article{border:0;padding:0}.canto-thumb-app .canto-quiz-prompt{padding:12px 0 24px;display:block}.canto-thumb-app .canto-quiz-prompt>small{display:none}.canto-thumb-app .canto-quiz-prompt strong{font-size:26px;line-height:1.5}.canto-thumb-app .canto-quiz-options{border:0;grid-template-columns:1fr;gap:12px;display:grid}.canto-thumb-app .canto-quiz-options button{border:1px solid var(--build-line);min-height:68px;color:var(--build-ink);background:0 0;border-radius:10px;align-items:center;gap:14px;padding:16px;display:flex}.canto-thumb-app .canto-quiz-options button:is(.is-selected,.is-answer,.is-correct){box-shadow:none}.canto-thumb-app .canto-quiz-options button b{border:1px solid var(--build-line);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.canto-thumb-app .canto-quiz-options button>span{font-size:20px}.canto-thumb-app .canto-quiz-options button>small{margin-left:auto;font-size:13px}.canto-thumb-app .canto-quiz-options button.is-wrong{color:#785005;background:#fff0d6;border-color:#b4770a}.canto-thumb-app .canto-quiz-options button:is(.is-answer,.is-correct){border-color:var(--build-signal);background:var(--build-signal-soft);color:var(--build-signal)}.canto-thumb-app .canto-quiz-explanation{border:0;border-top:1px solid var(--build-line);color:var(--build-ink);background:0 0;margin-top:28px;padding:22px 0;display:block}.canto-thumb-app .canto-quiz-explanation>span{display:none}.canto-thumb-app .canto-quiz-explanation strong{font-size:18px}.canto-thumb-app .canto-quiz-explanation em{margin-top:12px;font-size:16px;line-height:1.75}.canto-quiz-inline-actions{display:none}.canto-thumb-app .canto-learning-layout:has(.canto-story-session:not(.canto-story-inline-editor)){overflow:hidden}.canto-thumb-app .canto-main:has(.canto-story-session:not(.canto-story-inline-editor)){height:100%;padding:0}.canto-thumb-app .canto-main:has(.canto-story-session)>.canto-source-note{display:none}.canto-thumb-app .canto-story-session:not(.canto-story-inline-editor){flex-direction:column;height:100%;margin:0;padding:0;display:flex}.canto-thumb-app .canto-story-session:not(.canto-story-inline-editor):before{display:none}.canto-thumb-app .canto-story-session:not(.canto-story-inline-editor)>.canto-page-heading{flex-shrink:0;margin:0;padding:14px 80px 10px 24px}.canto-thumb-app .canto-story-session:not(.canto-story-inline-editor)>.canto-page-heading p{margin-top:6px}.canto-thumb-app .canto-story-session:not(.canto-story-inline-editor)>:is(.canto-story-status,.canto-story-footnote),.canto-thumb-app .canto-story-session:not(.canto-story-inline-editor) .canto-story-sidebar{display:none}.canto-thumb-app .canto-story-session:not(.canto-story-inline-editor) .canto-story-layout{border:0;flex:1;align-items:stretch;min-height:0;margin:0;animation:none;display:flex;position:static}.canto-thumb-app .canto-story-session:not(.canto-story-inline-editor) .canto-story-conversation{background:var(--build-paper);border:0;flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.canto-thumb-app .canto-story-conversation>header{z-index:2;background:0 0;border:0;min-height:44px;margin:0;padding:0;position:absolute;top:14px;right:24px}.canto-thumb-app .canto-story-conversation>header>:is(.canto-story-avatar,span){display:none}.canto-thumb-app .canto-story-auto-voice{border-radius:50%;justify-content:center;width:44px;max-width:none;height:44px;padding:0;font-size:13px}.canto-thumb-app .canto-story-auto-voice svg{width:22px;height:22px}.canto-thumb-app .canto-story-auto-voice span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.canto-thumb-app .canto-story-transcript{background:0 0;flex:1;min-height:100px;padding:12px 20px;height:auto!important}.canto-thumb-app .canto-story-session:not(.is-started) .canto-story-scene-transition{display:none}.canto-thumb-app .canto-story-narrator{margin:6px 0 18px;font-size:14px}.canto-thumb-app .canto-story-bubble{border:1px solid var(--build-line);background:var(--build-panel);color:var(--build-ink);border-radius:12px;padding:16px 38px 16px 16px}.canto-thumb-app .canto-story-bubble strong{font-size:17px;line-height:1.65}.canto-thumb-app .canto-story-bubble>span{display:none}.canto-thumb-app .shows-jyutping .canto-story-bubble>span{font-size:13px;line-height:1.7;display:block}.canto-thumb-app .canto-story-bubble em{margin-top:10px;font-size:14px;line-height:1.65}.canto-thumb-app .canto-story-bubble>button{width:36px;min-height:44px}.canto-thumb-app .canto-story-message-body>small{font-size:13px}.canto-thumb-app .canto-story-choices{padding:16px 20px max(14px, env(safe-area-inset-bottom,0px));color:#f4f1e8;--build-line:#394345;--build-ink:#f4f1e8;--build-muted:#aab5b3;--build-signal:var(--bnm-action-fill,#10d4db);--build-signal-soft:#173338;background:#111719;border:0;border-radius:24px 24px 0 0;flex:none}.canto-thumb-app .canto-story-choices>header{align-items:start;min-height:54px;padding:0 0 8px}.canto-thumb-app .canto-story-choices>header strong{font-size:19px}.canto-thumb-app .canto-story-choices>header small{letter-spacing:0;color:#aab5b3;font-size:12px}.canto-thumb-app .canto-story-choices>div{grid-template-columns:1fr;gap:0;max-height:38dvh;display:grid;overflow-y:auto}.canto-thumb-app .canto-story-choice-row{border-bottom:1px solid #394345;grid-template-columns:minmax(0,1fr) auto;display:grid}.canto-thumb-app .canto-story-choice-row>button:first-child{color:#f4f1e8;background:0 0;border:0;gap:10px;min-height:56px;padding:14px 4px;display:flex}.canto-thumb-app .canto-story-choice-row>button:first-child b,.canto-thumb-app .canto-story-choice-row>button:first-child em,.canto-thumb-app .canto-story-choice-row:not(.is-previewed)>button:first-child small{display:none}.canto-thumb-app .canto-story-choice-row>button:first-child span{flex:1}.canto-thumb-app .canto-story-choice-row>button:first-child strong{font-size:16px;line-height:1.5}.canto-thumb-app .canto-story-choice-row>button:first-child small{color:var(--bnm-action-fill,#10d4db);margin-top:6px;font-size:13px}.canto-thumb-app .canto-story-choice-row.is-previewed{border:1px solid var(--bnm-action-fill,#10d4db);background:#173338;border-radius:10px;padding:0 10px}.canto-thumb-app .canto-story-choice-row>.canto-choice-practice{display:none}.canto-thumb-app .canto-story-choice-row.is-previewed>button:first-child{grid-row:1/3}.canto-thumb-app .canto-story-choice-row.is-previewed>.canto-choice-practice{border:0;flex-direction:row;grid-area:2/2;justify-content:center;align-items:center;gap:5px;width:auto;min-height:44px;padding:4px;display:flex}.canto-thumb-app .canto-story-choice-row.is-previewed>.canto-choice-practice span{font-size:13px}.canto-thumb-app .canto-choice-confirm{color:#f4f1e8;background:0 0;border:1px solid #aab5b3;border-radius:7px;grid-area:1/2;align-self:center;min-height:44px;margin-top:6px;padding:8px}.canto-thumb-app .canto-story-utility-row{justify-content:space-between;gap:4px;padding-top:10px}.canto-thumb-app .canto-story-utility-row button{border:0;padding:6px;font-size:13px}.canto-thumb-app .canto-translate-refined .canto-page-heading{margin-bottom:24px}.canto-thumb-app .canto-translation-view-nav{position:absolute;right:24px}.canto-thumb-app .canto-translate-workbench{border:0;display:block}.canto-thumb-app .canto-translate-source{border:1px solid var(--build-line);background:0 0;border-radius:12px;overflow:hidden}.canto-thumb-app .canto-translate-source>header{min-height:50px;padding:16px}.canto-thumb-app .canto-translate-source>header small,.canto-thumb-app .canto-translate-result>header small{display:none}.canto-thumb-app .canto-translate-source>header strong,.canto-thumb-app .canto-translate-source>header b{font-size:14px}.canto-thumb-app .canto-translate-source textarea{height:clamp(160px,30dvh,310px);min-height:180px;color:var(--build-ink);resize:none;background:0 0;padding:16px;font-size:22px;line-height:1.6}.canto-thumb-app .canto-translate-source footer{border-top:1px solid var(--build-line);grid-template-columns:1fr 1fr;min-height:48px;padding:0;display:grid}.canto-thumb-app .canto-translate-source footer button{justify-content:center;min-height:48px;padding:10px;font-size:16px}.canto-thumb-app .canto-translate-result{border:1px solid var(--build-line);background:var(--build-panel);border-radius:12px;min-height:330px}.canto-thumb-app .canto-translate-result>div>p{font-size:40px;line-height:1.5}.canto-thumb-app .canto-translate-result>div>button{min-height:52px;font-size:16px}.canto-desktop-voice{display:none}.canto-thumb-app .canto-translation-history{margin:0}.canto-thumb-app .canto-translation-history>div>article{padding:12px 0}.canto-thumb-app .canto-translation-history article strong{font-size:17px}.canto-thumb-app .canto-translation-history article em{font-size:16px}.canto-thumb-app .canto-translation-history article small{font-size:13px}.canto-thumb-app .canto-toast{z-index:110;font-size:14px;bottom:110px}.build-system:has(.canto-thumb-app) .build-master-control{top:auto;left:20px;right:auto;bottom:max(20px, env(safe-area-inset-bottom,0px))}.build-system:has(.canto-thumb-app) .build-master-control-bar{clip-path:none;border-radius:10px;width:54px;height:62px;display:flex}.build-system:has(.canto-thumb-app) .build-master-control-button{display:none}.build-system:has(.canto-thumb-app) .build-master-control-button.is-brand{width:54px;height:62px;color:var(--build-ink);align-content:center;gap:2px;display:grid}.build-system:has(.canto-thumb-app) .build-thumb-tool-label{font-size:13px;display:block}.build-system:has(.canto-thumb-actions,.canto-story-session:not(.canto-story-inline-editor)) .build-master-control-bar{display:none}.bottom-sheet:has(.is-thumb-sheet){color:#f4f1e8;background:#111719;border-radius:24px 24px 0 0;max-height:min(88dvh,760px)!important}body:has(.canto-thumb-app) .sheet-overlay{z-index:200}body:has(.canto-thumb-app) .bottom-sheet{z-index:201}.bottom-sheet:has(.is-thumb-sheet) .sheet-title{color:#f4f1e8;font-size:22px}.bottom-sheet:has(.is-thumb-sheet) .sheet-header{padding:4px 24px 8px}.bottom-sheet:has(.is-thumb-sheet) .sheet-content{padding:0 24px 24px}.build-command-panel.is-thumb-sheet{-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:none;color:#f4f1e8;--build-line:#394345;--build-ink:#f4f1e8;--build-muted:#aab5b3;--build-signal:var(--bnm-action-fill,#10d4db);--build-signal-soft:#173338;background:0 0;border:0;width:100%;animation:none;position:static}.is-thumb-sheet>header{border:0;min-height:44px;padding:0;position:absolute;top:28px;right:18px}.is-thumb-sheet>header>span{display:none}.is-thumb-sheet>header button{background:#283033;border-radius:50%}.is-thumb-sheet .build-system-panel{padding:0}.is-thumb-sheet .build-system-row{min-height:60px;padding:10px 0}.is-thumb-sheet .build-system-row small{display:none}.is-thumb-sheet .build-system-row strong{font-size:15px}.is-thumb-sheet .build-system-row button{min-width:44px;min-height:44px;font-size:14px}.is-thumb-sheet :is(.build-language-row,.build-navigation-row){grid-template-columns:18px minmax(0,1fr) auto;gap:8px}.is-thumb-sheet :is(.build-language-options,.build-navigation-options){grid-column:auto;margin:0;display:flex}.is-thumb-sheet .build-feedback-shortcut{min-height:48px;font-size:16px}.is-thumb-sheet .build-feedback-form :is(strong,textarea,button,select){font-size:16px}}@media (width<=980px) and (height<=550px){.canto-thumb-header{height:calc(56px + var(--build-safe-top))}.canto-thumb-app .canto-learning-layout{top:calc(56px + var(--build-safe-top))}.canto-thumb-app .canto-story-session:not(.canto-story-inline-editor)>.canto-page-heading{min-height:48px;padding-top:8px;padding-bottom:8px}.canto-thumb-app .canto-story-session>.canto-page-heading h1{font-size:22px}.canto-thumb-app .canto-story-session>.canto-page-heading p{display:none}.canto-thumb-app .canto-story-session:not(.canto-story-inline-editor) .canto-story-conversation{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.canto-thumb-app .canto-story-conversation>header{top:2px}.canto-thumb-app .canto-story-transcript{grid-column:1;min-height:0;height:100%!important}.canto-thumb-app .canto-story-choices{border-radius:18px 0 0;flex-direction:column;grid-column:2;min-height:0;padding-top:10px;display:flex}.canto-thumb-app .canto-story-choices>header,.canto-thumb-app .canto-story-utility-row{flex-shrink:0}.canto-thumb-app .canto-story-choices>div{flex:1;min-height:0;max-height:none}.canto-thumb-actions{min-height:72px;padding-block:8px}}.canto-tone-recording-credit{color:var(--build-muted);margin:16px 0 0;font-size:.875rem;line-height:1.6}.canto-tone-recording-credit a{color:inherit;text-underline-offset:3px}@media (width<=900px){.build-system:not(:has(.build-master-control[data-native-app=true])) .todo-app .todo-scroll{top:calc(144px + var(--build-safe-top))!important}.build-system:not(:has(.build-master-control[data-native-app=true])) .todo-app.has-search .todo-scroll{top:calc(208px + var(--build-safe-top))!important}.build-system:not(:has(.build-master-control[data-native-app=true])) .todo-app .todo-search-bar{top:calc(144px + var(--build-safe-top))}.build-system:not(:has(.build-master-control[data-native-app=true])) .todo-app .todo-main{padding-top:12px}.build-system:has(.build-master-control[data-native-app=true]) .todo-app-v2.is-minimal .todo-main{padding-top:24px}}