@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#20342d;--paper:#f6f2e9;--green:#285f4b;--orange:#c96d42;--line:#d9d5ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Noto Sans TC,Microsoft JhengHei,sans-serif}button,textarea{font:inherit}button{cursor:pointer}textarea{font-size:16px}main{background-image:radial-gradient(#315b4b19 1px,#0000 1px);background-size:24px 24px;min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffdf8e8;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,5vw,76px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brandMark{color:#fff;background:var(--green);border-radius:13px;place-items:center;width:42px;height:42px;font-family:serif;font-size:22px;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em}.brand small{color:#76817c;letter-spacing:.08em;margin-top:3px;font-size:11px}.headerActions{align-items:center;gap:22px;display:flex}.localBadge{color:#67736e;font-size:13px}.localBadge i{background:#69a26e;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.logoutButton{color:#67736e;background:0 0;border:0;font-size:12px}.collabButton{color:#fff;background:var(--ink);border:0;border-radius:10px;padding:9px 20px;font-weight:700;line-height:1.25}.collabButton strong,.collabButton small{display:block}.collabButton small{color:#d7e0dc;letter-spacing:.08em;margin-top:3px;font-size:9px;font-weight:500}.hero{grid-template-columns:1fr 290px;align-items:end;gap:70px;max-width:1240px;margin:auto;padding:72px 24px 46px;display:grid}.eyebrow{color:var(--orange);letter-spacing:.18em;margin:0 0 13px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.04em;margin:0;font-family:Noto Serif TC,PMingLiU,serif;font-size:clamp(42px,5.4vw,72px);font-weight:800;line-height:1.16}.hero h1 em{color:var(--green);border-bottom:5px solid #e7b86f;font-style:normal}.lead{color:#64706b;max-width:670px;margin:25px 0 0;font-size:16px;line-height:1.9}.progressCard{background:var(--green);color:#fff;border-radius:18px 18px 4px;padding:25px;box-shadow:9px 10px #d9ab65}.progressCard>span{opacity:.7;font-size:12px}.progressCard strong{margin:8px 0 15px;font-family:serif;font-size:44px;display:block}.progressCard strong small{opacity:.65;font:14px sans-serif}.progressTrack{background:#ffffff2c;border-radius:9px;height:5px;overflow:hidden}.progressTrack i{background:#efc479;height:100%;transition:all .25s;display:block}.progressCard p{margin:14px 0 0;font-size:13px}.chapters{grid-template-columns:repeat(5,1fr);gap:8px;max-width:1240px;margin:0 auto 24px;padding:0 24px;display:grid}.chapters button{border:1px solid var(--line);color:#69736f;background:#fbf9f3;border-radius:9px;padding:14px 8px;font-size:13px}.chapters button span{color:#9a9f99;margin-bottom:4px;font-family:serif;display:block}.chapters button.active{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-3px);box-shadow:0 5px #dbb56f}.chapters button.active span{color:#efc479}.promptCard{border:1px solid var(--line);background:#fffdf8;border-radius:16px;grid-template-columns:56px 1fr 310px;align-items:center;gap:24px;max-width:1192px;margin:0 auto 24px;padding:26px 28px;display:grid}.promptNumber{width:54px;height:54px;color:var(--orange);background:#f1e5ce;border-radius:50%;place-items:center;font:700 22px serif;display:grid}.promptCard h2{margin:0 0 8px;font-size:20px}.promptCard>div>p:last-child{color:#6e7773;margin:0;font-size:14px}.promptCard aside{background:#f5eee1;border-left:3px solid #d59a55;padding:15px 18px;font-size:13px;line-height:1.6}.promptCard aside p{color:#66706c;margin:5px 0 0}.introGuide{background:#fff8ea;border:1px solid #e2cfaa;border-radius:16px;grid-template-columns:300px 1fr;align-items:center;gap:34px;max-width:1192px;margin:0 auto 24px;padding:26px 28px;display:grid}.guideHeading h2{margin:0 0 9px;font-family:Noto Serif TC,PMingLiU,serif;font-size:23px}.guideHeading>p:last-child{color:#68736e;margin:0;font-size:13px;line-height:1.7}.argumentFlow{justify-content:space-between;align-items:center;gap:8px;display:flex}.argumentFlow>div{text-align:center;background:#fffdf8;border:1px solid #ded8ca;border-radius:11px;min-width:120px;padding:15px 12px}.argumentFlow>div.current{border-color:var(--green);box-shadow:0 4px #82a796}.argumentFlow span,.argumentFlow strong,.argumentFlow small{display:block}.argumentFlow span{color:var(--orange);letter-spacing:.1em;font-size:10px;font-weight:800}.argumentFlow strong{margin:5px 0;font-size:14px}.argumentFlow small{color:#87908c;font-size:10px}.argumentFlow>b{color:#ba8b55}.workspace{grid-template-columns:1fr 1fr;gap:20px;max-width:1192px;margin:auto;display:grid}.studentCard{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #314b4010}.studentCard>header{border-bottom:1px solid #e5e2da;align-items:center;gap:12px;padding:19px 21px;display:flex}.student0>header{background:#eff5f0}.student1>header{background:#f8f0e9}.avatar{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.student1 .avatar{background:var(--orange)}.studentCard header p{margin:0;font-weight:800}.studentCard header span{color:#7d8682;font-size:11px}.wordCount{margin-left:auto}.studentCard label{color:#5f6b66;padding:18px 21px 7px;font-size:12px;font-weight:800;display:block}.studentCard textarea{resize:vertical;background:#fefdf9;border:1px solid #deddd7;border-radius:10px;outline:none;width:calc(100% - 42px);min-height:280px;margin:0 21px;padding:15px;line-height:1.8;display:block}.studentCard textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #285f4b18}.studentCard textarea::placeholder{color:#a3aaa6}.sectionFields{gap:15px;padding:8px 21px 0;display:grid}.sectionFields>section{background:#fbfaf6;border:1px solid #e1ded5;border-radius:11px;padding:15px}.sectionLabel{align-items:center;gap:10px;display:flex}.sectionLabel>span{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font:700 11px serif;display:grid}.student1 .sectionLabel>span{background:var(--orange)}.sectionLabel strong,.sectionLabel small{display:block}.sectionLabel strong{font-size:13px}.sectionLabel small{color:#858e8a;margin-top:2px;font-size:10px}.sectionFields ul{color:#69736f;margin:10px 0 11px;padding-left:19px;font-size:11px;line-height:1.7}.sectionFields textarea{background:#fff;width:100%;min-height:105px;margin:0}.studentCard footer{color:#87908c;justify-content:space-between;align-items:center;padding:15px 21px 20px;font-size:12px;display:flex}.studentCard footer button,.coachStrip button,.modal>button:last-child{background:var(--green);color:#fff;border:0;border-radius:8px;padding:10px 15px;font-weight:700}.student1 footer button{background:var(--orange)}.articlePreview{background:#f3efe5;border:1px solid #d9d2c3;border-radius:11px;margin:0 21px 22px;padding:18px}.articlePreviewTitle{border-bottom:1px solid #d9d2c3;justify-content:space-between;align-items:center;padding-bottom:11px;display:flex}.articlePreviewTitle span,.articlePreviewTitle strong{display:block}.articlePreviewTitle span{color:var(--orange);letter-spacing:.14em;margin-bottom:3px;font-size:9px;font-weight:800}.articlePreviewTitle strong{font-family:serif;font-size:16px}.articlePreviewTitle small{color:#7b8580;font-size:11px}.articlePreview>p{color:#929995;margin:15px 0 0;font-size:12px}.articleBody{white-space:pre-wrap;color:#3f4d47;text-align:justify;padding-top:15px;font-family:Noto Serif TC,PMingLiU,serif;font-size:15px;line-height:2}.coachStrip{background:var(--ink);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;max-width:1192px;margin:24px auto 70px;padding:24px 28px;display:flex}.coachStrip span{color:#e8b96c;font-size:12px;font-weight:700}.coachStrip h2{margin:6px 0 0;font-size:17px;font-weight:500}.coachStrip button{color:var(--ink);background:#f5e8cb}.coachBackdrop{z-index:25;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17241f80;position:fixed;inset:0}.coachDrawer{background:#f7f3ea;width:min(1080px,94vw);animation:.28s ease-out drawerIn;position:absolute;inset:0 0 0 auto;overflow:auto;box-shadow:-20px 0 60px #101c1760}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.coachHeader{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20342df3;justify-content:space-between;align-items:center;padding:25px 34px;display:flex;position:sticky;top:0}.coachHeader h2{margin:0 0 6px;font-family:serif;font-size:26px}.coachHeader p:last-child{color:#b9c7c1;margin:0;font-size:12px}.coachHeader>button{color:#fff;background:0 0;border:1px solid #ffffff40;border-radius:50%;width:39px;height:39px;font-size:25px}.coachLegend{background:#eee7d9;border-bottom:1px solid #d9d0bf;align-items:center;gap:20px;padding:15px 34px;font-size:12px;display:flex}.coachLegend span{align-items:center;gap:6px;display:flex}.coachLegend i{border-radius:50%;width:9px;height:9px}.coachLegend i.yes{background:#43815e}.coachLegend i.developing{background:#d59b4d}.coachLegend i.missing{background:#bd6b5f}.coachLegend small{color:#7c837f;margin-left:auto}.coachStudents{grid-template-columns:1fr 1fr;gap:18px;padding:24px 34px;display:grid}.coachStudent{background:#fff;border:1px solid #ddd7cb;border-radius:16px;padding:22px}.coachStudentTitle{align-items:center;gap:11px;display:flex}.coachStudentTitle .avatar{font-size:13px}.coachStudentTitle strong,.coachStudentTitle small{display:block}.coachStudentTitle small{color:#8a918d;margin-top:2px;font-size:10px}.coachStudent1 .avatar{background:var(--orange)}.answerPreview{white-space:pre-wrap;color:#46534e;background:#faf8f2;border:1px solid #e2ded5;border-radius:9px;min-height:124px;max-height:190px;margin:16px 0 22px;padding:16px;font-size:13px;line-height:1.7;overflow:auto}.answerPreview>span{color:#9ba19e}.coachStudent h3{margin:20px 0 10px;font-size:13px}.checkList{gap:7px;display:grid}.checkList button{text-align:left;color:#53605b;background:#fff;border:1px solid #e0ded8;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;font-size:12px;display:flex}.checkList button i{color:#7f8884;background:#edece7;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-style:normal;font-weight:800;display:grid}.checkList button.yes{background:#f2faf5;border-color:#8fbea0}.checkList button.yes i{color:#fff;background:#43815e}.checkList button.developing{background:#fff9ed;border-color:#e0b878}.checkList button.developing i{color:#fff;background:#d59b4d}.checkList button.missing{background:#fff5f3;border-color:#d7a199}.checkList button.missing i{color:#fff;background:#bd6b5f}.questionChips{flex-wrap:wrap;gap:6px;display:flex}.questionChips button{color:#6a5944;text-align:left;background:#fffaf0;border:1px solid #d5c7ad;border-radius:7px;padding:8px 10px;font-size:11px}.coachStudent>label{margin:20px 0 7px;font-size:12px;font-weight:800;display:block}.coachStudent>textarea{resize:vertical;border:1px solid #d9d6ce;border-radius:9px;outline:none;width:100%;min-height:125px;padding:13px;line-height:1.6}.coachStudent>textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #285f4b18}.coachFooter{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffdf8ee;border-top:1px solid #d8d2c6;justify-content:space-between;align-items:center;gap:20px;padding:17px 34px;display:flex;position:sticky;bottom:0}.coachFooter p{color:#68736e;margin:0;font-size:12px}.coachFooter button{background:var(--green);color:#fff;white-space:nowrap;border:0;border-radius:9px;padding:11px 17px;font-weight:800}.modalBackdrop{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17241fbb;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fffdf8;border-radius:22px;width:min(480px,100%);padding:42px;position:relative;box-shadow:0 22px 70px #0005}.modal .close{color:#718079;background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:15px}.modalIcon{background:var(--green);color:#fff;border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 20px;font:700 27px serif;display:grid;transform:rotate(-3deg)}.modal h2{margin:0 0 12px;font-family:serif;font-size:28px}.modal>p:not(.eyebrow){color:#68736e;line-height:1.8}.modal>button:last-child{margin-top:10px}.loginBackdrop{z-index:60;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#17241fe8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.loginCard{text-align:center;background:#fffdf8;border-radius:22px;width:min(430px,100%);padding:38px;box-shadow:0 25px 80px #0007}.loginCard h2{margin:0 0 8px;font-family:serif;font-size:29px}.loginCard>p:not(.eyebrow){color:#718079;margin:0 0 22px;font-size:13px}.rolePicker{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px;display:grid}.rolePicker button{color:#66716c;background:#faf8f2;border:1px solid #d7d2c8;border-radius:8px;padding:11px}.rolePicker button.active{background:var(--green);border-color:var(--green);color:#fff}.loginCard input{text-align:center;letter-spacing:.18em;border:1px solid #d7d2c8;border-radius:9px;outline:none;width:100%;padding:13px;font-size:17px}.loginCard input:focus{border-color:var(--green);box-shadow:0 0 0 3px #285f4b18}.loginError{color:#b95345;margin-top:9px;font-size:12px;display:block}.loginSubmit{background:var(--ink);color:#fff;border:0;border-radius:9px;width:100%;margin-top:14px;padding:13px;font-weight:800}@media (max-width:850px){.hero{grid-template-columns:1fr;gap:32px;padding-top:48px}.progressCard{max-width:none}.chapters{grid-template-columns:repeat(3,1fr)}.chapters button{min-height:58px}.promptCard{grid-template-columns:45px 1fr}.promptCard aside{grid-column:1/-1}.introGuide{grid-template-columns:1fr;margin-inline:24px}.argumentFlow{flex-wrap:wrap}.workspace{grid-template-columns:1fr;margin-inline:24px}.coachStrip{margin-inline:24px}.localBadge{display:none}.studentCard footer button,.coachStrip button{min-height:44px}.coachDrawer{width:100vw}.coachStudents{grid-template-columns:1fr;padding:20px}.coachLegend{flex-wrap:wrap;padding-inline:20px}.coachLegend small{width:100%;margin:0}.coachHeader,.coachFooter{padding-inline:20px}}@media (max-width:560px){.topbar{gap:8px;height:72px;padding:0 12px}.brand{gap:8px}.brandMark{width:38px;height:38px}.brand strong{font-size:14px}.brand small{display:none}.headerActions{gap:6px}.collabButton{max-width:128px;padding:8px 10px;font-size:11px}.collabButton small{font-size:8px}.hero{gap:26px;padding:35px 15px 30px}.hero h1{font-size:40px}.lead{font-size:14px}.progressCard{padding:20px}.chapters{scroll-snap-type:x mandatory;scrollbar-width:none;margin-bottom:18px;padding:4px 15px 9px;display:flex;overflow-x:auto}.chapters::-webkit-scrollbar{display:none}.chapters button{scroll-snap-align:start;flex:none;min-width:112px}.promptCard{margin-inline:15px;padding:20px}.promptNumber{display:none}.promptCard>div{grid-column:1/-1}.promptCard h2{font-size:18px;line-height:1.5}.introGuide{margin-inline:15px;padding:20px}.argumentFlow{grid-template-columns:1fr 18px 1fr;display:grid}.argumentFlow>div{min-width:0}.argumentFlow>b:nth-of-type(2){display:none}.workspace{margin-inline:12px}.studentCard>header{padding:16px}.sectionFields{padding-inline:12px}.sectionFields>section{padding:13px}.sectionFields textarea{min-height:130px}.studentCard footer{align-items:flex-start;gap:10px;padding-inline:14px}.studentCard footer span{max-width:60%;line-height:1.5}.articlePreview{margin-inline:12px}.coachStrip{flex-direction:column;align-items:flex-start;gap:20px;margin:18px 12px 45px;padding:20px}.coachHeader h2{font-size:21px}.coachLegend span{width:calc(50% - 10px)}.coachStudents{padding:12px}.coachStudent{padding:15px}.coachFooter{flex-direction:column;align-items:flex-start}.coachFooter button{width:100%;min-height:46px}.modal{padding:34px 22px}}@media (max-width:380px){.brand strong{font-size:12px}.collabButton{max-width:116px}.hero h1{font-size:35px}.coachLegend span{width:100%}}