:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#303c36;background:#f8f7f2;font-synthesis:none;font-size:14px;font-weight:400;--wine:#852b3b;--wine-dark:#652230;--green:#456459;--muted:#85877b;--line:#e9e5db;--paper:#fffcf7;--serif:"Songti SC","Noto Serif SC","STSong","SimSun",serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.48}button,a{-webkit-touch-callout:none}a{color:var(--wine);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #bd8f55;outline-offset:4px}button{border:0;background:none}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1,h2{font-family:var(--serif)}p{line-height:1.85}h1{font-size:34px;line-height:1.5;margin-bottom:12px}h2{font-size:25px;line-height:1.55;margin-bottom:15px}h3{font-size:17px;line-height:1.6}small{font-size:11px}input,select,textarea{border:1px solid #dddcd2;background:#fffdf8;color:#344138;border-radius:7px;padding:11px 13px;max-width:100%}textarea{resize:vertical;line-height:1.8}select{cursor:pointer;min-height:43px}input:focus,textarea:focus,select:focus{border-color:#b79b76}::selection{background:#ead4ce;color:#65303a}.muted{color:var(--muted);font-size:12px}.eyebrow,.section-kicker{font-size:11px;color:#9b8162;letter-spacing:1.7px;font-weight:500}.eyebrow{margin-bottom:17px}.section-kicker{margin-bottom:10px}.panel{background:#fffdf8;border:1px solid var(--line);border-radius:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:6px;font-size:13px;line-height:1.4;white-space:nowrap;font-weight:500;transition:background .2s,transform .2s;min-height:43px}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:var(--wine);color:#fff8eb}.primary:hover:not(:disabled){background:var(--wine-dark)}.secondary{background:#fffdf8;border:1px solid #ddd9ce;color:#586353}.secondary:hover:not(:disabled){background:#f0eee6}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--wine);padding:7px 0;line-height:1.7}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;width:42px;height:42px;border:1px solid var(--line);background:#fffdf8}.circle-button{display:flex;align-items:center;justify-content:center;border:1px solid #d7d5c8;border-radius:50%;width:35px;height:35px}.full{width:100%}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tag,.quiet-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #ddd8ca;border-radius:4px;padding:5px 9px;color:#7f795f;font-size:11px}.quiet-chip{padding:8px 12px;background:#f0f1e9;color:#718073;border:0}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{width:222px;background:#f0f0e8;position:fixed;left:0;top:0;bottom:0;border-right:1px solid #e7e6dd;padding:35px 20px 24px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;text-align:left;padding:0 5px}.brand-mark{display:grid;place-items:center;background:var(--wine);color:#fff4dc;border-radius:7px;font-family:var(--serif);font-size:28px;width:42px;height:45px;border:3px double #c48f8a;transform:rotate(-3deg)}.brand b{font-family:var(--serif);font-size:23px;letter-spacing:2px;font-weight:600;white-space:nowrap}.brand small{display:block;font-size:7px;letter-spacing:1.4px;margin-top:6px;color:#828476}.side-caption{font-size:10px;color:#969487;margin:24px 0 31px 10px;letter-spacing:1px}.sidebar nav{display:flex;flex-direction:column;gap:9px}.nav-item{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:7px;width:100%;text-align:left;font-size:13px;color:#798173;transition:.2s}.nav-item:hover{background:#e9e8dd}.nav-item.active{background:#e8e2d9;color:var(--wine)}.nav-dot{margin-left:auto;width:5px;height:5px;background:var(--wine);border-radius:50%}.sidebar-bottom{margin-top:auto;padding:28px 9px 0}.side-poem{font-family:var(--serif);color:#a2a28f;font-size:12px;line-height:2.3;letter-spacing:1px;padding-bottom:26px;border-bottom:1px solid #dedfd2}.about-link{display:flex;align-items:center;gap:7px;font-size:11px;color:#7f8374;padding:21px 0 12px}.version{font-size:9px;color:#a2a396;letter-spacing:1px}.app-content{margin-left:222px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;background:#f8f7f2}.topbar>div{display:flex;align-items:center;gap:16px}.breadcrumb{font-size:11px;color:#9a9b8d;display:flex;align-items:center;gap:13px}.breadcrumb b{font-weight:400;color:#586452}.topbar-right{gap:22px!important}.device-state{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.4px;color:#979c8c}.device-state i{width:5px;height:5px;background:#99a88b;border-radius:50%}.device-state.live{color:var(--wine)}.device-state.live i{background:var(--wine)}.visitor-avatar{width:32px;height:32px;border-radius:50%;background:#e6e8dc;color:#6d7e63;display:grid;place-items:center;font-family:var(--serif);font-size:16px}.page{max-width:1430px;padding:38px 44px 55px;margin:0 auto;min-height:calc(100vh - 150px)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.page-heading p{color:#8a8c80;font-size:12px;margin-bottom:0}.heading-ornament{color:#baad91;opacity:.55;stroke-width:1}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 20px}.section-heading h2{margin-bottom:0}.section-heading .section-kicker{margin-bottom:5px}.mobile-toggle{display:none}.skip-link{position:fixed;top:-60px;left:240px;background:var(--wine);color:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}footer{border-top:1px solid var(--line);padding:24px 44px;display:flex;align-items:center;justify-content:space-between;color:#9b9d8f;font-size:10px;gap:18px}footer span{display:flex;align-items:center;gap:12px}footer i{height:10px;width:1px;background:#cecebd}footer button{display:flex;align-items:center;gap:5px;font-size:10px;color:#888e7e}.mobile-scrim{display:none}.home-page{padding-top:13px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:470px;position:relative}.hero-copy{z-index:1;padding-bottom:8px}.hero .eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.8px;margin-bottom:24px}.hero .eyebrow>span{width:19px;height:1px;background:#b69061}.hero h1{font-size:clamp(34px,3.6vw,55px);line-height:1.43;letter-spacing:3px;margin-bottom:22px}.hero h1 span{color:var(--wine)}.hero p{color:#939184;font-size:12px;line-height:2.2;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:22px}.hero-actions .button{padding:14px 19px}.hero-footnote{display:flex;align-items:center;gap:13px;margin-top:28px;color:#9c9f8f;font-size:10px;letter-spacing:.7px}.hero-footnote i{width:3px;height:3px;border-radius:50%;background:#c5c6b6}.hero-art{width:110%;height:auto;margin-left:-7%;overflow:visible}.intro-strip{border-top:1px solid #dfdfd2;border-bottom:1px solid #dfdfd2;padding:20px 3px;display:flex;align-items:center;justify-content:space-between;margin:0 0 31px}.intro-strip>div{display:flex;align-items:center;gap:17px}.mini-seal{width:34px;height:36px;border:1px solid #c3b391;color:#a58c62;display:grid;place-items:center;font-family:var(--serif);font-size:21px}.intro-strip p{margin:0;display:flex;align-items:center;gap:22px;font-size:11px}.intro-strip b{font-family:var(--serif);font-weight:400;font-size:17px;letter-spacing:1px}.intro-strip p span{color:#929787}.strip-data{gap:13px!important}.strip-data>b{font-size:28px;color:var(--wine);font-family:Georgia,serif}.strip-data>span{color:#939785;font-size:10px}.strip-data .circle-button{margin-left:6px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card{border:1px solid var(--line);background:#fffdf8;border-radius:8px;text-align:left;padding:24px 25px 0;transition:.2s;min-width:0;overflow:hidden;position:relative}.course-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #3a342e08;border-color:#c8bca6}.course-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.course-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f0e6dd;color:#966253}.course-pitch .course-icon{background:#e5ebe1;color:#69826b}.course-rhythm .course-icon{background:#eee9dc;color:#a18b5a}.course-index{font-family:Georgia,serif;font-size:38px;color:#e5e3d9;font-weight:300}.course-tag{font-size:9px;letter-spacing:1px;color:#a38e73}.course-card h3{font-family:var(--serif);font-size:22px;margin:9px 0 8px}.course-card p{font-size:11px;color:#98978b;margin:0 0 22px}.course-card-bottom{border-top:1px solid #ede9e0;display:flex;align-items:center;justify-content:space-between;padding:16px 0;color:#9b8d78;font-size:10px}.home-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:25px;margin-top:31px}.story-card{background:#e9ece3;display:flex;align-items:center;gap:23px;padding:30px 25px;border-radius:7px;overflow:hidden}.story-character{font-size:105px;writing-mode:vertical-rl;color:#d0d7c6;font-family:var(--serif);position:relative}.story-character:before{content:"";position:absolute;inset:0;border:1px solid #d8dfce;border-radius:100%;transform:rotate(-25deg)}.story-card h2{font-size:23px;margin-bottom:12px}.story-card p{font-size:10px;color:#89937e;max-width:290px}.story-card .section-kicker{color:#8a947e;font-size:9px}.story-card .text-button{color:#607454}.path-card{padding:13px 15px}.path-step{display:flex;gap:17px;padding:13px 0;border-bottom:1px solid var(--line)}.path-step:last-child{border-bottom:0}.path-step>span{font-family:Georgia,serif;color:#b8a486;font-size:18px}.path-step b{font-weight:500;font-size:12px}.path-step p{color:#9c9d8f;font-size:10px;margin:5px 0 0}.course-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.course-tab{display:flex;align-items:center;gap:12px;text-align:left;padding:18px 20px;background:#f0efe8;border:1px solid transparent;border-radius:8px;color:#8b927f}.course-tab.selected{background:#f1e8e2;border-color:#cbb1a7;color:var(--wine)}.course-tab b{font-size:13px;display:block;font-weight:500}.course-tab small{display:block;font-size:10px;margin-top:6px;opacity:.75}.tab-number{margin-left:auto;opacity:.3;font-family:Georgia,serif;font-size:23px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.studio-main{overflow:hidden}.studio-title{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.studio-title>span:first-child{display:flex;align-items:center;gap:9px}.status-dot{font-size:10px;color:#8a8e7d;display:flex;align-items:center;gap:7px}.status-dot:before{content:"";width:5px;height:5px;background:#c4c7b8;border-radius:50%}.status-dot.on:before{background:#829f6c}.camera-stage{background:#252f2b;aspect-ratio:4/3;position:relative;overflow:hidden;min-height:320px;max-height:560px;display:flex;align-items:center;justify-content:center}.camera-stage video,.camera-stage canvas{position:absolute;width:100%;height:100%;object-fit:contain;transform:scaleX(-1);inset:0;opacity:0}.camera-stage video.visible,.camera-stage canvas.visible{opacity:1}.stage-placeholder{color:#bac6af;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;justify-content:center;background:radial-gradient(ellipse at 50% 44%,#35463c,#252f2b)}.pose-figure{width:64%;max-height:250px;color:#8da78f}.stage-placeholder h3{font-family:var(--serif);font-size:18px;font-weight:400;margin:10px 0 7px;letter-spacing:2px}.stage-placeholder p{font-size:10px;color:#8f9c8d;text-align:center;padding:0 12px}.stage-loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:17px;align-items:center;justify-content:center;background:#243029cc;color:#e4ddc7}.stage-loading b{font-size:13px;font-weight:400}.stage-loading small{color:#b5baa4}.view-tag{position:absolute;top:14px;left:14px;background:#18251d99;color:#e7e4cd;padding:7px 10px;border-radius:4px;font-size:10px}.camera-hint{position:absolute;bottom:15px;left:15px;right:15px;padding:12px 14px;background:#162019bb;color:#eee6cb;text-align:center;font-size:12px;border-radius:5px;line-height:1.7}.studio-controls{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.studio-controls>div:first-child{display:flex;align-items:center;gap:14px}.timer{font-size:26px;color:var(--wine);font-family:Georgia,serif}.timer small{font-family:inherit;font-size:11px;margin-left:5px}.status-message{font-size:11px;color:#8d7d63;line-height:1.8;padding:0 20px 17px;min-height:20px}.studio-side{display:flex;flex-direction:column;gap:20px}.lesson-panel,.feedback-panel{padding:22px}.lesson-panel h3{font-size:17px;font-family:var(--serif);margin-bottom:18px}.lesson-panel ol{padding:0;list-style:none;margin:0}.lesson-panel li{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#909180;line-height:1.9;margin:15px 0}.lesson-panel li>span{font-family:Georgia,serif;font-size:12px;color:#b59872}.reference-details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;color:#8e907e;font-size:10px}.reference-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#67705e;font-size:11px;list-style:none}.reference-details p{margin:12px 0}.reference-details .button{font-size:10px}.control-field{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.control-field label{display:block;font-size:11px;color:#738168;margin-bottom:10px}.control-field select{width:100%;font-size:11px}.control-field .button-row{flex-wrap:nowrap}.control-field .button-row select{min-width:0;flex:1}.control-field small{display:block;color:#a0a08c;font-size:9px;line-height:1.7;margin-top:10px}.feedback-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;padding:20px 0;color:#b4b5a3}.feedback-empty p{font-family:var(--serif);font-size:16px;line-height:1.9;color:#9b9f8b;margin:0}.feedback-panel>p{font-size:11px;color:#85917c}.feedback-panel>small{display:block;color:#a2a28f;font-size:9px;line-height:1.7;margin-top:12px}.metric-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding:11px 0;font-size:11px;color:#8c927e}.metric-row b{font-size:12px;font-weight:500;color:#54604c}.metric-row b small{font-size:9px;color:#a0a58d}.result-score{font-size:50px;font-family:Georgia,serif;color:var(--wine);margin:12px 0}.result-score>span{font-family:inherit;font-size:12px;color:#b3ad98;margin-left:7px}.boundary{display:flex;gap:11px;align-items:flex-start;padding:20px 0;margin-top:10px;color:#9c9b88}.boundary svg{margin-top:2px}.boundary p{font-size:10px;line-height:1.8;margin:0}.pitch-stage,.rhythm-stage{background:#eaece3;min-height:400px;padding:34px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pitch-caption{color:#869079;font-size:11px;letter-spacing:2px}.pitch-note{font-family:Georgia,serif;font-size:70px;color:#4c6457;margin:25px 0 17px;text-align:center}.pitch-note>span{display:block;font-family:inherit;font-size:12px;letter-spacing:1px;color:#8b9680;margin-top:8px}.tuner{width:85%;max-width:480px}.tuner-scale{display:flex;justify-content:space-between;font-size:10px;color:#929984}.tuner-track{height:20px;background:repeating-linear-gradient(90deg,#bfc9b7 0px,#bfc9b7 1px,transparent 1px,transparent 10%);position:relative;margin:15px 0}.tuner-zone{position:absolute;left:43.75%;width:12.5%;top:-5px;bottom:-5px;background:#9eae8e30}.tuner-center{position:absolute;left:50%;width:2px;top:-9px;bottom:-9px;background:#7f9474}.tuner-track>i{position:absolute;top:-4px;bottom:-4px;background:#8b3341;width:5px;border-radius:5px;transition:left .15s}.tuner-result{text-align:center;font-size:11px;color:#7d8d6e;height:20px}.sound-bars{display:flex;gap:4px;height:50px;align-items:center;margin-top:20px}.sound-bars i{display:block;width:3px;border-radius:3px;background:#9caa8e;transition:height .15s}.beat-dots{display:flex;gap:20px;margin:27px 0}.beat-dots>span{width:15px;height:15px;border-radius:50%;background:#c8d0be;transition:background .08s,transform .08s}.beat-dots>.lit{background:#8b3341;transform:scale(1.25)}.tap-pad{display:flex;flex-direction:column;align-items:center;gap:12px;padding:25px 55px;border-radius:50%;width:170px;height:170px;border:1px solid #c3cbb7;background:#e3e8da;touch-action:manipulation;user-select:none;color:#96a08c;transition:background .1s}.tap-pad.enabled{color:#617653;background:#f5f5e9;box-shadow:0 4px #bbc5af}.tap-pad.enabled:active{transform:translateY(3px);box-shadow:0 1px #bbc5af;background:#e9d9ce}.tap-pad b{font-size:12px;white-space:nowrap;font-weight:500}.tap-pad small{font-size:9px;white-space:nowrap}.hit-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:4px;max-width:100%;margin:25px 0 15px}.hit-grid>span{border:1px solid #cbd2be;border-radius:3px;width:23px;height:23px;display:grid;place-items:center;font-size:9px;color:#a1ab93}.hit-grid>.hit{background:#a0b08d;color:#fff;border-color:#a0b08d}.hit-grid>.current{border-color:#8b3341}.rhythm-feedback{font-size:10px;color:#82916f;min-height:15px}.search-box{display:flex;align-items:center;gap:16px;border:1px solid #d8d5c9;background:#fffdf8;padding:9px 10px 9px 19px;border-radius:8px;color:#a29c88}.search-box input{flex:1;min-width:0;background:transparent;border:0;padding:10px 0;font-size:13px;outline-offset:1px}.quick-search{display:flex;align-items:center;gap:15px;padding:15px 1px 26px;flex-wrap:wrap;font-size:10px;color:#aaa894}.quick-search button{display:flex;align-items:center;gap:4px;color:#858e76;font-size:10px;padding:0}.quick-search button:hover{color:var(--wine)}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.filter-tabs{display:flex;gap:21px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px;flex-wrap:wrap}.filter-tabs button{font-size:12px;color:#9da18b;padding:0 2px;position:relative}.filter-tabs button.active{color:var(--wine)}.filter-tabs button.active:after{content:"";position:absolute;bottom:-15px;height:2px;background:var(--wine);left:0;right:0}.knowledge-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.knowledge-card{padding:23px;background:#fffdf8;border:1px solid var(--line);border-radius:8px}.knowledge-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.knowledge-card .tag{border:0;background:#eeeee3;color:#869173;font-size:9px;padding:4px 8px}.serial{font-size:24px;font-family:Georgia,serif;color:#d8d3c2}.knowledge-card h2{font-size:21px;margin-bottom:12px}.knowledge-card>p{font-size:11px;color:#8d9380;line-height:2;min-height:105px}.tag-list{display:flex;gap:9px;color:#a4a58f;font-size:9px;margin-bottom:17px;flex-wrap:wrap}.source-link{display:flex;align-items:flex-start;gap:6px;font-size:10px;color:#968363;line-height:1.7;margin:12px 0;word-break:break-word}.source-link:hover{color:var(--wine)}.source-link svg{margin-top:3px}.source-link small{display:block;color:#aaa48f;font-size:8px;line-height:1.6;margin-top:3px}.knowledge-card>.source-link{border-top:1px solid var(--line);padding-top:13px;margin-bottom:10px}.knowledge-card>.text-button{font-size:10px;color:#7d8e70}.library-aside{padding-top:4px}.graph-panel{border-radius:8px;background:#e9ede1;padding:23px 17px}.graph-panel>.section-kicker{font-size:9px;color:#94a082}.graph-panel h3{font-family:var(--serif);font-size:21px;margin-bottom:0}.knowledge-graph{width:100%;margin:12px 0}.graph-node{cursor:pointer}.graph-node:hover{filter:brightness(.92)}.graph-panel p{text-align:center;font-size:10px;color:#8a9a7c;margin-bottom:0}.library-note{padding:29px 15px;color:#a6a68e}.library-note h3{font-size:13px;margin:15px 0 11px;color:#818b71}.library-note p{font-size:11px;line-height:1.9}.empty-state{border:1px dashed #d8dccb;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:55px 25px;text-align:center;color:#a8af97;min-height:260px}.empty-state h3{font-family:var(--serif);font-size:22px;color:#849274;margin:20px 0 9px}.empty-state p{font-size:12px;line-height:2;color:#959e86}.empty-state.compact{border:0;padding:35px;min-height:220px}.empty-state.compact p{font-size:11px}.related-links{display:flex;gap:10px;flex-wrap:wrap}.creation-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:25px;align-items:start}.creation-settings{padding:25px}.creation-settings>label{display:block;font-size:11px;color:#8a947b;margin:25px 0 10px}.creation-settings>select{width:100%;font-size:12px}.length-options{display:flex;gap:8px;margin-bottom:25px}.length-options>button{flex:1;padding:10px 0;border:1px solid #dfdfd0;border-radius:5px;font-size:11px;color:#939b81}.length-options>button.selected{border-color:#bba48b;color:#8d664e;background:#f4eee2}.field-note{font-size:10px;color:#a0a28c;line-height:1.9;margin-top:15px}.creation-tip{border-top:1px solid var(--line);padding-top:23px;margin-top:25px;color:#a8af94}.creation-tip h3{font-size:13px;color:#849073;margin:13px 0 8px}.creation-tip p{font-size:11px;color:#a0a68f;margin:0}.draft-panel{padding:26px}.draft-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.draft-heading .section-kicker{margin-bottom:0}.draft-panel h2{font-size:25px;margin-bottom:10px}.draft-empty{min-height:480px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.paper-art{border:1px solid #d7d7c3;background:#f3f1e5;transform:rotate(-6deg);padding:26px 25px 35px;display:flex;align-items:center;flex-direction:column;gap:8px;color:#b7b194;width:125px;height:160px;box-shadow:8px 8px #eeecdf;margin-bottom:35px}.paper-art svg{margin-bottom:7px}.paper-art i{height:2px;width:100%;background:#d7d5be}.draft-empty h2{font-size:23px;color:#8f997d}.draft-empty p{font-size:11px;color:#a3a58d}.scene{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.scene-number{font-size:24px;font-family:Georgia,serif;color:#b7a381;padding-top:8px}.scene-number>span{display:block;font-family:inherit;font-size:10px;color:#979e85;margin-top:7px}.scene label{display:block;font-size:10px;color:#959e83;margin-bottom:7px}.scene input,.scene textarea{width:100%;font-size:11px}.scene input{margin-bottom:15px}.draft-sources{margin:24px 0}.draft-panel .status-message{padding:16px 0 0}.record-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin:30px 0}.record-stats>div{display:flex;flex-direction:column;gap:14px;padding:0 30px;border-right:1px solid var(--line)}.record-stats>div:first-child{padding-left:5px}.record-stats>div:last-child{border-right:0}.record-stats>div>span{font-size:11px;color:#939d84}.record-stats strong{font-size:42px;font-family:Georgia,serif;font-weight:400;color:var(--wine)}.record-stats small{font-family:inherit;font-size:10px;color:#a5a58e;margin-left:9px}.trend-panel{padding:26px}.trend-panel .section-heading{margin:0 0 18px}.trend-panel .section-heading h2{font-size:23px}.trend-panel select{font-size:11px;max-width:210px}.trend-chart{width:100%;height:auto;max-height:260px;margin:17px 0 0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#fffdf8}table{border-collapse:collapse;width:100%;text-align:left;min-width:590px}th{font-weight:400;font-size:11px;color:#989e88;padding:17px 23px;background:#f1f1e7}td{font-size:11px;color:#89957a;border-top:1px solid var(--line);padding:18px 23px}td b{font-weight:500;color:#5f7055}td small{display:block;font-size:9px;color:#a7aa95;margin-top:6px}.score-text{font-family:Georgia,serif;font-size:19px;color:var(--wine)}.danger{color:#ae7d75}.records-empty{background:#f3f4e9}.modal-backdrop{position:fixed;inset:0;background:#27362b77;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(3px)}.modal{background:#fffcf5;border:1px solid #e4d9c3;box-shadow:0 15px 80px #14241a30;border-radius:12px;width:620px;max-width:100%;padding:34px;position:relative;max-height:90vh;overflow:auto}.modal h2{font-size:26px;margin:0 25px 20px 0}.modal>p,.modal li{font-size:12px;line-height:2;color:#7f8b70}.modal h4{font-weight:500;font-size:13px;color:#59694e;margin:25px 0 10px}.modal-prose{font-family:var(--serif);font-size:16px!important;color:#657558!important}.modal-close{position:absolute;right:12px;top:12px;border:0;background:transparent}.about-list{padding-left:20px}.loading-state{min-height:400px;display:flex;align-items:center;justify-content:center;gap:13px;color:#9b967b;font-size:12px}.error-box,.error-page{color:#a7655b}.error-box{padding:30px;display:flex;flex-direction:column;align-items:center;gap:15px}@media(min-width:1500px){.hero{min-height:530px}.hero-art{max-height:540px}.hero h1{font-size:59px}.home-page{padding-top:22px}.course-card{padding-top:29px}.course-card h3{font-size:25px}.hero-copy>p{font-size:14px}.hero .eyebrow{font-size:11px}.studio-layout,.library-layout{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:1200px){.sidebar{width:195px;padding:32px 14px 22px}.brand{gap:9px}.brand b{font-size:20px}.brand small{font-size:6px}.brand-mark{width:37px;height:41px;font-size:25px}.app-content{margin-left:195px}.page{padding:30px 30px 45px}.topbar{padding:0 30px;height:70px}.home-page{padding-top:17px}.hero{min-height:400px}.hero h1{font-size:39px}.hero-art{width:118%;margin-left:-10%}.hero-actions{gap:14px}.hero-actions .button{padding:12px;font-size:12px}.hero-actions>.text-button{font-size:11px}.intro-strip p{display:block}.intro-strip p span{display:block;margin-top:3px;font-size:10px}.course-grid{gap:13px}.course-card{padding:20px 19px 0}.course-card h3{font-size:19px}.course-card p{font-size:10px}.course-card-top{margin-bottom:15px}.home-bottom{gap:18px}.story-card{padding:25px 18px;gap:15px}.story-character{font-size:80px}.story-card h2{font-size:21px}.studio-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.course-tab{padding:15px 12px;gap:8px}.course-tab b{font-size:12px}.tab-number{display:none}.lesson-panel,.feedback-panel{padding:18px}.studio-title{padding:16px 14px}.studio-title>span:first-child{font-size:11px}.studio-controls{padding:18px 14px}.studio-controls .muted{font-size:10px}.studio-controls .button{font-size:11px;padding:12px}.studio-controls>div:first-child{gap:8px}.pitch-stage,.rhythm-stage{min-height:390px;padding:25px 15px}.hit-grid{grid-template-columns:repeat(8,1fr);margin:18px 0 12px}.hit-grid>span{width:25px;height:23px}.library-layout{grid-template-columns:minmax(0,1fr) 230px;gap:19px}.knowledge-list{grid-template-columns:1fr}.knowledge-card>p{min-height:0}.creation-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}.creation-settings,.draft-panel{padding:21px}.scene{grid-template-columns:35px 1fr}.camera-stage{min-height:300px}footer{padding:22px 30px}}@media(max-width:980px){.sidebar{width:176px;padding:25px 11px}.brand b{font-size:18px;letter-spacing:1px}.brand small{font-size:5px}.brand-mark{width:33px;height:37px;font-size:23px}.nav-item{padding:13px 12px;font-size:12px;gap:10px}.side-caption{font-size:9px;margin:24px 0 28px 7px}.app-content{margin-left:176px}.page{padding:27px 23px 40px}.topbar{padding:0 23px}.hero h1{font-size:34px;letter-spacing:1px}.hero{min-height:360px;grid-template-columns:1.15fr 1fr}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero p{font-size:10px}.hero-actions{flex-wrap:wrap;gap:9px}.hero-actions .button{padding:12px}.hero-footnote{margin-top:20px;font-size:9px}.hero-art{width:132%;margin-left:-23%}.intro-strip b{font-size:15px}.course-card{padding:18px 14px 0}.course-card h3{font-size:17px}.course-card p{min-height:32px;font-size:10px}.course-icon{width:39px;height:39px}.course-icon svg{width:22px}.course-index{font-size:32px}.course-card-bottom{font-size:9px}.home-bottom{grid-template-columns:1fr}.path-card{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:10px 0}.path-card>.section-kicker{grid-column:1/-1;margin-bottom:0}.path-step{border:0;gap:11px;padding:5px 0}.story-character{font-size:100px}.story-card{justify-content:center;gap:30px}.studio-layout{grid-template-columns:1fr}.studio-side{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}.camera-stage{max-height:520px;min-height:320px}.pitch-stage,.rhythm-stage{min-height:370px}.hit-grid{grid-template-columns:repeat(16,1fr)}.hit-grid>span{width:24px}.library-layout{grid-template-columns:1fr}.library-aside{display:grid;grid-template-columns:1fr 1fr;gap:25px}.knowledge-list{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-layout{grid-template-columns:1fr}.creation-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;align-items:start}.creation-settings>.section-kicker{grid-column:1/-1}.creation-settings>label{margin:8px 0}.creation-settings>label:nth-of-type(1){grid-row:2;grid-column:1}.creation-settings>label:nth-of-type(2){grid-row:2;grid-column:2}.creation-settings>select:nth-of-type(1){grid-row:3;grid-column:1}.creation-settings>select:nth-of-type(2){grid-row:3;grid-column:2}.creation-settings>label:nth-of-type(3){grid-row:4;grid-column:1}.creation-settings .length-options{grid-row:5;grid-column:1;margin:0}.creation-settings>.button{grid-row:5;grid-column:2}.creation-settings>.field-note{grid-column:1/-1;margin:3px 0 0}.creation-tip{display:none}.quiet-chip{font-size:9px}.page-heading h1{font-size:29px}.page-heading{gap:14px}.page-heading .quiet-chip{max-width:145px;line-height:1.6}.heading-ornament{width:45px}.hero h1{line-height:1.5}footer{padding:20px 23px}.record-stats strong{font-size:36px}}@media(max-width:760px){.sidebar{visibility:hidden;transform:translate(-100%);width:230px;padding:30px 20px;transition:transform .2s}.sidebar.open{visibility:visible;transform:translate(0)}.brand b{font-size:23px}.brand small{font-size:7px}.brand-mark{width:42px;height:45px;font-size:28px}.nav-item{padding:15px;font-size:13px}.side-caption{font-size:11px}.app-content{margin-left:0}.topbar{height:65px;padding:0 21px}.topbar>div{gap:12px}.mobile-toggle{display:flex;width:28px;height:30px;border:0;background:transparent}.topbar-right{gap:12px!important}.device-state{font-size:9px}.breadcrumb{font-size:10px;gap:7px}.visitor-avatar{width:28px;height:28px}.mobile-scrim{position:fixed;inset:0;background:#23312b66;z-index:25;display:block}.skip-link{left:10px}.page{padding:27px 23px 36px}.home-page{padding-top:16px}.hero{grid-template-columns:1.05fr 1fr;min-height:345px}.hero h1{font-size:36px}.hero .eyebrow{font-size:9px}.hero-art{width:116%;margin-left:-15%}.hero p,.hero-actions .button{font-size:11px}.hero-actions .text-button{font-size:10px}.section-heading h2{font-size:23px}.section-heading>.muted{font-size:10px}.course-card h3{font-size:18px}.course-card p{min-height:32px}.home-bottom{margin-top:25px}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.trend-panel .section-heading{align-items:flex-start}.trend-panel select{font-size:10px;width:170px}.record-stats{padding:24px 0}.record-stats>div{padding:0 17px}.record-stats strong{font-size:33px}.record-stats small{font-size:9px;margin-left:5px}.record-stats>div>span{font-size:10px}}@media(max-width:520px){.page{padding:25px 19px 32px}.topbar{padding:0 16px;height:61px}.device-state{display:none}.topbar .breadcrumb{font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow:hidden}.hero-copy{padding-top:14px;padding-bottom:0;z-index:2}.hero .eyebrow{margin-bottom:19px;font-size:9px;letter-spacing:1.2px}.hero h1{font-size:39px;line-height:1.48;margin-bottom:17px;letter-spacing:2px}.hero p{font-size:11px;line-height:2;max-width:285px;margin-bottom:22px}.hero-actions{gap:19px;flex-wrap:nowrap}.hero-actions .button{font-size:11px;padding:13px 15px}.hero-actions .button svg:last-child{display:none}.hero-actions .text-button{font-size:11px}.hero-footnote{font-size:9px;margin-top:21px}.hero-art{width:90%;margin:-5px -4% -10px auto;max-height:330px;z-index:0}.intro-strip{padding:18px 0;margin-bottom:23px}.intro-strip>div{gap:10px}.mini-seal{width:28px;height:31px;font-size:19px}.intro-strip b{font-size:13px;letter-spacing:.5px}.intro-strip p span{font-size:9px}.strip-data{gap:7px!important}.strip-data>b{font-size:24px}.strip-data>span{font-size:8px;width:34px;line-height:1.6}.strip-data .circle-button{display:none}.section-heading{margin-top:23px;align-items:flex-start}.section-heading h2{font-size:23px}.section-heading>.muted{display:none}.section-kicker{font-size:9px;letter-spacing:1.3px}.course-grid{grid-template-columns:1fr;gap:14px}.course-card{display:grid;grid-template-columns:55px 1fr 27px;column-gap:15px;padding:20px;align-items:center;position:relative}.course-card-top{display:contents}.course-icon{grid-column:1;grid-row:1/5;width:50px;height:50px}.course-index{position:absolute;right:20px;top:18px;font-size:26px}.course-tag{grid-column:2;grid-row:1;font-size:8px}.course-card h3{grid-column:2;grid-row:2;font-size:21px;margin:6px 0}.course-card p{grid-column:2;grid-row:3;font-size:10px;min-height:0;margin-bottom:10px}.course-card-bottom{display:contents}.course-card-bottom>span{grid-column:2;grid-row:4;font-size:9px;color:#a49e88}.course-card-bottom>svg{grid-column:3;grid-row:3/5;align-self:end;width:19px;color:#a79b7e}.home-bottom{gap:15px}.story-card{padding:25px 17px;gap:19px;justify-content:start}.story-character{font-size:76px}.story-card h2{font-size:21px}.story-card p{font-size:10px}.story-card .section-kicker{font-size:8px}.path-card{grid-template-columns:1fr;gap:14px;padding:15px 4px}.path-step{gap:19px}.path-step p{font-size:10px;margin-top:5px}.path-step b{font-size:13px}.path-step>span{font-size:21px}.page-heading{display:block;margin-bottom:25px}.page-heading h1{font-size:28px;letter-spacing:0;margin-bottom:10px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:13px}.page-heading p{font-size:11px}.page-heading .quiet-chip{margin-top:15px;max-width:none}.heading-ornament{display:none}.page-heading>.button{margin-top:17px;font-size:11px;padding:10px 14px;min-height:38px}.course-tabs{gap:7px;margin-bottom:18px}.course-tab{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:13px 10px}.course-tab b{font-size:10px;line-height:1.5}.course-tab small{font-size:8px;margin-top:4px;line-height:1.6}.course-tab svg{width:18px;height:18px}.studio-layout{gap:17px}.studio-title{padding:14px 12px}.studio-title>span:first-child{font-size:11px;gap:6px}.status-dot{font-size:9px;gap:5px}.camera-stage{min-height:280px;aspect-ratio:1/1}.pose-figure{max-height:205px;width:73%}.stage-placeholder h3{font-size:17px;margin-top:6px}.stage-placeholder p{font-size:9px}.camera-hint{font-size:10px;padding:8px;bottom:10px;left:10px;right:10px}.view-tag{font-size:8px;padding:6px 8px;top:10px;left:10px}.studio-controls{padding:14px 12px}.studio-controls>div:first-child{display:block}.studio-controls .muted{font-size:9px}.studio-controls .timer{display:block;margin-bottom:4px;font-size:23px}.studio-controls .button{font-size:11px;padding:12px}.studio-controls .icon-button{width:34px;height:38px}.status-message{font-size:10px;padding:0 13px 14px}.studio-side{grid-template-columns:1fr;gap:16px}.lesson-panel,.feedback-panel{padding:22px}.lesson-panel h3{font-size:19px}.lesson-panel li{font-size:12px;margin:13px 0}.lesson-panel li>span{font-size:13px}.feedback-empty{padding:15px 0}.feedback-empty p{font-size:18px}.boundary{gap:9px;padding:17px 0;margin-top:8px}.boundary p{font-size:9px}.boundary svg{width:15px}.pitch-stage,.rhythm-stage{min-height:350px;padding:25px 15px}.pitch-note{font-size:65px;margin:23px 0 20px}.pitch-caption{font-size:10px}.tuner{width:93%}.tuner-scale{font-size:9px}.tuner-result{font-size:10px}.hit-grid{grid-template-columns:repeat(8,1fr);gap:7px}.hit-grid>span{width:26px;height:22px}.tap-pad{width:150px;height:150px;padding:21px 45px}.rhythm-stage{padding:25px 15px 23px;min-height:400px}.tap-pad svg{width:26px}.beat-dots{margin:22px 0}.beat-dots>span{width:13px;height:13px}.search-box{gap:8px;padding:7px 8px 7px 12px}.search-box>svg{width:17px}.search-box input{font-size:11px}.search-box>.button{font-size:10px;padding:10px;min-height:36px;gap:5px}.search-box>.button>svg{display:none}.quick-search{gap:13px 12px;font-size:9px;padding-bottom:23px}.quick-search>span{display:none}.quick-search>button{font-size:9px}.filter-tabs{gap:23px}.filter-tabs>button{font-size:11px}.knowledge-list{grid-template-columns:1fr;gap:16px}.knowledge-card{padding:23px}.knowledge-card h2{font-size:23px}.knowledge-card>p{font-size:12px;line-height:2}.knowledge-card .source-link{font-size:10px}.source-link small{font-size:9px}.library-aside{grid-template-columns:1fr;gap:0}.graph-panel{margin-top:10px;padding:25px 20px}.knowledge-graph{max-height:280px}.graph-panel p{font-size:10px}.library-note{padding-bottom:0}.creation-settings{padding:20px;gap:10px 12px}.creation-settings select{font-size:10px;padding:10px 9px}.creation-settings .button{font-size:11px;padding:10px}.draft-panel{padding:21px}.draft-heading{margin-bottom:21px}.draft-empty{min-height:350px}.draft-empty h2{font-size:21px}.draft-empty p{font-size:10px}.paper-art{width:110px;height:145px;padding:23px;margin-bottom:30px}.scene{grid-template-columns:25px 1fr;gap:13px}.scene-number{font-size:21px}.scene-number>span{font-size:9px}.scene input,.scene textarea{font-size:11px;padding:10px}.draft-panel>.muted{font-size:10px;line-height:1.8}.draft-panel>.button-row>.button{font-size:11px;padding:12px 14px}.record-stats{padding:21px 0;margin-top:25px}.record-stats>div{gap:13px;padding:0 12px}.record-stats>div:first-child{padding-left:0}.record-stats>div:last-child{padding-right:0}.record-stats strong{font-size:29px}.record-stats small{font-size:8px;margin-left:3px}.record-stats>div>span{font-size:9px}.trend-panel{padding:22px 15px}.trend-panel .section-heading{gap:10px}.trend-panel h2{font-size:21px!important}.trend-panel select{max-width:138px;font-size:9px;padding:8px;min-height:36px}.trend-panel .section-kicker{font-size:8px}.trend-chart{margin:5px 0 0;min-height:155px}.trend-panel .field-note{font-size:9px}.empty-state{padding:35px 18px}.empty-state h3{font-size:20px}.empty-state p{font-size:11px}.records-section .section-heading{align-items:center}.records-section .text-button{font-size:10px}.records-empty .button{font-size:11px}.modal-backdrop{padding:16px}.modal{padding:28px 23px;max-height:88vh}.modal h2{font-size:23px;line-height:1.7;margin-right:10px}.modal>p{font-size:11px}.modal li{font-size:11px}.modal-prose{font-size:15px!important}footer{padding:22px 19px;align-items:flex-start;gap:13px;font-size:8px}footer span{display:block;line-height:1.9}footer span i{display:none}footer button{font-size:8px;white-space:nowrap;margin-top:3px}.record-stats .score-text{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}