:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#243c35;--muted:#61746e;--paper:#f5f4ee;--line:#dce3d9;--accent:#285f4d}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Noto Sans TC,sans-serif;line-height:1.7}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,80px);display:flex}header a{letter-spacing:-1px;color:var(--ink);font-size:23px;font-weight:700;text-decoration:none}header span{color:var(--muted);font-size:13px}a{color:var(--accent)}h1{letter-spacing:-1px;font-size:clamp(30px,4vw,50px);line-height:1.3}h2{margin:0 0 25px;font-size:17px}button,.primary{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:12px 24px}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);color:#fff;border:0;font-weight:600;text-decoration:none;display:inline-block}.welcome{max-width:960px;margin:auto;padding:100px 24px}.welcome p{color:var(--muted);margin-bottom:32px}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:12px}.activity{max-width:1400px;margin:auto;padding:34px clamp(16px,4vw,60px) 80px}.activity-heading h1{margin:10px 0;font-size:32px}.activity-heading p[role=status]{color:var(--muted);font-size:14px}.workspace{grid-template-columns:1fr;gap:24px;margin-top:28px;display:grid}.workspace article,.questions{border:1px solid var(--line);background:#fff;border-radius:16px;padding:clamp(20px,3vw,40px)}.article-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:19px;line-height:2.2}fieldset{border:0;min-width:0;margin:26px 0 34px;padding:0}legend{margin-bottom:12px;font-weight:600}label{border:1px solid var(--line);border-radius:8px;align-items:baseline;gap:12px;margin-top:8px;padding:12px 14px;display:flex}label:has(input:checked){border-color:var(--accent);background:#edf5ee}input{accent-color:var(--accent)}.explanation{background:#edf5ee;border-radius:8px;margin-top:14px;padding:16px}.explanation p{margin:6px 0 0}.score{background:#edf5ee;border-radius:12px;padding:18px 22px}.score strong{font-size:44px}.score small{font-size:18px}.score p{margin:0}.notice{background:#fff0d9;border-radius:10px;padding:15px}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #c88932}@media (min-width:900px){.workspace{grid-template-columns:1.05fr 1fr;align-items:start}.workspace article{max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow:auto}}@media (max-width:480px){header span{display:none}.welcome{padding-top:65px}}.article-text:has(ruby){line-height:2.8}.article-text rt{-webkit-user-select:none;user-select:none;font-size:.52em}.answer-status{border-radius:6px;margin:6px 0 0 10px;padding:2px 10px;font-size:14px;font-weight:700;display:inline-block}.answer-status.is-correct{color:#226044;background:#edf7f0}.answer-status.is-incorrect{color:#a12622;background:#fff0ee}.choice-content{flex:1;min-width:0}.choice-status{margin-top:4px;font-size:13px;font-weight:700;display:block}.questions label.choice-correct{color:#226044;background:#edf7f0;border:2px solid #39805b}.questions label.choice-incorrect{color:#a12622;background:#fff0ee;border:2px solid #bd4741}.questions label.choice-incorrect input{accent-color:#a12622}.explanation.is-incorrect{color:#832722;background:#fff0ee;border-left:4px solid #bd4741}.explanation.is-correct{background:#edf7f0;border-left:4px solid #39805b}.dashboard{border:1px solid var(--line);background:#fff;border-radius:16px;margin:36px 0;padding:clamp(18px,3vw,32px)}.dashboard h2{margin:24px 0 16px;font-size:24px}.dashboard label{border:0;flex-wrap:wrap;padding:0;display:flex}.dashboard input,.dashboard select{font:inherit;border:1px solid var(--line);border-radius:8px;max-width:100%;padding:10px}.dashboard button{overflow-wrap:anywhere;max-width:100%;margin:12px 0}.dashboard dt{font-weight:600}.dashboard dd{margin:0 0 18px}.dashboard p{margin-bottom:16px}.suggestions{padding:0;list-style:none}.suggestions li{background:var(--paper);border-radius:10px;margin:12px 0;padding:16px}.suggestions h3{overflow-wrap:anywhere}.dashboard .notice{color:var(--ink)}.site-header{z-index:10;gap:12px;position:relative}.header-actions{align-items:center;gap:12px;display:flex}.header-language{border:0;margin:0;padding:0}.header-language select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px}.account-control{position:relative}.account-control>button{white-space:nowrap;padding:8px 14px}.account-panel{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(340px,100vw - 32px);max-height:calc(100dvh - 100px);padding:22px;position:absolute;top:calc(100% + 12px);right:0;overflow:auto;box-shadow:0 12px 36px #243c3520}.account-name{overflow-wrap:anywhere;margin-bottom:16px;display:block}.account-panel label{border:0;margin:0 0 8px;padding:0}.account-panel input{width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;padding:9px}.account-panel p{color:var(--muted);font-size:13px}.account-panel button{padding:8px 12px;font-size:14px}.site-header .logout-link{letter-spacing:0;border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:16px;display:block}.site-header .header-login{letter-spacing:0;font-size:16px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:480px){.site-header{padding:0 16px}.site-header .brand{font-size:20px}.header-actions{gap:8px}.header-language select{padding:8px;font-size:13px}.account-control>button{padding:8px;font-size:14px}.site-header .sr-only{display:block}}.site-header{flex-wrap:wrap;gap:1rem}.site-nav,.home-practices{flex-wrap:wrap;gap:.6rem;display:flex}.site-nav a,.home-practices a{border-radius:.5rem;padding:.55rem .8rem}.site-nav a[aria-current=page]{color:#203c32;background:#e7eee9;font-weight:700}.history-page{max-width:960px;margin:2rem auto;padding:0 1.25rem 4rem}.history-week{margin-top:2rem}.history-week h2{font-size:1.1rem}.history-week h2 button{text-align:left;width:100%}.history-week ul{padding:0;list-style:none}.history-week li{border-bottom:1px solid #d8ded9;justify-content:space-between;gap:1rem;padding:1.2rem 0;display:flex}.history-week h3{overflow-wrap:anywhere;margin:0}.history-week p{margin:.45rem 0}.history-week time{font-size:.85rem}.history-actions{flex-direction:column;justify-content:center;gap:.5rem;min-width:7rem;display:flex}.listening-player{border:1px solid #d8ded9;border-radius:1rem;margin:1.5rem 0;padding:1.4rem}.audio-actions{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.learning-aids,.home-practices{margin-top:2rem}@media (max-width:600px){.site-nav{order:3;justify-content:center;width:100%}.history-week li{flex-direction:column}.history-actions{flex-flow:wrap;justify-content:flex-start}.audio-actions button{flex:1}.history-page{margin-top:1rem}}.site-header{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px}.site-nav a{letter-spacing:0;white-space:nowrap;font-size:15px}.site-nav{gap:.25rem}.site-header .header-actions{margin-left:auto}@media (max-width:600px){.site-nav{justify-content:space-between}.site-nav a{padding:.5rem .35rem;font-size:14px}.site-header{row-gap:8px}.history-page{margin-top:1.5rem}}.audio-actions button{flex:1 0 auto;min-width:100px;padding:10px 12px;font-size:15px}.audio-actions label{flex-wrap:wrap}.score>a{margin-bottom:12px;display:block}.learning-aids ruby{ruby-position:over}.today-progress .summary-stats{color:#233b34;background:#f3f4f2;border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px;margin:24px 0 16px;padding:32px 20px;display:grid}.today-progress .summary-stat{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;min-width:0;display:flex}.today-progress .summary-stat dt{color:#59655f;overflow-wrap:anywhere;order:2;margin:0;font-size:14px;font-weight:400;line-height:1.5}.today-progress .summary-stat dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;order:1;max-width:100%;margin:0;font-size:clamp(40px,6vw,56px);font-weight:500;line-height:1.1}.today-progress .summary-stat .summary-stat-note{letter-spacing:normal;color:#59655f;order:3;margin:0;font-size:12px;font-weight:400;line-height:1.5}.today-progress .summary-footnote{color:#59655f;font-size:13px;line-height:1.6}.today-progress .summary-date{margin-bottom:4px;font-weight:500}.today-progress .summary-activities{grid-template-columns:1fr;gap:12px;margin:24px 0;display:grid}.today-progress .summary-activity{border:1px solid #dde2dd;border-radius:16px;min-width:0;padding:20px}.today-progress .summary-activity dt{margin:0 0 12px;font-size:14px;font-weight:500}.today-progress .summary-activity dd{margin:0}.today-progress .summary-activity-total{font-variant-numeric:tabular-nums;font-size:28px;font-weight:500}.today-progress .summary-activity-total span{color:#59655f;font-size:13px;font-weight:400}.today-progress .summary-activity .summary-activity-detail{color:#59655f;overflow-wrap:anywhere;margin-top:8px;font-size:13px;line-height:1.6}@media (min-width:640px){.today-progress .summary-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px;padding:36px 24px}.today-progress .summary-activities{grid-template-columns:repeat(3,minmax(0,1fr))}}.commercial-page{max-width:1040px;margin:auto;padding:64px 24px 88px}.commercial-page h1{max-width:850px}.commercial-page .lead{max-width:760px;color:var(--muted);font-size:20px}.commercial-page section{margin-top:42px}.commercial-page h2,.product-intro h2{margin-bottom:14px;font-size:22px}.commercial-page p{max-width:78ch}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:38px 0;display:grid}.plan-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:30px}.plan-card.featured{border:2px solid var(--accent);background:#eef5ef}.plan-card h2{font-size:28px}.plan-card .price{margin:20px 0;font-size:42px;font-weight:700;line-height:1.2}.price small{font-size:18px;font-weight:400}.plan-card ul{min-height:170px;padding-left:22px}.plan-card li{margin:12px 0}.saving{font-weight:600}.comparison{overflow-x:auto}.comparison table{border-collapse:collapse;background:#fff;width:100%}.comparison caption{text-align:left;margin-bottom:12px}.comparison th,.comparison td{text-align:left;border-bottom:1px solid var(--line);padding:16px}.comparison th{font-weight:600}.commercial-footer{border-top:1px solid var(--line);padding:36px clamp(24px,5vw,80px);font-size:14px}.commercial-footer .brand{font-size:22px;font-weight:700;text-decoration:none}.commercial-footer nav{flex-wrap:wrap;gap:14px 24px;margin-top:18px;display:flex}.commercial-footer p{color:var(--muted);overflow-wrap:anywhere}.product-intro{margin-top:64px}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.value-grid article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.business-details dt{margin-top:24px;font-weight:700}.business-details dd{overflow-wrap:anywhere;margin:6px 0}.billing-actions{flex-wrap:wrap;gap:16px;display:flex}@media (max-width:700px){.pricing-grid,.value-grid{grid-template-columns:1fr}.commercial-page{padding-top:36px}.plan-card{padding:24px}.plan-card ul{min-height:0}.comparison th,.comparison td{padding:12px;font-size:14px}}.product-demo{border-top:1px solid var(--line);margin:64px 0 0;padding-top:32px}.product-demo h2{margin:0 0 16px;font-size:clamp(24px,3vw,34px);line-height:1.4}.product-demo .eyebrow{margin-bottom:14px}.product-demo-frame{aspect-ratio:16/9;border:1px solid var(--line);background:var(--paper);border-radius:18px;overflow:hidden}.product-demo-frame video,.product-demo-play,.product-demo-play img{object-fit:contain;width:100%;height:100%;display:block}.product-demo-play{background:var(--paper);border:0;border-radius:0;padding:0;position:relative}.product-demo-play:focus-visible{outline-offset:-5px}.product-demo-play-label{background:var(--accent);color:#fff;white-space:nowrap;border-radius:30px;padding:10px 22px;font-size:15px;font-weight:600;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.product-demo .product-demo-note{color:var(--muted);margin:18px 0;font-size:13px;line-height:1.7}.product-demo-links{flex-wrap:wrap;gap:14px 24px;font-size:14px;display:flex}.product-demo-links>a:first-child{font-weight:700}.product-demo-transcript{margin-top:20px;font-size:14px}.product-demo-transcript summary{cursor:pointer}.product-demo-transcript li{margin:8px 0}@media (max-width:480px){.product-demo{margin-top:40px}.product-demo-play-label{padding:8px 14px;font-size:12px;bottom:5%}.product-demo-frame{border-radius:12px}}.header-guide{white-space:nowrap;color:var(--ink);font-size:14px;text-decoration:none}.prompt-showcase{margin:72px 0}.prompt-showcase h2{max-width:32ch;font-size:clamp(26px,3vw,36px)}.prompt-showcase h3,.guide-page h3{margin:0 0 14px;font-size:20px}.first-prompt{background:#edf3eb;border:1px solid #cedbce;border-radius:24px;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0;padding:32px;display:grid}.response-preview{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.response-preview ul{padding-left:20px;line-height:2}.guide-note{color:var(--muted);font-size:14px;line-height:1.7}.prompt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 32px;display:grid}.prompt-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-width:0;padding:24px;display:flex}.prompt-card>a{margin-top:auto}.guide-badges{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;display:flex}.guide-badge{color:#355141;background:#edf2ec;border-radius:50px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.guide-badge.is-pro{color:#755318;background:#f6e8c9}.copy-prompt{margin:12px 0 20px}.prompt-text{overflow-wrap:anywhere;font-size:16px;line-height:1.8}.copy-prompt button{color:#2e5141;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #9aafa1;border-radius:8px;padding:10px 14px;font-size:14px}.copy-prompt button:hover{background:#f2f6f0}.copy-prompt button:focus-visible,.guide-page a:focus-visible,.prompt-showcase a:focus-visible{outline-offset:4px;outline:3px solid #507c5e}.copy-status{color:#355141;margin-top:8px;font-size:13px;line-height:1.6;display:block}.copy-status:empty{display:none}.copy-prompt textarea{width:100%;min-height:100px;font:inherit;margin-top:12px;padding:12px}.guide-page{max-width:1120px;margin:auto;padding:64px 24px 88px}.guide-page h1{font-size:clamp(34px,5vw,54px)}.guide-lead{color:var(--muted);max-width:65ch;font-size:20px}.guide-page>section{margin-top:48px}.guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-left:24px;display:grid}.guide-steps li{padding-left:5px}.guide-steps li::marker{color:#42604a;font-weight:700}.guide-help{border-left:3px solid #a9bca6;padding:8px 20px;font-size:14px;line-height:1.8}.guide-index{border-block:1px solid var(--line);flex-wrap:wrap;gap:12px 24px;margin-top:40px;padding:24px 0;display:flex}.guide-index a{padding:6px 0}.guide-feature{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:56px;padding-top:40px;scroll-margin-top:100px;display:grid}.guide-feature-heading h2{font-size:28px}.guide-feature .copy-prompt{border-bottom:1px solid var(--line);padding:0 0 16px}.guide-feature .response-preview{background:#f1f4ee;margin:24px 0}.reading-example{padding:16px 0;font-size:24px}.reading-example rt{font-size:12px}.guide-closing{background:#edf3eb;border-radius:20px;padding:32px}.guide-page p{line-height:1.8}@media (max-width:900px){.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-feature{gap:28px}}@media (max-width:600px){.first-prompt,.prompt-grid,.guide-steps,.guide-feature{grid-template-columns:1fr}.first-prompt{gap:20px;padding:22px}.prompt-card,.response-preview{padding:20px}.guide-page{padding-top:36px}.guide-steps{gap:16px}.guide-feature{gap:12px;scroll-margin-top:150px}.prompt-showcase{margin:48px 0}.header-actions{gap:10px}.header-guide{font-size:13px}.guide-closing{padding:24px}}.welcome .prompt-showcase .prompt-text{color:var(--ink);margin-bottom:16px}.welcome .prompt-showcase .guide-note{margin-bottom:20px}.welcome .prompt-showcase .eyebrow{margin-bottom:12px}.platform-page{max-width:1100px;margin:32px auto;padding:24px}.platform-toolbar{flex-wrap:wrap;align-items:end;gap:16px;margin:20px 0;display:flex}.platform-toolbar label{gap:8px;display:grid}.platform-page button,.platform-page select{cursor:pointer;border:1px solid #c9d4ce;border-radius:8px;padding:10px 16px}.platform-page button:disabled{opacity:.5;cursor:default}.platform-items{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.platform-items article,.platform-preview{background:var(--surface,#fff);border:1px solid #d7dfd8;border-radius:12px;padding:20px}.platform-items label{gap:12px;font-weight:600;display:flex}.platform-check{gap:10px;display:flex}.platform-diff{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.platform-diff pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.platform-notice{background:#edf3ed;border-radius:8px;padding:16px}.platform-preview{margin:24px 0}
.analytics-settings{text-align:center;max-width:1120px;margin:0 auto;padding:0 24px 24px}.analytics-settings button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:7px 12px;font-size:.85rem}.analytics-consent{z-index:100;box-sizing:border-box;color:#173b30;background:#fff;border:1px solid #a5b6ae;border-radius:14px;width:min(540px,100% - 32px);max-height:70vh;padding:20px;font-size:14px;line-height:1.6;position:fixed;bottom:16px;left:16px;overflow:auto;box-shadow:0 8px 32px #0003}.analytics-consent p{margin:8px 0 14px}.analytics-consent a{color:#17634b;text-decoration:underline}.analytics-consent>div{flex-wrap:wrap;gap:10px;display:flex}.analytics-consent button{font:inherit;color:#174d3b;cursor:pointer;background:#fff;border:1px solid #17634b;border-radius:8px;min-height:42px;padding:8px 14px}.analytics-consent button:focus-visible,.analytics-settings button:focus-visible{outline-offset:3px;outline:3px solid #4088d2}