:root{--paper: #f4f3ee;--paper-deep: #e8ece6;--surface: #fffefa;--surface-soft: #eef3ef;--ink: #1f302b;--ink-soft: #405149;--muted: #68756f;--line: #d4d9d1;--line-strong: #adbdb3;--bamboo: #2f6b55;--bamboo-dark: #1e4f3e;--bamboo-light: #dcece3;--cinnabar: #ad3d32;--cinnabar-dark: #812b24;--cinnabar-light: #f4e1dd;--lotus: #bd6670;--lotus-light: #f5e3e5;--water: #34787c;--water-light: #dcebed;--gold: #a9782d;--gold-light: #f3e8d2;--night: #415876;--night-light: #e3e8ef;--evidence-fact: #347157;--evidence-fact-soft: #deeee5;--evidence-inference: #a66d22;--evidence-inference-soft: #f6e9cf;--evidence-unknown: #aa554e;--evidence-unknown-soft: #f5e1df;--shadow-sm: 0 3px 12px rgba(31, 48, 43, .08);--shadow-md: 0 14px 34px rgba(31, 48, 43, .12);--shadow-lg: 0 26px 60px rgba(31, 48, 43, .17);--radius-sm: 4px;--radius: 8px;--content-student: 1180px;--content-teacher: 1400px;--transition: .26s ease;--font-cn: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "Segoe UI", sans-serif;--font-display: "STKaiti", "KaiTi", "Kaiti SC", "Noto Serif CJK SC", "Source Han Serif SC", serif}*{box-sizing:border-box}html{min-width:320px;color-scheme:light}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-cn);font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{letter-spacing:0}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{letter-spacing:0}h1{font-family:var(--font-display);font-weight:800}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(61,127,131,.34);outline-offset:3px}input,textarea,select{color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius)}input:hover,textarea:hover,select:hover{border-color:var(--water)}input:focus,textarea:focus,select:focus{border-color:var(--water);outline:3px solid rgba(61,127,131,.18)}::selection{background:var(--gold-light);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted-text{color:var(--muted)}.section-kicker,.drawer-kicker{margin:0 0 6px;color:var(--cinnabar);font-size:13px;font-weight:850}.student-main{min-height:calc(100vh - 126px)}.student-page,.page{width:min(100% - 40px,var(--content-student));min-height:calc(100vh - 126px);margin:0 auto;padding:34px 0 64px}.page-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.page-header h1,.student-page-title h1{margin:0;font-size:32px;line-height:1.25}.subtitle{margin:6px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.brand-mark{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;color:#fff;background:var(--bamboo);border-radius:var(--radius)}blockquote{margin:12px 0 0;padding:10px 14px;color:var(--ink-soft);background:var(--surface-soft);border-left:4px solid var(--water);border-radius:0 var(--radius) var(--radius) 0}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:0;border:1px solid transparent;border-radius:var(--radius);font-weight:750;line-height:1.2;cursor:pointer;transition:transform var(--transition),background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.app-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sm)}.app-button:active:not(:disabled){transform:translateY(0)}.app-button:disabled{opacity:.58;cursor:not-allowed}.app-button.sm{min-height:38px;padding:8px 12px;font-size:14px}.app-button.md{min-height:46px;padding:11px 17px;font-size:16px}.app-button.lg{min-height:54px;padding:14px 22px;font-size:18px}.app-button.full{width:100%}.app-button.primary{color:#fff;background:var(--bamboo);border-color:var(--bamboo)}.app-button.primary:hover:not(:disabled){background:var(--bamboo-dark)}.app-button.secondary{color:var(--ink);background:var(--surface);border-color:var(--line-strong)}.app-button.quiet{color:var(--bamboo-dark);background:var(--bamboo-light);border-color:transparent}.app-button.danger{color:var(--evidence-unknown);background:var(--evidence-unknown-soft);border-color:#e6b9b4}.icon-button{display:inline-grid;width:42px;height:42px;padding:0;place-items:center;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.icon-button:hover{border-color:var(--water);color:var(--water)}.ui-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.ui-panel{padding:22px;border:1px solid var(--line);border-radius:var(--radius)}.ui-panel.plain{background:var(--surface)}.ui-panel.water{background:var(--water-light);border-color:#bdd8d9}.ui-panel.paper{background:var(--paper)}.ui-panel.warm{background:var(--gold-light);border-color:#e5d0a8}.ui-badge{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface);font-size:13px;font-weight:750;white-space:nowrap}.ui-badge.success{color:var(--bamboo-dark);background:var(--bamboo-light);border-color:#bed8c7}.ui-badge.warm{color:#7d531b;background:var(--gold-light);border-color:#e3cca1}.ui-badge.water{color:#285f63;background:var(--water-light);border-color:#bad6d7}.ui-badge.soft-red{color:#8f4844;background:var(--evidence-unknown-soft);border-color:#e5b9b4}.dialog-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#1826216b}.dialog-panel{position:relative;width:min(100%,480px);padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.dialog-panel h2{margin:0;padding-right:34px;font-size:24px}.dialog-panel p{margin:10px 0 0;color:var(--muted);font-size:16px}.dialog-close{position:absolute;top:14px;right:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.toast-region{position:fixed;z-index:150;right:22px;bottom:22px;display:grid;gap:10px;width:min(380px,calc(100vw - 32px))}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:52px;padding:12px 12px 12px 15px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--water);border-radius:var(--radius);box-shadow:var(--shadow-md)}.toast.success{border-left-color:var(--bamboo)}.toast.warning{border-left-color:var(--gold)}.toast button{display:grid;width:32px;height:32px;padding:0;place-items:center;background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.ui-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:160px;color:var(--muted);font-size:17px}.ui-empty{display:grid;min-height:180px;padding:28px;place-items:center;align-content:center;text-align:center;color:var(--muted);background:var(--surface-soft);border:1px dashed var(--line-strong);border-radius:var(--radius)}.ui-empty h3{margin:10px 0 2px;color:var(--ink);font-size:20px}.ui-empty p{margin:0 0 16px}.ui-error{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0;padding:16px 18px;color:#824944;background:var(--evidence-unknown-soft);border:1px solid #e2b5b0;border-radius:var(--radius)}.ui-error strong{font-size:17px}.ui-error p{margin:2px 0 0;color:#8a5b57}.ui-error.compact{padding:12px 14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.section-title-copy{display:flex;align-items:center;gap:12px}.section-title-icon{display:grid;width:40px;height:40px;place-items:center;color:var(--bamboo);background:var(--bamboo-light);border-radius:var(--radius)}.section-title h2{margin:0;font-size:23px}.section-title p{margin:2px 0 0;color:var(--muted)}.ui-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:14px}.ui-progress-track{height:8px;margin-top:8px;overflow:hidden;background:var(--paper-deep);border-radius:999px}.ui-progress-track span{display:block;height:100%;background:var(--bamboo);border-radius:999px;transition:width var(--transition)}.student-avatar,.teacher-badge{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 10px;color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.teacher-badge{color:var(--water);background:var(--water-light);border-color:#bad5d6}.student-topbar{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;min-height:72px;padding:10px 24px;background:#f7f8f3f5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.student-brand{display:flex;align-items:center;gap:10px;padding:0;color:var(--ink);background:transparent;border:0;cursor:pointer;text-align:left}.student-brand-mark{display:grid;width:40px;height:40px;place-items:center;color:#fff;background:var(--bamboo);border-radius:var(--radius)}.student-brand strong,.student-brand small{display:block;line-height:1.25}.student-brand strong{font-size:17px}.student-brand small{color:var(--muted);font-size:12px}.student-nav{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0}.student-nav button,.teacher-entry,.evidence-book-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 10px;color:var(--ink-soft);background:transparent;border:0;border-radius:var(--radius);font-size:14px;cursor:pointer;white-space:nowrap}.student-nav button:hover,.student-nav button.active{color:var(--bamboo-dark);background:var(--bamboo-light)}.student-nav button.active{font-weight:800}.student-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px}.teacher-entry,.evidence-book-trigger{border:1px solid transparent}.teacher-entry:hover,.evidence-book-trigger:hover{color:var(--water);border-color:var(--line);background:var(--surface)}.speech-toggle{flex:0 0 42px;color:var(--muted);background:transparent}.speech-toggle.active{color:var(--cinnabar);background:var(--cinnabar-light);border-color:#dfb8b0}.speech-toggle:disabled{opacity:.45;cursor:not-allowed}.message-heading{display:flex;align-items:center;gap:8px;margin-bottom:3px}.message-speak{display:inline-grid;width:30px;height:30px;margin-left:auto;padding:0;place-items:center;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.message-speak:hover{color:var(--cinnabar);background:var(--cinnabar-light);border-color:#dfb8b0}.role-message-head .message-speak{margin-left:auto}.learning-journey{display:flex;align-items:center;justify-content:center;min-height:54px;padding:7px 20px;background:var(--surface);border-bottom:1px solid var(--line)}.journey-step-wrap{display:flex;align-items:center}.journey-step-wrap>i{width:38px;height:2px;margin:0 4px;background:var(--line-strong)}.journey-step{display:flex;align-items:center;gap:7px;padding:4px;color:var(--muted);background:transparent;border:0;cursor:pointer}.journey-step>span{display:grid;width:30px;height:30px;place-items:center;color:var(--muted);background:var(--paper-deep);border:1px solid var(--line);border-radius:50%;font-weight:800}.journey-step small{font-size:13px}.journey-step.active{color:var(--bamboo-dark);font-weight:800}.journey-step.active>span{color:#fff;background:var(--bamboo);border-color:var(--bamboo);box-shadow:0 0 0 4px var(--bamboo-light)}.classroom-guide{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(calc(100% - 40px),var(--content-student));margin:14px auto 0;padding:14px 16px;color:#6e4a1c;background:var(--gold-light);border:1px solid #e0c792;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.classroom-guide-icon{display:grid;width:40px;height:40px;place-items:center;color:var(--gold);background:#fff8e9;border-radius:50%}.classroom-guide strong{font-size:17px}.classroom-guide p{margin:2px 0 0;color:#806641}.evidence-book{position:absolute;top:0;right:0;width:min(390px,92vw);height:100%;padding:28px;background:var(--surface);box-shadow:var(--shadow-lg)}.drawer-backdrop{display:block;padding:0}.evidence-book>.icon-button{position:absolute;top:18px;right:18px}.evidence-book h2{margin:0 0 22px;font-size:28px}.evidence-rule{display:grid;gap:3px;margin:12px 0;padding:17px;border-left:6px solid;border-radius:var(--radius)}.evidence-rule strong{font-size:18px}.evidence-rule span{color:var(--muted)}.evidence-rule.fact{background:var(--evidence-fact-soft);border-color:var(--evidence-fact)}.evidence-rule.inference{background:var(--evidence-inference-soft);border-color:var(--evidence-inference)}.evidence-rule.unknown{background:var(--evidence-unknown-soft);border-color:var(--evidence-unknown)}.teacher-topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:10px 24px;color:#fff;background:#263c35;border-bottom:1px solid #3c554c}.teacher-brand{display:flex;align-items:center;gap:12px}.teacher-brand strong,.teacher-brand small{display:block}.teacher-brand strong{font-size:18px}.teacher-brand small{color:#bcd0c7;font-size:12px}.teacher-topbar-actions{display:flex;align-items:center;gap:8px}.teacher-main{width:min(calc(100% - 32px),var(--content-teacher));margin:0 auto;padding:24px 0 48px}.role-portrait{position:relative;display:grid;aspect-ratio:1;overflow:visible;place-items:end center;background:transparent;border:0;border-radius:0;box-shadow:none}.role-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 6px rgba(29,43,37,.2));transform:translateZ(0);-webkit-user-select:none;user-select:none}.village-scene{margin:0;overflow:hidden;background:#e9e7dc}.village-scene img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.experience-boot{position:relative;display:grid;min-height:100vh;overflow:hidden;place-items:center;color:#24362f;background:#f3f0e7}.experience-boot:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:url(/assets/songyun/village-hero.webp) center 56% / cover no-repeat;opacity:.24}.experience-boot-content{position:relative;width:min(520px,calc(100% - 40px));text-align:center}.experience-boot-seal{display:grid;width:58px;height:58px;margin:0 auto 18px;place-items:center;color:#fffdf6;background:var(--cinnabar);border:2px solid rgba(255,255,255,.72);box-shadow:0 0 0 1px var(--cinnabar),var(--shadow-md);font-family:var(--font-display);font-size:31px}.experience-boot-content p{margin:0 0 7px;color:var(--cinnabar-dark);font-weight:800}.experience-boot-content h1{margin:0;font-family:var(--font-display);font-size:clamp(28px,4vw,42px);letter-spacing:0}.experience-boot-track{height:6px;margin:24px 0 12px;overflow:hidden;background:#2a443a29;border-radius:3px}.experience-boot-track span{display:block;height:100%;background:var(--bamboo);border-radius:inherit;transition:width .18s ease}.experience-boot-content small{color:var(--muted);font-size:13px}.app-button.primary{background:var(--cinnabar);border-color:var(--cinnabar)}.app-button.primary:hover:not(:disabled){background:var(--cinnabar-dark);border-color:var(--cinnabar-dark)}.app-button.warm{color:#fff;background:var(--gold);border-color:var(--gold)}.student-topbar{min-height:76px;padding:10px 26px;background:#fffefaf5;border-bottom-color:#7c7e6f40;box-shadow:0 4px 18px #1f302b0f}.student-brand{gap:11px}.student-brand-mark,.teacher-seal,.display-seal{display:grid;place-items:center;color:var(--cinnabar);background:transparent;border:2px solid currentColor;border-radius:6px;font-family:var(--font-display);font-weight:900;line-height:1}.student-brand-mark{width:42px;height:42px;font-size:23px}.student-brand strong{font-family:var(--font-display);font-size:19px}.student-brand small{color:var(--cinnabar);letter-spacing:0}.student-nav{gap:5px}.student-nav button{position:relative;min-height:44px;padding:9px 11px}.student-nav button:hover{color:var(--bamboo-dark);background:var(--surface-soft)}.student-nav button.active{color:var(--ink);background:transparent}.student-nav button.active:after{position:absolute;right:10px;bottom:-10px;left:10px;height:3px;content:"";background:var(--cinnabar);border-radius:3px 3px 0 0}.student-avatar{border-radius:6px}.learning-journey{background:#fffefaf0}.journey-step.active>span{background:var(--cinnabar);border-color:var(--cinnabar);box-shadow:0 0 0 4px var(--cinnabar-light)}.classroom-guide{border-left:5px solid var(--gold);border-radius:6px}.teacher-topbar{min-height:76px;color:#fff;background:#263b35;border-bottom-color:#a47837;box-shadow:0 5px 20px #12221d33}.teacher-seal{width:42px;height:42px;color:#d7b36f;font-size:22px}.teacher-brand strong{font-family:var(--font-display);font-size:20px}.teacher-brand small{color:#c9d6cf}.home-page{padding-bottom:60px}.home-hero{position:relative;height:440px;overflow:hidden;background:var(--paper-deep);border-bottom:1px solid var(--line)}.village-scene{width:100%;height:100%}.home-hero .village-scene{position:absolute;top:0;right:0;bottom:0;left:0}.home-hero-copy{position:relative;z-index:2;width:min(calc(100% - 48px),var(--content-student));margin:0 auto;padding-top:42px}.home-eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;color:var(--bamboo-dark);font-size:14px;font-weight:800}.home-hero h1{width:620px;max-width:70%;margin:0;color:#20322c;font-size:50px;line-height:1.18;text-shadow:0 2px 0 rgba(255,255,255,.75)}.home-hero-copy>p:not(.home-eyebrow){margin:18px 0 24px;color:var(--ink-soft);font-size:20px;line-height:1.8;font-weight:650}.home-entry-band,.home-classroom-callout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:42px;width:min(calc(100% - 40px),var(--content-student));margin:-24px auto 0;padding:28px 32px;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--water);border-radius:var(--radius);box-shadow:var(--shadow-md);position:relative;z-index:4}.home-entry-band h2,.home-classroom-callout h2{margin:0;font-size:27px}.home-entry-band p,.home-classroom-callout p{margin:6px 0 0;color:var(--muted)}.student-entry h2{margin:0 0 4px;font-size:20px}.student-entry>p{margin:0 0 12px}.student-entry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.student-entry-fields label{display:grid;gap:6px;color:var(--ink-soft);font-size:14px;font-weight:700}.student-entry-fields input{width:100%;min-height:48px;padding:10px 12px;font-size:17px}.student-entry .app-button,.student-entry .evidence-submit-button{margin-top:12px}.home-classroom-callout{grid-template-columns:1fr auto;margin-top:22px;color:#614519;background:var(--gold-light);border-top-color:var(--gold)}.home-classroom-callout>div>span{color:var(--gold);font-size:13px;font-weight:850}.home-routes{width:min(calc(100% - 40px),var(--content-student));margin:32px auto 0}.home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.home-section-heading h2{margin:0;font-size:28px}.home-section-heading>p{margin:0;color:var(--muted)}.home-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-route-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:12px 14px;min-height:154px;padding:20px;color:var(--ink);text-align:left;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--bamboo);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.home-route-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.home-route-card.water{border-top-color:var(--water)}.home-route-card.lotus{border-top-color:var(--lotus)}.home-route-card.gold{border-top-color:var(--gold)}.home-route-card.ink{border-top-color:var(--ink-soft)}.home-route-card.night{border-top-color:var(--night)}.route-index{position:absolute;top:12px;right:14px;color:#bbc7c0;font-size:13px;font-weight:800}.route-icon{display:grid;grid-row:1 / 3;width:50px;height:50px;place-items:center;color:var(--bamboo);background:var(--bamboo-light);border-radius:var(--radius)}.home-route-card.water .route-icon{color:var(--water);background:var(--water-light)}.home-route-card.lotus .route-icon{color:var(--lotus);background:var(--lotus-light)}.home-route-card.gold .route-icon{color:var(--gold);background:var(--gold-light)}.home-route-card.ink .route-icon{color:var(--ink-soft);background:var(--paper-deep)}.home-route-card.night .route-icon{color:var(--night);background:var(--night-light)}.route-copy{display:grid;gap:3px;padding-right:24px}.route-copy strong{font-size:20px}.route-copy small{color:var(--muted);font-size:14px}.home-route-card .ui-badge{justify-self:start}.preclass-entry{width:min(100%,700px);margin:30px auto 0;padding:24px;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--water);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.preclass-workspace,.preclass-complete{width:min(100%,900px);margin:0 auto}.preclass-workspace>.ui-progress{margin-bottom:16px;padding:13px 15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.preclass-question-card,.role-preference{min-height:390px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.question-kind{margin:0 0 8px;color:var(--bamboo);font-size:14px;font-weight:850}.preclass-question-card h3,.role-preference h2{margin:0 0 22px;font-size:25px;line-height:1.55}.preclass-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preclass-options button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:66px;padding:13px 15px;color:var(--ink);text-align:left;background:var(--surface-soft);border:2px solid var(--line);border-radius:var(--radius);cursor:pointer}.preclass-options button:hover,.preclass-options button.selected{border-color:var(--bamboo);background:var(--bamboo-light)}.option-key{display:grid;width:32px;height:32px;place-items:center;color:var(--bamboo-dark);background:var(--surface);border:1px solid var(--line);border-radius:50%;font-weight:850}.match-rows{display:grid;gap:12px}.match-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px}.match-row>span{font-size:18px;font-weight:750}.match-row select{min-height:50px;padding:10px 12px;font-size:17px}.discovery-question label,.role-preference>label,.support-input label,.transfer-answer label,.postclass-feedback label:not(.checkbox-line){display:block;margin-bottom:7px;color:var(--ink-soft);font-size:15px;font-weight:750}.discovery-question textarea,.role-preference textarea{width:100%;min-height:130px;padding:14px;resize:vertical;font-size:18px;line-height:1.7}.preclass-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.form-guidance{margin:12px 0 0;padding:10px 13px;color:#77541f;background:var(--gold-light);border-radius:var(--radius);font-weight:700}.preclass-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.preclass-role-grid button{display:grid;min-height:164px;padding:12px;place-items:center;color:var(--ink);background:var(--surface-soft);border:2px solid var(--line);border-radius:var(--radius);cursor:pointer}.preclass-role-grid button:hover,.preclass-role-grid button.selected{background:var(--bamboo-light);border-color:var(--bamboo)}.preclass-role-grid .role-portrait{width:76px}.preclass-role-grid strong{font-size:16px}.preclass-role-grid small{color:var(--muted);font-size:12px;text-align:center}.complete-heading{margin-bottom:18px}.complete-heading h2{margin:0;font-size:27px}.preclass-result{display:grid;gap:12px}.preclass-result-block{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:18px 20px;border-radius:var(--radius)}.preclass-result-block.discovered{color:var(--bamboo-dark);background:var(--bamboo-light)}.preclass-result-block.explore{color:#6f4b1a;background:var(--gold-light)}.preclass-result-block h2{margin:0;font-size:20px}.preclass-result-block ul{margin:6px 0 0;padding-left:20px}.preclass-result-choice{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.preclass-result-choice article{display:flex;align-items:center;gap:13px;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.preclass-result-choice .role-portrait{width:76px;flex:none}.preclass-result-choice span,.preclass-result-choice strong{display:block}.preclass-result-choice span{color:var(--muted);font-size:13px}.preclass-result-choice strong{margin-top:3px;font-size:17px}.student-page-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.student-page-title .title-icon{display:grid;width:50px;height:50px;place-items:center;color:#fff;background:var(--bamboo);border-radius:var(--radius)}.learning-two-column{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:22px;align-items:start}.poem-study{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.poem-study h2{margin:0;font-size:25px;text-align:center}.poem-study .poem-author{text-align:center}.poem-study-lines{margin-top:18px;text-align:center}.poem-study-lines p{margin:7px 0;font-size:21px;line-height:1.95}.poem-word{padding:2px 5px;color:var(--bamboo-dark);background:transparent;border:0;border-bottom:2px solid var(--bamboo);cursor:pointer;font-weight:800}.poem-word:hover,.poem-word.active{background:var(--bamboo-light)}.topic-callout{margin-top:18px;padding:14px;color:var(--water);background:var(--water-light);border-left:4px solid var(--water);border-radius:var(--radius)}.topic-callout p{margin:0 0 10px}.support-topics{display:grid;gap:10px}.support-topic-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.support-topic-icon{display:grid;width:42px;height:42px;place-items:center;color:var(--bamboo);background:var(--bamboo-light);border-radius:var(--radius);font-size:21px}.support-topic-card h3{margin:0;font-size:17px}.support-topic-card p{margin:2px 0 0;color:var(--muted);font-size:13px}.support-session-card{padding:26px;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--bamboo);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.hint-level{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--bamboo-dark);font-weight:850}.support-prompt{margin:0;font-size:22px;font-weight:750;line-height:1.7}.support-text,.support-feedback,.support-return{margin:14px 0 0;font-size:18px;line-height:1.8}.support-return{padding:12px 14px;background:var(--bamboo-light);border-radius:var(--radius)}.support-input{display:grid;gap:12px;margin-top:16px}.support-input textarea{min-height:110px;padding:13px;font-size:17px;resize:vertical}.role-explorer{display:grid;grid-template-areas:"scene detail" "picker picker";grid-template-columns:minmax(0,1.55fr) minmax(300px,.45fr);gap:18px;align-items:stretch}.role-scene-panel{grid-area:scene;min-width:0;aspect-ratio:793 / 496;overflow:hidden;background:#e3e1d7;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md)}.role-scene-panel .village-scene{width:100%;height:100%}.role-scene-panel .village-scene img{object-fit:contain;object-position:center}.role-picker{grid-area:picker;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:0;padding:10px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--bamboo);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.role-picker-item{display:grid;grid-template-rows:86px minmax(42px,auto);min-width:0;min-height:138px;padding:7px 7px 9px;place-items:center;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition),background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.role-picker-item:hover{transform:translateY(-2px);background:var(--surface-soft);border-color:var(--line)}.role-picker-item.active{color:var(--bamboo-dark);background:var(--bamboo-light);border-color:#a9c8b4;box-shadow:inset 0 -3px 0 var(--bamboo)}.role-picker-item .role-portrait{width:80px;height:86px;aspect-ratio:auto}.role-picker-copy{display:block;min-width:0;width:100%;text-align:center}.role-picker-copy strong,.role-picker-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-picker-copy strong{font-size:15px}.role-picker-copy small{margin-top:1px;color:var(--muted);font-size:12px}.role-detail-card{grid-area:detail;display:flex;min-width:0;min-height:0;padding:20px;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--cinnabar);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.role-detail-identity{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.role-detail-identity .role-portrait{width:112px;height:136px;aspect-ratio:auto}.role-detail-card h2{margin:2px 0 0;font-family:var(--font-display);font-size:27px;line-height:1.25}.role-detail-kicker{margin:0;color:var(--cinnabar);font-size:13px;font-weight:800}.role-detail-content{min-width:0}.role-anchor{margin:16px 0;padding:12px 13px;background:var(--paper-deep);border-left:4px solid var(--water);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:16px;line-height:1.75}.detail-label{margin:0 0 8px;color:var(--muted);font-size:14px;font-weight:750}.suggested-questions{display:grid;gap:8px;margin-bottom:16px}.suggested-questions span{padding:9px 11px;color:var(--water);background:var(--water-light);border:1px solid #bad5d6;border-left:4px solid var(--water);border-radius:var(--radius-sm)}.role-detail-card>.app-button{margin-top:auto}.role-detail-card.empty-role{place-items:center;justify-content:center;text-align:center}.interview-header{position:sticky;top:72px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.interview-role-identity{display:flex;align-items:center;gap:13px;min-width:0}.interview-role-identity .role-portrait{width:68px;flex:none}.interview-role-identity h2{margin:0;font-size:23px}.interview-anchor{margin:2px 0 0;color:var(--muted)}.interview-progress{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0;padding:12px 16px;background:var(--paper-deep);border-radius:var(--radius)}.progress-dots{display:flex;align-items:center;gap:8px}.progress-dot{width:12px;height:12px;background:var(--surface);border:2px solid var(--line-strong);border-radius:50%}.progress-dot.filled{background:var(--bamboo);border-color:var(--bamboo)}.interview-chat{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.interview-messages{display:flex;flex-direction:column;gap:17px;height:51vh;min-height:390px;max-height:590px;overflow-y:auto;padding:22px}.interview-message{max-width:78%}.interview-message.student{align-self:flex-end;padding:12px 15px;background:var(--bamboo-light);border:1px solid #c2dcca;border-radius:var(--radius)}.interview-message.role{align-self:flex-start}.role-message-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--muted);font-size:14px}.role-message-head .role-portrait{width:35px}.interview-message p{margin:0;font-size:18px;line-height:1.75;white-space:pre-wrap}.message-label{margin-bottom:4px;color:var(--muted);font-size:13px}.interview-evidence{margin-top:10px}.followup{margin-top:10px!important;color:var(--water);font-weight:650}.debug-strip{margin-top:8px;color:var(--muted);font-family:Consolas,monospace;font-size:12px}.interview-input,.chat-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:14px;background:var(--paper);border-top:1px solid var(--line)}.interview-input textarea,.chat-input textarea{min-height:50px;max-height:130px;padding:11px 13px;resize:none;font-size:17px}.bottom-rule{margin:13px 0 0;color:var(--muted);text-align:center}.interview-transition,.support-next{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;color:#704c1b;background:var(--gold-light);border:1px solid #e1c996;border-radius:var(--radius)}.interview-transition strong{font-size:18px}.interview-transition p,.support-next p{margin:2px 0 0}.support-next{grid-template-columns:1fr auto;margin:16px 0}.evidence-page{max-width:1100px}.evidence-header{display:flex;align-items:flex-start;gap:16px}.evidence-back-button,.evidence-return-button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:9px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.evidence-title-block h1{margin:0;font-size:31px}.evidence-challenge-card{margin-top:22px;padding:25px;text-align:center;background:var(--surface);border:1px solid var(--line);border-top:6px solid var(--water);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.evidence-challenge-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.evidence-challenge-label{color:var(--muted);font-weight:750}.evidence-status{padding:4px 10px;color:var(--water);background:var(--water-light);border-radius:999px;font-size:13px;font-weight:800}.evidence-status.retry{color:#825618;background:var(--gold-light)}.evidence-status.completed{color:var(--bamboo-dark);background:var(--bamboo-light)}.evidence-statement{margin:20px auto 10px;max-width:840px;font-size:28px;line-height:1.6;font-weight:850}.evidence-attempt-hint{margin:0;color:var(--muted)}.evidence-section{margin-top:24px}.evidence-section>h2{margin:0 0 12px;font-size:22px}.evidence-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.evidence-type-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;min-height:116px;padding:18px;color:var(--ink);text-align:left;background:var(--surface);border:2px solid var(--line);border-left-width:7px;border-radius:var(--radius);cursor:pointer}.evidence-type-card:nth-child(1){border-left-color:var(--evidence-fact)}.evidence-type-card:nth-child(2){border-left-color:var(--evidence-inference)}.evidence-type-card:nth-child(3){border-left-color:var(--evidence-unknown)}.evidence-type-card:hover,.evidence-type-card.active{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.evidence-type-card:nth-child(1).active{background:var(--evidence-fact-soft);border-color:var(--evidence-fact)}.evidence-type-card:nth-child(2).active{background:var(--evidence-inference-soft);border-color:var(--evidence-inference)}.evidence-type-card:nth-child(3).active{background:var(--evidence-unknown-soft);border-color:var(--evidence-unknown)}.evidence-type-card:disabled{opacity:.65;cursor:default;transform:none}.evidence-type-icon{grid-row:1 / 3;font-size:28px}.evidence-type-card strong{font-size:19px}.evidence-type-card small{color:var(--muted);font-size:14px;line-height:1.5}.poem-evidence-selector{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center}.poem-title{margin-bottom:14px;font-size:22px;font-weight:850}.poem-title span{margin-left:10px;color:var(--muted);font-size:14px;font-weight:500}.poem-line{margin:8px 0;line-height:2.3}.poem-segment{margin:2px;padding:4px 7px;color:var(--ink);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);font-size:21px;cursor:pointer}.poem-segment:hover{background:var(--water-light);border-color:#b9d6d7}.poem-segment.selected{color:var(--bamboo-dark);background:var(--bamboo-light);border-color:var(--bamboo);font-weight:800}.poem-punctuation{font-size:21px}.no-direct-evidence{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;margin-top:12px;color:var(--evidence-unknown);background:var(--evidence-unknown-soft);border:2px solid #dfaaa5;border-radius:var(--radius);font-size:17px;font-weight:800;cursor:pointer}.no-direct-evidence.active{color:#fff;background:var(--evidence-unknown);border-color:var(--evidence-unknown)}.evidence-submit-button,.ask-button,.interview-send-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 17px;color:#fff;background:var(--bamboo);border:1px solid var(--bamboo);border-radius:var(--radius);font-weight:750;cursor:pointer}.evidence-submit-button{width:100%;margin-top:18px}.evidence-submit-button:disabled,.ask-button:disabled,.interview-send-button:disabled{opacity:.58;cursor:not-allowed}.evidence-feedback{margin-top:16px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.evidence-feedback.empty{color:var(--muted);background:var(--surface-soft);border-style:dashed}.evidence-hint strong{display:block;margin-bottom:5px;color:var(--gold);font-size:18px}.evidence-hint p,.result-explanation{margin:0;font-size:17px;line-height:1.75}.result-head{display:flex;gap:10px;align-items:center}.result-label{color:var(--muted)}.result-quote{font-weight:750}.evidence-actions{display:flex;gap:10px;margin-top:18px}.evidence-actions>*{flex:1}.evidence-summary{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summary-grid>div{display:grid;padding:12px;text-align:center;background:var(--surface-soft);border-radius:var(--radius)}.summary-grid strong{font-size:23px}.summary-grid span{color:var(--muted);font-size:13px}.evidence-method{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding:15px;background:var(--bamboo-light);border-radius:var(--radius)}.evidence-method strong{margin-right:6px}.evidence-title-block h1{display:flex;align-items:center;gap:9px}.evidence-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid;border-radius:999px;font-size:13px;font-weight:800}.evidence-badge.fact{color:var(--evidence-fact);background:var(--evidence-fact-soft);border-color:#acd1ba}.evidence-badge.inference{color:#8a591c;background:var(--evidence-inference-soft);border-color:#e3c58e}.evidence-badge.unknown{color:#964d48;background:var(--evidence-unknown-soft);border-color:#e1aaa5}.evidence-badge.verified{color:var(--water);background:var(--water-light);border-color:#add0d2}.transfer-recommendation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:16px 18px;background:var(--gold-light);border:1px solid #e3ca98;border-radius:var(--radius)}.transfer-recommendation p{margin:3px 0 0;color:#765f3e}.transfer-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.transfer-home-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:230px;padding:20px;overflow:hidden;color:var(--ink);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);cursor:pointer}.transfer-home-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.transfer-home-card.recommended{border:2px solid var(--gold)}.recommend-label{position:absolute;top:12px;right:12px}.transfer-home-icon{display:grid;width:48px;height:48px;margin-bottom:15px;place-items:center;color:var(--water);background:var(--water-light);border-radius:var(--radius)}.transfer-home-card strong{font-size:20px}.transfer-home-card small{margin-top:5px;color:var(--muted);font-size:15px}.poem-motif{width:100%;height:78px;margin-top:auto}.poem-compare-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.transfer-poem{padding:22px;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--water);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.transfer-poem:nth-child(2){border-top-color:var(--gold)}.transfer-poem h3{margin:0;font-size:22px}.poem-author{margin:4px 0 12px;color:var(--muted)}.transfer-poem>p:not(.poem-author){margin:5px 0;font-size:18px;line-height:1.8}.keyword-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.keyword-chips button{min-height:38px;padding:6px 11px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.keyword-chips button.selected{color:var(--bamboo-dark);background:var(--bamboo-light);border-color:var(--bamboo);font-weight:800}.transfer-answer,.postclass-feedback{margin-top:18px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.transfer-answer h3,.postclass-feedback h2{margin:0 0 10px}.transfer-answer textarea,.postclass-feedback textarea{width:100%;padding:12px;resize:vertical;font-size:17px}.postclass-feedback textarea+textarea{margin-top:10px}.transfer-choice-note{margin:14px 0 0;color:var(--muted);text-align:center}.transfer-feedback p{margin:5px 0 0}.student-page-title .title-icon.night{background:var(--night)}.postclass-achievements{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.achievement{display:grid;min-height:120px;padding:16px;place-items:center;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.achievement.done{color:var(--bamboo-dark);background:var(--bamboo-light);border-color:#bdd7c6}.achievement.pending{color:var(--muted);background:var(--surface-soft)}.achievement strong{margin-top:6px}.postclass-recommend{padding:22px;background:var(--night-light);border-left:6px solid var(--night);border-radius:var(--radius)}.postclass-recommend h2{margin:0}.recommend-reason{color:var(--muted)}.recommend-task{margin:14px 0;font-size:19px;font-weight:750}.optional-tasks{display:grid;gap:6px;color:var(--muted)}.checkbox-line{display:flex;align-items:center;gap:9px;margin:10px 0}.checkbox-line input{width:19px;height:19px;accent-color:var(--bamboo)}.saved-message{color:var(--bamboo);font-weight:750}.recitation-layout{position:relative;display:grid;min-height:100vh;padding:30px;overflow:hidden;place-items:center;color:#20332d;background:#eef4ef}.recitation-watermark{position:absolute;left:-10%;right:-10%;bottom:-14%;height:42%;background:#b8d8d5;border-radius:50% 50% 0 0;opacity:.55}.recitation-content{position:relative;z-index:2;width:min(900px,92vw);text-align:center}.recitation-message{margin:0 auto 32px;color:var(--bamboo-dark);font-size:21px;line-height:2;font-weight:750;animation:recitationFade 8s ease forwards}.recitation-content h1{margin:0;font-size:45px}.recitation-poem{margin-top:28px}.recitation-poem p{margin:9px 0;font-size:31px;line-height:1.75;font-weight:650}.recitation-lotus{position:absolute;width:72px;height:28px;background:#75a887;border-radius:50%;opacity:.7}.recitation-lotus.one{left:12%;bottom:18%;transform:rotate(-8deg)}.recitation-lotus.two{right:15%;bottom:25%;transform:rotate(8deg)}.recitation-exit{position:absolute;z-index:3;top:18px;left:18px}.teacher-login{width:min(calc(100% - 32px),620px);margin:48px auto;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md)}.teacher-login h1{margin:0;font-size:30px}.teacher-login .student-entry-fields{margin-top:20px}.dashboard-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-bottom:16px}.dashboard-hero h1{margin:0;font-size:30px}.dashboard-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.service-status{display:inline-flex;align-items:center;gap:7px;color:var(--bamboo-dark);font-weight:750}.service-status:before{width:9px;height:9px;content:"";background:var(--bamboo);border-radius:50%}.service-status.degraded:before{background:var(--gold)}.service-status.down:before{background:var(--evidence-unknown)}.dashboard-controls{position:sticky;top:82px;z-index:30;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.dashboard-controls h2{margin:0 0 10px;font-size:18px}.stage-buttons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.stage-button{display:grid;min-height:70px;padding:8px 6px;place-items:center;gap:3px;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.stage-button span{font-size:13px}.stage-button.active{color:#fff;background:var(--bamboo);border-color:var(--bamboo);font-weight:800}.dashboard-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.metric-card{display:grid;gap:2px;min-height:92px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--water);border-radius:var(--radius)}.metric-card strong{font-size:28px;line-height:1.2}.metric-card span{color:var(--muted);font-size:13px}.dashboard-suggestions{margin:16px 0;padding:17px 20px;color:#6e4d1e;background:var(--gold-light);border-left:6px solid var(--gold);border-radius:var(--radius)}.dashboard-suggestions h2{margin:0 0 6px;font-size:18px}.dashboard-suggestions p{margin:4px 0}.dashboard-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-section{min-width:0;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.dashboard-section.wide{grid-column:1 / -1}.dashboard-section h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:21px}.dashboard-section h3{margin:18px 0 8px;font-size:16px}.bar-list{display:grid;gap:9px}.bar-row{display:grid;grid-template-columns:150px minmax(0,1fr) 34px;align-items:center;gap:8px;font-size:14px}.bar-track{height:9px;overflow:hidden;background:var(--paper-deep);border-radius:99px}.bar-track i{display:block;height:100%;background:var(--water);border-radius:99px}.bar-row:nth-child(2n) .bar-track i{background:var(--lotus)}.question-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.question-note{padding:13px 14px;background:#fff9e9;border:1px solid #ead7a9;border-radius:var(--radius-sm);transform:rotate(-.35deg)}.question-note:nth-child(2n){background:#edf6f3;border-color:#c4ddd5;transform:rotate(.3deg)}.question-note p{margin:0}.question-note small{color:var(--muted)}.case-list{display:grid;gap:10px}.case-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius)}.case-item p{margin:0}.case-item small{color:var(--muted)}.case-preview{display:grid;gap:6px;margin-top:8px}.case-preview p{padding:8px 10px;background:var(--surface);border-radius:var(--radius-sm)}.display-shell{min-height:100vh;color:#20332d;background:#f4f7f2}.display-topbar{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:14px 42px;color:#fff;background:#29483d}.display-topbar>div{display:flex;align-items:center;gap:12px}.display-topbar strong{font-size:25px}.display-topbar p{margin:0;font-size:20px}.display-topbar span{opacity:.5}.display-main{min-height:calc(100vh - 82px);padding:34px 48px}.display-stage{height:100%}.display-stage-title{margin:0 0 22px;font-size:42px;line-height:1.2}.display-message{margin:0 0 22px;padding:14px 18px;color:#6b4a1e;background:var(--gold-light);border-left:6px solid var(--gold);border-radius:var(--radius);font-size:22px}.display-preclass-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.display-band{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.display-band h2{margin:0 0 16px;font-size:28px}.display-band .bar-row{grid-template-columns:210px 1fr 45px;font-size:20px}.display-question{margin:12px 0;padding:14px 16px;background:#fff9e9;border-left:5px solid var(--gold);font-size:22px}.display-interview{display:grid;grid-template-columns:300px 1fr;gap:24px}.display-role{display:grid;padding:24px;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.display-role .role-portrait{width:190px}.display-role h2{margin:10px 0 0;font-size:30px}.display-chat{display:grid;align-content:center;gap:15px}.display-chat p{margin:0;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:23px;line-height:1.65}.display-chat p.student{margin-left:15%;background:var(--bamboo-light)}.display-evidence-statement{display:grid;min-height:270px;padding:30px;place-items:center;text-align:center;background:var(--surface);border:1px solid var(--line);border-top:7px solid var(--water);border-radius:var(--radius);font-size:38px;font-weight:850;line-height:1.55}.display-evidence-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.display-evidence-card{display:grid;min-height:145px;padding:20px;place-items:center;text-align:center;border:4px solid;border-radius:var(--radius);font-size:27px;font-weight:850}.display-evidence-card.fact{color:var(--evidence-fact);background:var(--evidence-fact-soft)}.display-evidence-card.inference{color:#865719;background:var(--evidence-inference-soft)}.display-evidence-card.unknown{color:#924d48;background:var(--evidence-unknown-soft)}.display-transfer{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:20px}.display-transfer article{display:grid;padding:28px;place-items:center;text-align:center;background:var(--surface);border:1px solid var(--line);border-top:6px solid var(--water);border-radius:var(--radius)}.display-transfer article:last-child{border-top-color:var(--gold)}.display-transfer h2{margin:0;font-size:30px}.display-transfer p{margin:4px;font-size:22px}.display-vs{align-self:center;color:var(--lotus);font-size:30px;font-weight:900}.display-task{margin-top:22px;padding:18px;text-align:center;background:var(--gold-light);border-radius:var(--radius);font-size:28px;font-weight:800}.display-waiting{display:grid;min-height:62vh;place-items:center;color:var(--muted);text-align:center}.display-waiting svg{color:var(--bamboo)}.display-waiting h1{margin:16px 0 4px;color:var(--ink);font-size:42px}.display-waiting p{margin:0;font-size:24px}.chat-panel{display:flex;flex-direction:column;min-height:540px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.messages{display:flex;flex:1;flex-direction:column;gap:16px;padding:20px;overflow-y:auto}.message{max-width:80%}.user-message{align-self:flex-end;padding:12px 14px;background:var(--bamboo-light);border-radius:var(--radius)}.assistant-message{align-self:flex-start}.message p{margin:0;font-size:17px;line-height:1.75;white-space:pre-wrap}.answer-card{margin-top:10px;padding:13px;background:var(--surface-soft);border-radius:var(--radius)}.typing{display:flex;align-items:center;gap:8px;color:var(--muted)}.typing:before{width:9px;height:9px;content:"";background:var(--water);border-radius:50%;animation:breathe 1.2s ease-in-out infinite}.home-page{padding-bottom:72px}.home-hero{height:570px;border-bottom:0;background:#e7e5d9}.home-hero:before{position:absolute;z-index:1;inset:0 auto 0 0;width:47%;content:"";background:#fffefad1}.home-hero .village-scene{top:0;right:0;bottom:0;left:0}.home-hero .village-scene img{object-position:center 57%}.home-hero-copy{width:min(calc(100% - 56px),var(--content-student));padding-top:78px}.home-eyebrow{margin-bottom:18px;color:var(--cinnabar);font-size:15px}.home-hero h1{width:650px;max-width:46%;color:var(--ink);font-size:58px;line-height:1.14;text-shadow:none}.home-hero-copy>p:not(.home-eyebrow){max-width:490px;margin:22px 0 28px;color:var(--ink-soft);font-size:20px}.home-entry-band,.home-classroom-callout{width:100%;margin:0;padding:26px max(28px,calc((100% - var(--content-student)) / 2));background:#fffefafa;border:0;border-top:1px solid #cbc8ba;border-bottom:1px solid #d9d6ca;border-radius:0;box-shadow:0 12px 30px #1f302b14}.home-entry-band{grid-template-columns:minmax(260px,.7fr) minmax(540px,1.3fr)}.home-entry-band h2,.home-classroom-callout h2{font-family:var(--font-display);font-size:29px}.home-entry-band .student-entry h2{font-family:var(--font-cn);font-size:17px}.home-entry-band .student-entry>p{margin-top:2px;font-size:13px}.home-classroom-callout{width:min(calc(100% - 40px),var(--content-student));margin:26px auto 0;border:1px solid #ddc693;border-left:6px solid var(--gold);border-radius:6px;box-shadow:none}.home-routes{margin-top:42px}.home-section-heading{padding-bottom:12px;border-bottom:1px solid var(--line)}.home-section-heading h2{font-family:var(--font-display);font-size:31px}.home-route-grid{gap:16px}.home-route-card{isolation:isolate;min-height:168px;overflow:hidden;border-top:1px solid var(--line);border-left:5px solid var(--bamboo);box-shadow:none}.home-route-card:before{position:absolute;z-index:-1;top:0;right:0;bottom:0;width:42%;content:"";background-image:url(/assets/songyun/learning-scenes.webp);background-size:790px auto;background-position:52% center;opacity:.12}.home-route-card:hover{border-color:var(--cinnabar);transform:translateY(-3px)}.home-route-card.water{border-left-color:var(--water)}.home-route-card.lotus{border-left-color:var(--lotus)}.home-route-card.gold{border-left-color:var(--gold)}.home-route-card.ink{border-left-color:var(--ink-soft)}.home-route-card.night{border-left-color:var(--night)}.home-route-card.bamboo:before,.home-route-card.gold:before{background-position:8% center}.home-route-card.water:before,.home-route-card.lotus:before,.home-route-card.ink:before{background-position:52% center}.home-route-card.night:before{background-position:96% center}.route-index{color:var(--cinnabar)}.route-copy strong{font-family:var(--font-display);font-size:22px}.student-page-title,.evidence-header{position:relative;min-height:150px;padding:26px;overflow:hidden;align-items:center;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--cinnabar);border-radius:8px;box-shadow:var(--shadow-sm)}.student-page-title:after,.evidence-header:after{position:absolute;inset:0 0 0 auto;width:40%;content:"";background-image:url(/assets/songyun/village-hero.webp);background-size:cover;background-position:72% 57%;opacity:.72}.evidence-header:after{background-image:url(/assets/songyun/evidence-art.webp);background-position:center 56%}.support-page>.student-page-title:after{background-image:url(/assets/songyun/evidence-art.webp);background-position:center 52%}.transfer-page>.student-page-title:after{background-image:url(/assets/songyun/transfer-art.webp);background-position:center 48%}.postclass-page>.student-page-title:after{background-image:url(/assets/songyun/recitation-art.webp);background-position:center 45%}.student-page-title>*,.evidence-header>*{position:relative;z-index:1}.student-page-title>div,.evidence-title-block{max-width:58%}.student-page-title h1,.evidence-title-block h1{font-size:36px}.student-page-title .title-icon{width:54px;height:54px;background:var(--cinnabar)}.preclass-entry,.preclass-question-card,.role-preference,.poem-study,.support-session-card,.interview-chat,.evidence-challenge-card,.poem-evidence-selector,.transfer-poem,.transfer-answer,.postclass-feedback,.dashboard-section,.display-band{border-color:#d0d5ce;box-shadow:0 5px 18px #1f302b0f}.preclass-question-card,.role-preference{border-top:4px solid var(--water)}.preclass-role-grid{gap:12px}.preclass-role-grid button{min-height:220px;padding:10px;background:var(--surface)}.preclass-role-grid .role-portrait{width:100%;height:126px}.preclass-role-grid button.selected{border-color:var(--cinnabar);background:var(--cinnabar-light)}.preclass-role-grid button.selected .role-portrait{box-shadow:0 0 0 2px var(--cinnabar)}.poem-study{position:relative;overflow:hidden;border-top:5px solid var(--cinnabar)}.poem-study:before{position:absolute;top:0;right:0;width:180px;height:110px;content:"";background:url(/assets/songyun/evidence-art.webp) 50% 57% / 220px auto;opacity:.14}.poem-study h2,.poem-study .poem-author,.poem-study-lines{position:relative}.support-topic-card{border-left:4px solid transparent}.support-topic-card:hover{border-left-color:var(--cinnabar);box-shadow:var(--shadow-sm)}.interview-header{top:76px;padding:12px 18px;border-left:5px solid var(--cinnabar)}.interview-role-identity .role-portrait{width:78px}.interview-role-identity h2{font-family:var(--font-display);font-size:27px}.interview-progress{border-left:4px solid var(--gold)}.interview-chat{background:#f9f8f3}.interview-messages{background-image:url(/assets/songyun/village-hero.webp);background-position:center 58%;background-size:cover}.interview-messages:before{content:none}.interview-message.role{padding:13px 15px;background:#fffefaf0;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.interview-message.student{background:#dcece3f5}.role-message-head .role-portrait{width:42px}.interview-input,.chat-input{background:var(--surface)}.interview-transition{border-left:6px solid var(--gold)}.evidence-header{display:flex;margin-bottom:0}.evidence-challenge-card{border-top-color:var(--cinnabar)}.evidence-statement{font-family:var(--font-display);font-size:31px}.evidence-type-card{box-shadow:none}.evidence-type-card:hover{box-shadow:var(--shadow-md)}.poem-evidence-selector{position:relative;overflow:hidden;border-top:4px solid var(--water)}.poem-title{font-family:var(--font-display);font-size:26px}.transfer-home-card{isolation:isolate;border-top:4px solid var(--water)}.transfer-home-card:after{position:absolute;z-index:-1;right:0;bottom:0;left:0;height:88px;content:"";background:url(/assets/songyun/transfer-art.webp) center 58% / cover;opacity:.13}.transfer-home-card:nth-child(2){border-top-color:var(--cinnabar)}.transfer-home-card:nth-child(3){border-top-color:var(--gold)}.postclass-recommend{position:relative;overflow:hidden;background:var(--night-light)}.postclass-recommend:after{position:absolute;inset:0 0 0 auto;width:34%;content:"";background:url(/assets/songyun/transfer-art.webp) center 52% / cover;opacity:.16}.postclass-recommend>*{position:relative;z-index:1;max-width:68%}.recitation-layout{color:#20332d;background:url(/assets/songyun/recitation-art.webp) center 46% / cover no-repeat}.recitation-layout:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:#f7f5edcc}.recitation-watermark,.recitation-lotus{display:none}.recitation-content{text-shadow:0 1px 0 rgba(255,255,255,.9)}.recitation-message{color:var(--cinnabar-dark)}.recitation-content h1{font-family:var(--font-display);font-size:52px}.recitation-poem p{font-family:var(--font-display);font-size:33px}.teacher-shell{min-height:100vh;background:#eef1ed}.dashboard-hero{position:relative;min-height:130px;padding:24px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--cinnabar);border-radius:8px}.dashboard-hero:after{position:absolute;inset:0 0 0 auto;width:34%;content:"";background:url(/assets/songyun/village-hero.webp) 78% 55% / cover;opacity:.32}.dashboard-hero>*{position:relative;z-index:1}.dashboard-hero h1{font-family:var(--font-display);font-size:34px}.dashboard-controls{top:86px;border-top:4px solid var(--gold)}.stage-button.active{background:var(--cinnabar);border-color:var(--cinnabar)}.metric-card:nth-child(2){border-left-color:var(--cinnabar)}.metric-card:nth-child(3){border-left-color:var(--gold)}.metric-card:nth-child(4){border-left-color:var(--night)}.display-shell{background:#eef1ed}.display-topbar{min-height:86px;background:#263b35;border-bottom:3px solid #9a7437}.display-seal{width:48px;height:48px;color:#dfbb75;font-size:26px;opacity:1!important}.display-topbar strong{font-family:var(--font-display);font-size:28px}.display-stage-title{font-family:var(--font-display)}.display-waiting{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:8px}.display-waiting:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:url(/assets/songyun/village-hero.webp) center 58% / cover;opacity:.3}.display-waiting>div{position:relative;z-index:1;padding:32px;background:#fffefadb;border-left:6px solid var(--cinnabar)}.display-role{border-top:5px solid var(--cinnabar)}.display-role .role-portrait{width:230px}.display-evidence-statement{border-top-color:var(--cinnabar)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes recitationFade{0%,52%{opacity:1}to{opacity:.28}}.spin{animation:spin 1s linear infinite}.ui-card,.ui-panel,.support-session-card,.evidence-feedback{animation:slideUp .32s ease both}.dialog-backdrop,.drawer-backdrop{animation:fadeIn .22s ease both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1180px){.student-topbar{grid-template-columns:auto 1fr;gap:10px}.student-nav{grid-column:1 / -1;grid-row:2;order:3;overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.student-tools{grid-column:2;grid-row:1}.interview-header{top:126px}.stage-buttons{grid-template-columns:repeat(4,1fr)}.dashboard-controls{position:static}}@media(max-width:900px){.home-hero{height:410px}.home-hero-copy{padding-top:52px}.home-hero h1{max-width:78%;font-size:41px}.home-hero-copy>p:not(.home-eyebrow){font-size:18px}.home-entry-band{grid-template-columns:1fr;gap:18px}.home-route-grid{grid-template-columns:repeat(2,1fr)}.learning-two-column{grid-template-columns:1fr}.transfer-home-grid,.postclass-achievements,.dashboard-overview{grid-template-columns:repeat(2,1fr)}.dashboard-sections{grid-template-columns:1fr}.dashboard-section.wide{grid-column:auto}.display-main{padding:28px}.display-preclass-grid,.display-interview{grid-template-columns:1fr}.display-role{grid-template-columns:auto 1fr;justify-content:start}.display-role .role-portrait{width:120px}.display-transfer{grid-template-columns:1fr}.display-vs{justify-self:center}}@media(max-width:680px){body{font-size:15px}.student-page,.page{width:min(100% - 24px,var(--content-student));padding-top:22px}.student-topbar{padding:9px 12px}.student-brand small,.student-tools .student-avatar span,.teacher-entry span,.evidence-book-trigger span{display:none}.student-nav button{min-width:72px;flex-direction:column;gap:2px;padding:6px;font-size:11px}.learning-journey{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.learning-journey::-webkit-scrollbar{display:none}.journey-step small{display:none}.journey-step-wrap>i{width:18px}.classroom-guide{grid-template-columns:auto 1fr;width:calc(100% - 24px)}.classroom-guide .app-button{grid-column:1 / -1;width:100%}.home-hero{height:380px}.home-hero-copy{width:calc(100% - 28px);padding-top:36px}.home-eyebrow{max-width:80%}.home-hero h1{max-width:88%;font-size:34px}.home-hero-copy>p:not(.home-eyebrow){max-width:72%;font-size:16px}.home-entry-band,.home-classroom-callout,.home-routes{width:calc(100% - 24px)}.home-entry-band,.home-classroom-callout{grid-template-columns:1fr;padding:20px}.home-section-heading{align-items:flex-start;flex-direction:column}.home-route-grid,.student-entry-fields,.evidence-type-grid,.poem-compare-card,.transfer-home-grid,.summary-grid,.preclass-options,.preclass-role-grid,.preclass-result-choice{grid-template-columns:1fr}.preclass-question-card,.role-preference{min-height:0;padding:20px}.match-row{grid-template-columns:1fr;gap:5px}.preclass-actions{flex-direction:column-reverse}.preclass-actions .app-button{width:100%}.interview-header{top:120px;align-items:flex-start}.interview-role-identity .role-portrait{width:55px}.interview-role-identity h2{font-size:19px}.interview-anchor{font-size:13px}.interview-progress{align-items:flex-start;flex-direction:column}.interview-message{max-width:92%}.interview-messages{height:53vh;min-height:340px;padding:15px}.interview-input,.chat-input{grid-template-columns:1fr}.interview-send-button,.ask-button{width:100%}.interview-transition,.support-next{grid-template-columns:1fr}.interview-transition>svg{display:none}.evidence-header{flex-direction:column}.evidence-statement{font-size:23px}.poem-evidence-selector{padding:15px 8px}.poem-segment,.poem-punctuation{font-size:18px}.evidence-actions{flex-direction:column}.evidence-method{align-items:flex-start;flex-direction:column}.evidence-method svg{transform:rotate(90deg)}.postclass-achievements{grid-template-columns:1fr 1fr}.achievement{min-height:100px}.recitation-layout{padding:18px}.recitation-content h1{font-size:34px}.recitation-poem p{font-size:23px}.recitation-message{font-size:17px}.teacher-topbar{align-items:flex-start;padding:10px 12px}.teacher-brand small,.teacher-topbar-actions .teacher-badge,.teacher-topbar-actions .app-button{display:none}.teacher-main{width:calc(100% - 20px)}.dashboard-hero{grid-template-columns:1fr}.dashboard-overview{grid-template-columns:1fr 1fr}.stage-buttons{grid-template-columns:repeat(2,1fr)}.question-notes,.case-item{grid-template-columns:1fr}.bar-row{grid-template-columns:110px 1fr 28px}.display-topbar{padding:12px 18px}.display-topbar strong{font-size:18px}.display-topbar p{font-size:15px}.display-main{padding:20px 16px}.display-stage-title{font-size:31px}.display-evidence-statement{min-height:200px;font-size:27px}.display-evidence-cards{grid-template-columns:1fr}.display-evidence-card{min-height:85px;font-size:23px}.ui-error{align-items:stretch;flex-direction:column}.dialog-actions{flex-direction:column-reverse}.dialog-actions .app-button{width:100%}}@media(max-width:1180px){.student-shell{overflow-x:hidden}.student-topbar{min-width:0}.student-nav{width:100%;max-width:100%}.student-nav button.active:after{bottom:-2px}.interview-header{top:130px}}@media(max-width:900px){.home-hero{height:520px}.home-hero:before{width:58%}.home-hero-copy{padding-top:58px}.home-hero h1{max-width:58%;font-size:46px}.home-hero-copy>p:not(.home-eyebrow){max-width:53%}.home-entry-band{grid-template-columns:1fr;gap:20px;width:100%;padding:24px}.student-page-title:after,.evidence-header:after{width:34%}.student-page-title>div,.evidence-title-block{max-width:63%}.dashboard-hero:after{width:42%}}@media(max-width:680px){.student-topbar{row-gap:7px;min-height:116px}.student-brand-mark{width:38px;height:38px;font-size:20px}.student-brand strong{font-size:17px}.student-nav{scrollbar-width:none}.student-nav::-webkit-scrollbar{display:none}.student-nav button{min-width:68px}.student-nav button.active:after{right:8px;bottom:-1px;left:8px}.home-hero{height:500px}.home-hero:before{inset:0 0 auto;width:100%;height:55%;background:#fffefae0}.home-hero .village-scene img{object-position:69% 58%}.home-hero-copy{width:calc(100% - 28px);padding-top:28px}.home-eyebrow{max-width:100%;font-size:12px}.home-hero h1{max-width:100%;font-size:37px;line-height:1.13}.home-hero-copy>p:not(.home-eyebrow){max-width:100%;margin:14px 0 18px;font-size:15px;line-height:1.65}.home-entry-band,.home-classroom-callout{width:100%;padding:20px 14px}.home-classroom-callout{width:calc(100% - 24px);margin-top:18px;border-radius:6px}.home-route-card{min-height:150px}.home-route-card:before{width:48%;opacity:.1}.student-page-title,.evidence-header{min-height:208px;padding:18px;align-items:flex-start}.student-page-title:after,.evidence-header:after{inset:auto 0 0;width:100%;height:82px;background-position:70% 63%;opacity:.72}.student-page-title>div,.evidence-title-block{max-width:100%}.student-page-title h1,.evidence-title-block h1{font-size:30px}.student-page-title .subtitle{font-size:15px}.student-page-title .title-icon{width:46px;height:46px}.evidence-header{flex-direction:column}.evidence-header:after{height:68px}.preclass-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preclass-role-grid button{min-height:190px}.preclass-role-grid .role-portrait{height:104px}.interview-header{top:119px;padding:10px}.interview-role-identity .role-portrait{width:62px}.interview-role-identity h2{font-size:20px}.interview-anchor{max-width:175px}.interview-messages{background-position:68% 58%}.interview-message.role{max-width:96%}.postclass-recommend:after{width:100%;opacity:.08}.postclass-recommend>*{max-width:100%}.recitation-layout{background-position:68% 58%}.recitation-layout:before{background:#f7f5eddb}.recitation-content h1{font-size:39px}.recitation-poem p{font-size:24px}.dashboard-hero{min-height:190px;padding:18px}.dashboard-hero:after{inset:auto 0 0;width:100%;height:72px;opacity:.32}.dashboard-hero h1{font-size:28px}.display-seal{width:38px;height:38px;font-size:20px}.display-role .role-portrait{width:130px}}@media(max-width:1024px){.role-explorer{grid-template-areas:"scene" "picker" "detail";grid-template-columns:minmax(0,1fr)}.role-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.role-picker-item{grid-template-columns:82px minmax(0,1fr);grid-template-rows:minmax(94px,auto);min-height:104px;padding:6px 10px;place-items:center start}.role-picker-item .role-portrait{width:78px;height:92px}.role-picker-copy{text-align:left}.role-detail-card{display:grid;grid-template-areas:"identity content" "identity action";grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);column-gap:22px}.role-detail-identity{grid-area:identity;display:flex;padding:0 20px 0 0;flex-direction:column;justify-content:center;border-right:1px solid var(--line);border-bottom:0;text-align:center}.role-detail-identity .role-portrait{width:150px;height:168px}.role-detail-content{grid-area:content}.role-detail-card>.app-button{grid-area:action;align-self:end}}@media(max-width:680px){.role-explorer{gap:12px}.role-scene-panel{width:100%;aspect-ratio:793 / 496}.role-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}.role-picker-item{grid-template-columns:minmax(0,1fr);grid-template-rows:76px minmax(40px,auto);min-height:126px;padding:6px;place-items:center}.role-picker-item .role-portrait{width:72px;height:78px}.role-picker-copy{text-align:center}.role-picker-copy strong{font-size:14px}.role-picker-copy small{font-size:11px}.role-detail-card{display:flex;padding:16px}.role-detail-identity{display:grid;grid-template-columns:104px minmax(0,1fr);padding:0 0 12px;flex-direction:initial;border-right:0;border-bottom:1px solid var(--line);text-align:left}.role-detail-identity .role-portrait{width:100px;height:118px}.role-detail-card h2{font-size:25px}.role-anchor{margin:13px 0;font-size:15px}.suggested-questions span{padding:8px 10px;font-size:14px}}@media(max-width:380px){.role-picker-item .role-portrait{width:66px;height:72px}.role-picker-item{grid-template-rows:70px minmax(40px,auto);min-height:118px}.role-detail-identity{grid-template-columns:90px minmax(0,1fr)}.role-detail-identity .role-portrait{width:86px;height:102px}}