:root{--ink:#2c3b42;--ink-soft:#667b84;--ink-faint:#9aaab1;--line:#ece3d6;--line-soft:#f4ece1;--bg:#fff;--bg-cream:#fdf7ee;--bg-soft:#faf4ea;--brand:#c8891f;--brand-deep:#a06d13;--brand-bright:#e0a233;--brand-ink:#fff;--brand-soft:#fbeed6;--peach:#f7dcb4;--peach-soft:#fceeda;--deep:#22414e;--deep-soft:#2f5566;--measure:36rem;--page:70rem;--radius:12px;--radius-lg:20px;--shadow:0 1px 2px #2c3b420a, 0 6px 20px #2c3b4212;--shadow-lg:0 2px 6px #2c3b420d, 0 16px 40px #2c3b421f;--font-sans:"Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang TC", "Microsoft JhengHei", "Heiti TC", sans-serif;--font-display:Lato, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;touch-action:manipulation;font-size:100%}:where(ul,ol)[class]{margin:0;padding:0}body{font-family:var(--font-sans);letter-spacing:.01em;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.8}img,svg,video{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .6em;font-weight:700;line-height:1.25}h1{font-size:1.9rem}h2{font-size:1.4rem}h3{font-size:1.075rem}p,li{margin:0 0 1em}ul{padding-left:1.25em}a{color:var(--brand)}a:hover{text-decoration:none}:focus-visible{outline:2px solid var(--brand-bright);outline-offset:2px}.page{max-width:var(--page);margin:0 auto;padding:0 1.25rem}.section{padding:3rem 0}.section--soft{background:var(--bg-soft)}.section--cream{background:var(--bg-cream)}.prose{max-width:var(--measure)}.eyebrow{letter-spacing:.14em;color:var(--brand);margin:0 0 .7rem;font-size:.8rem;font-weight:700;display:inline-block}.hero{background:var(--bg-cream);color:var(--ink);padding-block:2.75rem 2.5rem;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";background:var(--peach);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.hero:before{width:21rem;height:21rem;top:-7rem;right:-6rem}.hero:after{opacity:.4;width:15rem;height:15rem;bottom:-7rem;left:-5rem}.hero__inner{z-index:1;position:relative}.hero .lead span{display:inline-block}.hero h1{color:var(--ink);margin-bottom:.5em;font-size:clamp(1.85rem,6.4vw,3rem);line-height:1.35}.hero h1 em{color:var(--brand);font-style:normal}.hero .lead{color:var(--ink-soft);max-width:30rem;margin-bottom:0;font-size:clamp(1rem,2.6vw,1.15rem)}.hero .note{color:var(--ink-soft);margin:0;font-size:.92rem}.hero .note b{color:var(--brand);font-weight:700}.stats{border-top:1px solid #2c3b421f;justify-content:space-between;gap:.5rem;margin:2rem 0 0;padding:1.35rem 0 0;list-style:none;display:flex}.stats li{margin:0}.stats b{color:var(--brand);letter-spacing:-.02em;font-size:clamp(1.45rem,5vw,1.95rem);font-weight:700;line-height:1.1;display:block}.stats span{color:var(--ink-soft);font-size:.82rem}.quiz{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:34rem;margin:0 auto;padding:1.75rem 1.5rem 1.5rem;position:relative}.quiz__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.quiz__head h2{margin:0;font-size:1.25rem}.quiz__badge{flex:none;width:84px;height:auto}.quiz__bar{background:var(--line-soft);border-radius:99px;height:7px;margin-bottom:1.5rem;overflow:hidden}.quiz__bar i{background:var(--brand-bright);border-radius:99px;height:100%;transition:width .35s;display:block}.quiz__q{text-align:center;margin:0 0 1.25rem;font-size:1.2rem;font-weight:700;line-height:1.6}.quiz__q u{border-bottom:2px solid var(--ink-faint);padding:0 1.6rem;text-decoration:none}.quiz__options{margin:0;padding:0;list-style:none}.quiz__options li{margin:0 0 .6rem}.quiz__opt{width:100%;font:inherit;text-align:left;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.75rem;padding:.7rem .9rem;transition:border-color .15s,background-color .15s;display:flex}.quiz__opt:hover:not(:disabled){border-color:var(--brand-bright);background:var(--brand-soft)}.quiz__opt:disabled{cursor:default;color:var(--ink);opacity:1}.quiz__opt span{border:2px solid var(--deep);width:22px;height:22px;color:var(--deep);border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:700;display:grid}.quiz__opt[data-state=picked]{border-color:var(--brand-bright);background:var(--brand-soft)}.quiz__opt[data-state=picked] span{border-color:var(--brand);background:var(--brand);color:#fff}.quiz__after .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.quiz__after{text-align:center;margin-top:1.25rem}.quiz__after p{color:var(--ink-soft);font-size:.95rem}.features{grid-template-columns:1fr;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.feature{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin:0;transition:transform .18s,box-shadow .18s;overflow:hidden}.feature:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.feature__media{aspect-ratio:16/10;object-fit:cover;background:var(--peach-soft);width:100%;display:block}.feature:not(:has(.feature__media)){border-left:4px solid var(--brand-bright)}.feature__body{padding:1.35rem 1.4rem 1.5rem}.feature__body h3{align-items:baseline;gap:.5rem;margin-bottom:.5em;font-size:1.12rem;display:flex}.feature__body h3:before{content:"✿";color:var(--brand-bright);font-size:.95em}.feature__body p{color:var(--ink-soft);margin:0;font-size:.95rem}.honors-wrap{position:relative}.honors{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:1.25rem;margin:0;padding:.25rem 0 .5rem;list-style:none;display:flex;overflow-x:auto}.honors::-webkit-scrollbar{display:none}.honor{scroll-snap-align:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex:0 0 86%;align-items:center;gap:1rem;margin:0;padding:1.25rem 1.35rem;display:flex}.honors-dots{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.honors-dots button{background:var(--line);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:width .2s,background-color .2s}.honors-dots button.is-on{background:var(--brand-bright);border-radius:99px;width:22px}.honor__avatar{background:linear-gradient(140deg, var(--peach), var(--brand-soft));width:60px;height:60px;color:var(--brand-deep);border-radius:50%;flex:none;place-items:center;font-size:1.2rem;font-weight:700;display:grid;overflow:hidden}.honor__avatar img{object-fit:cover;width:100%;height:100%}.honor__body{min-width:0}.honor__score{color:var(--ink);letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:.35rem;margin:0 0 .1em;font-size:1.2rem;font-weight:700;display:flex}.honor__score i{color:var(--ink-faint);font-style:normal}.honor__score b{color:var(--brand-deep);background:var(--brand-soft);border-radius:999px;margin-left:.15rem;padding:.1rem .6rem;font-size:.82rem;font-weight:700}.honor__name{color:var(--ink-faint);margin:0 0 .4em;font-size:.86rem}.honor p{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.7}.section-intro{color:var(--ink-soft);margin-top:-.4rem}.pagehead{background:linear-gradient(180deg, var(--peach-soft), var(--bg));border-bottom:1px solid var(--line-soft);padding-block:2.75rem 2.25rem}.pagehead h1{margin-bottom:.3em}.pagehead p{color:var(--ink-soft);max-width:var(--measure);margin:0}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;min-height:46px;padding:.8rem 1.6rem;font-weight:700;line-height:1.5;text-decoration:none;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--brand-bright);color:var(--brand-ink);box-shadow:0 4px 14px #c8891f52}.btn--primary:hover{background:var(--brand);box-shadow:0 6px 20px #c8891f66}.btn--secondary{color:var(--brand);border-color:var(--line);background:0 0;background:var(--bg)}.btn--secondary:hover{border-color:var(--brand)}.btn-row{flex-wrap:wrap;gap:.7rem;margin:1.6rem 0 1rem;display:flex}.cards{grid-template-columns:1fr;gap:1.15rem;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow);margin:0;padding:1.6rem 1.5rem 1.4rem;transition:transform .18s,box-shadow .18s;position:relative}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card h3{margin-bottom:.4em}.card p:last-child,.card ul:last-child,.card ul li:last-child{margin-bottom:0}.card__icon{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:11px;place-items:center;margin-bottom:1rem;display:grid}.card__icon svg{width:22px;height:22px}.highlight{background:linear-gradient(180deg, var(--peach-soft), #fffdf8);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid #f0dcba;padding:1.6rem 1.6rem 1.4rem}.highlight h2{margin-bottom:.5em}.highlight ul{margin-bottom:0;padding-left:0;list-style:none}.highlight li{margin-bottom:.6em;padding-left:1.85rem;position:relative}.highlight li:last-child{margin-bottom:0}.highlight li:before{content:"";border-left:2.5px solid var(--brand);border-bottom:2.5px solid var(--brand);width:.62rem;height:.34rem;position:absolute;top:.62em;left:.15rem;transform:rotate(-45deg)}.cta{background:linear-gradient(135deg, var(--deep), var(--deep-soft));color:#fff;border-radius:var(--radius-lg);text-align:center;padding:2.25rem 1.75rem}.cta h2{color:#fff;margin-bottom:.4em}.cta p{color:#ffffffd1;max-width:34rem;margin:0 auto}.cta .btn-row{justify-content:center;margin-bottom:0}.todo{color:#8f4444;border-radius:var(--radius);background:#fdf6f6;border:1px dashed #d8a9a9;padding:.7rem .95rem;font-size:.85rem;line-height:1.7}.site-header{z-index:20;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:saturate(1.6)blur(10px);backdrop-filter:saturate(1.6)blur(10px);background:#ffffffe0;position:sticky;top:0}.site-header .page{flex-wrap:wrap;align-items:center;gap:.4rem 1.25rem;padding-top:.85rem;padding-bottom:.85rem;display:flex}.site-title{align-items:center;margin-right:auto;text-decoration:none;display:flex}.site-title img{width:auto;height:30px;display:block}.site-nav ul{flex-wrap:wrap;gap:.35rem 1.35rem;margin:0;padding:0;list-style:none;display:flex}.site-nav li{margin:0}.site-nav a{color:var(--ink-soft);padding:.2rem 0;font-size:.95rem;font-weight:700;text-decoration:none;position:relative}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--brand)}.site-nav a[aria-current=page]:after{content:"";background:var(--brand-bright);border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0}.site-footer{background:var(--deep);color:#ffffffbd;margin-top:3.5rem;padding:2.75rem 0 2rem;font-size:.92rem}.site-footer a{color:#fff}.site-footer p{margin:0 0 .45em}.footer-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}.footer-brand strong{color:#fff;margin-bottom:.3em;font-size:1.08rem;display:block}.footer-tag{color:#ffffff8c;font-size:.86rem}.footer-head{color:#fff;letter-spacing:.1em;margin-bottom:.7em;font-size:.86rem;font-weight:700}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin:0 0 .4em}.footer-links a{color:#ffffffb8;text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{color:#ffffff80;border-top:1px solid #ffffff1f;margin-top:2rem;padding-top:1.25rem;font-size:.84rem}.footer-bottom p{margin:0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{z-index:30;background:var(--bg);border-radius:var(--radius);padding:.5rem .9rem;top:.5rem;left:.5rem}@media (min-width:40rem){h1{font-size:2.4rem}h2{font-size:1.75rem}.section{padding:4.5rem 0}.pagehead{padding-block:4rem 3.25rem}.cards{grid-template-columns:repeat(3,1fr)}.cta{padding:3.25rem 2.5rem}.footer-grid{grid-template-columns:2fr 1fr 1fr}.stats{max-width:32rem}.features{grid-template-columns:repeat(3,1fr)}.honor{flex-basis:calc(50% - .625rem)}.hero{padding-block:4rem 3.5rem}.quiz{padding:2rem 2rem 1.75rem}}.reveal.is-in{animation:.62s cubic-bezier(.22,.7,.3,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.quiz__step{animation:.32s both slide-in}@keyframes slide-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.hero h1{animation:.7s cubic-bezier(.22,.7,.3,1) both rise}.hero .lead{animation:.7s cubic-bezier(.22,.7,.3,1) .1s both rise}.hero .btn-row{animation:.7s cubic-bezier(.22,.7,.3,1) .18s both rise}.hero .note{animation:.7s cubic-bezier(.22,.7,.3,1) .26s both rise}.hero .stats{animation:.7s cubic-bezier(.22,.7,.3,1) .34s both rise}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.btn:hover,.card:hover{transform:none}}.auth-shell{background:var(--bg-cream);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:start;gap:clamp(1.5rem,5vw,4rem);min-height:100svh;padding:clamp(1.5rem,5vh,3rem) clamp(1.25rem,5vw,4rem);display:grid;position:relative;overflow:clip}.auth-shell:before,.auth-shell:after{content:"";background:var(--peach);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.auth-shell:before{width:30rem;height:30rem;top:-12rem;right:-10rem}.auth-shell:after{background:var(--peach-soft);width:18rem;height:18rem;bottom:-9rem;left:-6rem}.auth-brand{z-index:1;place-self:start end;width:min(26rem,100%);position:sticky;top:max(1.5rem,50vh - 9.5rem)}.auth-logo{--logo-h:clamp(34px, 4.5vw, 44px);text-decoration:none;display:inline-block}.auth-slogan{color:#333;font-size:calc(var(--logo-h) * .21);letter-spacing:.16em;white-space:nowrap;justify-content:space-between;margin:0 0 .3rem;padding-left:23.5%;font-weight:600;line-height:1.3;display:flex}.auth-logo img{width:auto;height:var(--logo-h);display:block}.auth-tagline{text-align:center;color:var(--ink);margin:1.1rem 0 0;font-size:clamp(1.2rem,2.3vw,1.55rem);font-weight:700;line-height:1.4}.auth-points{color:var(--ink-soft);margin:1.35rem 0 0;padding:0;font-size:.94rem;list-style:none}.auth-points li{margin-top:.5rem;padding-left:1.1rem;position:relative}.auth-points li:before{content:"";background:var(--brand-bright);border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:0}.auth-points b{color:var(--brand);font-size:1.15em}.auth-back{color:var(--ink-soft);margin-top:1.6rem;font-size:.9rem;text-decoration:none;display:inline-block}.auth-back:hover{color:var(--brand);text-decoration:underline}.auth-main{z-index:1;justify-self:start;width:min(26rem,100%);position:relative}@media (max-width:860px){.auth-shell{grid-template-columns:minmax(0,1fr);align-content:start;gap:1.5rem;padding:2rem 1.25rem 3rem}.auth-brand,.auth-main{justify-self:center}.auth-brand{position:relative;top:auto}.auth-tagline{margin-top:.85rem;font-size:1.1rem}.auth-points{display:none}.auth-back{margin-top:1rem}.auth-shell:before{width:16rem;height:16rem;top:-7rem;right:-5rem}.auth-shell:after{display:none}}.auth-panel{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);padding:clamp(1.5rem,4vw,2rem) clamp(1.25rem,4vw,1.75rem) 2.25rem}.auth-panel h1{margin-top:0;margin-bottom:.35rem;font-size:1.4rem}.auth-lead{color:var(--ink-soft);margin-top:-.4rem;font-size:.95rem}.auth-form{flex-direction:column;display:flex}.auth-form label{margin-top:1.05rem;font-size:.88rem;font-weight:700}.auth-form input{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);margin-top:.4rem;padding:.7rem .85rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}.auth-form input:focus{border-color:var(--brand-bright);box-shadow:0 0 0 3px #e0a2332e}.auth-form input:focus-visible{outline:none}.pw-field{margin-top:.4rem;display:flex;position:relative}.pw-field input{flex:1;min-width:0;margin-top:0;padding-right:4.2rem}.auth-form .pw-toggle{min-height:2.2rem;font:inherit;color:var(--ink-soft);cursor:pointer;box-shadow:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;margin:0;padding:.35rem .7rem;font-size:.85rem;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.auth-form .pw-toggle:hover{color:var(--brand-deep);background:var(--bg-soft)}.auth-form .pw-toggle:focus-visible{outline:3px solid var(--brand);outline-offset:1px}.auth-form small{color:var(--ink-faint);margin-top:.35rem;font-size:.8rem}.auth-form button[type=submit]{font:inherit;color:var(--brand-ink);background:var(--brand-bright);cursor:pointer;border:none;border-radius:999px;min-height:46px;margin-top:1.6rem;padding:.8rem 1rem;font-weight:700;transition:background-color .15s;box-shadow:0 4px 14px #c8891f4d}.auth-form button[type=submit]:hover:not(:disabled){background:var(--brand)}.auth-form button[type=submit]:disabled{opacity:.6;cursor:progress}.auth-error{color:#8a1c1c;border-radius:var(--radius);background:#fdf0f0;border:1px solid #f0c9c9;margin:0 0 .5rem;padding:.7rem .85rem;font-size:.9rem}.auth-divider{color:var(--ink-faint);align-items:center;gap:.8rem;margin:1.35rem 0 1rem;font-size:.84rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-google{text-align:center;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:.6rem;margin-top:.85rem;padding:.8rem 1rem;font-weight:700;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.auth-google:hover{background:var(--bg-soft);border-color:var(--ink-faint)}.auth-google:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.auth-google__mark{flex:none;width:18px;height:18px}.auth-hint{text-align:center;color:var(--ink-soft);margin-top:1.35rem;font-size:.9rem}.turnstile{margin-top:1.25rem}.teacher-page{background:var(--bg-cream);min-height:100svh}.teacher-bar{z-index:20;-webkit-backdrop-filter:saturate(1.6)blur(10px);backdrop-filter:saturate(1.6)blur(10px);border-bottom:1px solid var(--line-soft);background:#ffffffe6;position:sticky;top:0}.teacher-bar__inner{max-width:var(--page);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin:0 auto;padding:.7rem 1.25rem;display:flex}.teacher-brand{color:var(--ink);align-items:center;gap:.7rem;margin-right:auto;text-decoration:none;display:flex}.teacher-brand img{width:auto;height:26px;display:block}.teacher-brand span{border-left:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;padding-left:.7rem;font-size:.92rem;font-weight:700}.teacher-bar__actions{align-items:center;gap:.9rem;font-size:.9rem;display:flex}.teacher-bar__actions a{color:var(--ink-soft);text-decoration:none}.teacher-bar__actions a:hover{color:var(--brand);text-decoration:underline}.logout-btn{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.88rem}.logout-btn:hover:not(:disabled){border-color:var(--ink-faint);background:var(--bg-soft)}.logout-btn:disabled{opacity:.6;cursor:default}.teacher-shell{max-width:var(--page);margin:0 auto;padding:1.75rem 1.25rem 4rem}.teacher-header h1{margin-bottom:.2em}.teacher-header p{color:var(--ink-soft);margin-top:0}.teacher-counts{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.85rem;margin:1.75rem 0;display:grid}.teacher-counts a,.teacher-counts div{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-lg);text-align:center;color:inherit;padding:1.25rem 1rem;text-decoration:none;display:block}.teacher-counts a{transition:border-color .15s,transform .15s}.teacher-counts a:hover{border-color:var(--brand-bright);transform:translateY(-1px)}.teacher-counts a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.teacher-counts strong{color:var(--brand);font-size:1.9rem;font-weight:700;line-height:1.2;display:block}.teacher-counts span{color:var(--ink-soft);font-size:.85rem}.teacher-section{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-lg);margin-top:1.5rem;padding:1.5rem 1.35rem 1.75rem}.teacher-section>h2:first-child{margin-top:0}.teacher-note{color:var(--ink-soft);font-size:.9rem}.teacher-ok{color:#14532d;background:var(--brand-soft);border-radius:var(--radius);border:1px solid #cfe0d4;padding:.7rem .9rem;font-size:.9rem}.teacher-form-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem;display:grid}.teacher-form label{flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:700;display:flex}.teacher-form input,.teacher-form select{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);padding:.55rem .7rem;font-size:1rem;font-weight:400}.teacher-form button[type=submit]{font:inherit;color:var(--brand-ink);background:var(--brand-bright);cursor:pointer;border:none;border-radius:999px;margin-top:1.1rem;padding:.65rem 1.4rem;font-weight:700}.teacher-filter{flex-wrap:wrap;align-items:center;gap:.8rem;margin:1.1rem 0;font-size:.9rem;display:flex}.teacher-filter input[type=search]{min-width:12rem;font:inherit;border:1px solid var(--line);border-radius:var(--radius);flex:1;padding:.55rem .7rem;font-size:1rem}.teacher-filter label{align-items:center;gap:.35rem;display:flex}.teacher-filter button{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);cursor:pointer;padding:.55rem 1.1rem}.teacher-table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);overflow-x:auto}.teacher-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.9rem}.teacher-table th,.teacher-table td{text-align:left;border-bottom:1px solid var(--line-soft);padding:.65rem .8rem}.teacher-table tr:last-child td{border-bottom:none}.teacher-table th{letter-spacing:.16em;color:var(--ink-soft);background:var(--bg-soft);font-size:.78rem}.teacher-table tr[data-status=suspended]{opacity:.55}.teacher-table .muted{color:var(--ink-faint)}.teacher-actions{gap:.35rem;display:flex}.teacher-actions button{font:inherit;border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:999px;padding:.32rem .7rem;font-size:.8rem}.teacher-actions button:hover:not(:disabled){background:var(--bg-soft)}.teacher-actions button:disabled{opacity:.5;cursor:progress}.teacher-actions button.danger{color:#8a1c1c;border-color:#f0c9c9}.teacher-empty{color:var(--ink-soft)}.teacher-pager{color:var(--ink-soft);margin-top:1rem;font-size:.85rem}.troubled{height:calc(3.5 * var(--vh));background:var(--bg-soft);--header-h:0px;--avail:calc(var(--vh) - var(--header-h));--vh:100svh;position:relative}@supports not (height:100svh){.troubled{--vh:100vh}}.troubled__scroll{width:100%;height:var(--vh);position:absolute;left:0}.troubled__scroll:first-of-type{top:0}.troubled__scroll:nth-of-type(2){top:var(--vh)}.troubled__scroll:nth-of-type(3){top:calc(2 * var(--vh));height:calc(1.5 * var(--vh))}.troubled__pin{top:var(--header-h);z-index:1;height:var(--avail);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.7rem,2.4vh,1.6rem);padding:clamp(.75rem,2vh,1.5rem) 0;display:flex;position:sticky;overflow:hidden}.troubled__stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,4vw,3rem);width:min(1360px,100% - 3rem);min-height:0;display:grid;position:relative}.troubled__titles{transform-origin:0;font-family:var(--font-display);letter-spacing:.12em;color:var(--peach);pointer-events:none;white-space:nowrap;font-size:clamp(2.6rem,5.4vw,5.2rem);font-weight:100;position:absolute;top:50%;left:-.4em;transform:rotate(90deg)translate(-50%)}.troubled__titles p{opacity:0;grid-area:1/1;transition:opacity .4s}.troubled__titles{display:grid}.troubled__titles p.is-on{opacity:1}.troubled__papers{max-width:min(520px, calc((var(--avail) - 6.5rem) * .7));grid-column:1;margin-left:clamp(1.5rem,6vw,4.5rem);list-style:none;display:grid;position:relative}.troubled__papers li{grid-area:1/1;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .5s}.troubled__papers li.is-gone{transform:translateY(calc(-1.1 * var(--vh)))}.troubled__papers a{filter:drop-shadow(0 18px 34px #22414e29);display:block;position:relative}.troubled__papers img{width:100%;height:auto;display:block}.troubled__papers .paper-hover{z-index:0;position:absolute;inset:0}.troubled__papers .paper-still{z-index:1;transition:opacity .4s;position:relative}.troubled__papers a:hover .paper-still,.troubled__papers a:focus-visible .paper-still{opacity:0}.troubled__papers a:focus-visible{outline:3px solid var(--brand);outline-offset:6px}.troubled__photos{max-width:min(720px, calc(var(--avail) - 6.5rem));grid-column:2;justify-self:center;display:grid;position:relative}.troubled__photos img{opacity:0;grid-area:1/1;width:100%;height:auto;transition:opacity .5s}.troubled__photos img.is-on{opacity:1}.troubled__out{z-index:3;text-align:center;max-width:calc(100% - 2rem);color:var(--ink-soft);flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:.6rem 1rem;margin:0;font-size:.92rem;display:flex;position:relative}@media (max-width:860px){.troubled__titles{display:none}.troubled__stage{grid-template-columns:minmax(0,1fr);gap:clamp(.5rem,2vh,1.25rem);width:calc(100% - 2rem)}.troubled__papers{max-width:min(320px, calc(.46 * var(--avail)));grid-column:1;margin:0 auto}.troubled__photos{max-width:min(280px, calc(.22 * var(--avail)));opacity:.85;grid-area:1/1;margin:0 auto}.troubled__out{flex-direction:column;gap:.35rem;width:100%;max-width:none}.troubled__out>*{margin:0}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.troubled__papers li{transition:opacity .2s}.troubled__papers li.is-gone{opacity:0;transform:none}}.banners{position:relative}.banners__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;list-style:none;display:flex;overflow-x:auto}.banners__track::-webkit-scrollbar{display:none}.banners__track>li{scroll-snap-align:start;flex:0 0 100%}.banners__track img{width:100%;height:auto;display:block}.banners__dots{gap:.45rem;display:flex;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}.banners__dots button{cursor:pointer;background:#22414e47;border:0;border-radius:50%;width:9px;height:9px;padding:0;transition:background .2s,transform .2s;box-shadow:0 0 0 1px #ffffff8c}.banners__dots button.is-on{background:var(--brand);transform:scale(1.25)}.banners__dots button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.logos{background:var(--bg);border-block:1px solid var(--line-soft);padding:1.1rem 0;overflow:hidden}.logos__track{width:max-content;animation:60s linear infinite logos-scroll;display:flex}.logos__track img{width:auto;max-width:none;height:50px;display:block}@keyframes logos-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logos:hover .logos__track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.logos__track{animation:none}.logos{overflow-x:auto}}.alert-list{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.alert{border:1px solid var(--line);border-left:4px solid var(--ink-faint);border-radius:var(--radius);background:var(--bg);padding:.9rem 1rem}.alert[data-level=alert]{background:#fdf6f5;border-left-color:#c0392b}.alert__who{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.alert__who b{font-size:1.02rem}.alert__account{color:var(--ink-faint);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.alert__unknown{color:#a03228;background:#fdeceb;border-radius:99px;padding:.05rem .45rem;font-size:.76rem}.alert__facts{color:var(--ink-soft);flex-wrap:wrap;gap:.3rem 1.1rem;margin:.45rem 0 0;font-size:.89rem;display:flex}.alert__facts b{color:var(--ink)}.alert__read{color:var(--ink-soft);margin:.45rem 0 0;font-size:.87rem}.alert-note{border-radius:var(--radius);color:var(--ink);background:#fdf6f5;border:1px solid #f0c9c9;padding:.7rem .9rem}.teacher-section__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.teacher-section__head h2{margin:0}.teacher-mask-toggle{color:var(--ink-soft);background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;text-decoration:none}.teacher-mask-toggle:hover{border-color:var(--ink-faint);background:var(--bg-soft)}.teacher-mask-toggle[data-on=true]{color:var(--brand-deep);background:var(--brand-soft);border-color:var(--brand-bright);font-weight:700}.practice-page{background:var(--bg-cream);min-height:100svh}.practice-shell{max-width:44rem;margin:0 auto;padding:1.75rem 1.25rem 4rem}.practice-head h1{margin-bottom:.3em}.practice-quota{background:var(--brand-soft);color:var(--brand-deep);border-radius:999px;margin-top:.4rem;padding:.35rem .85rem;font-size:.88rem;display:inline-block}.practice-blocked{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-lg);text-align:center;margin-top:1.5rem;padding:1.5rem}.practice-blocked p{margin-top:0}.practice-loading{min-height:40vh;color:var(--ink-soft);justify-content:center;align-items:center;gap:.6rem;display:flex}.practice-loading__dot{border:3px solid var(--line-soft);border-top-color:var(--brand);border-radius:50%;width:1.1rem;height:1.1rem;animation:.8s linear infinite practice-spin}@keyframes practice-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.practice-loading__dot{animation-duration:2.4s}}.passage-list{gap:.7rem;margin-top:1.5rem;padding:0;list-style:none;display:grid}.passage-list li{margin:0}.passage-card{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-lg);color:var(--ink);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}a.passage-card:hover{border-color:var(--brand-bright);transform:translateY(-1px)}a.passage-card:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.passage-card span{color:var(--ink-soft);white-space:nowrap;font-size:.88rem}.passage-card[aria-disabled]{opacity:.55}.practice-back{margin:0 0 .3rem;font-size:.9rem}.not-found{text-align:center;padding:4rem 0}.not-found .btn-row{justify-content:center}.practice-back a{color:var(--ink-soft);text-decoration:none}.practice-back a:hover{color:var(--brand)}.practice-title{margin-top:0}.dictation{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-lg);margin-top:1rem;padding:1.5rem 1.35rem 1.75rem}.dictation-progress{color:var(--ink-soft);gap:.45rem;margin-bottom:1.25rem;font-size:.9rem;display:grid}.dictation-progress .quiz__bar{margin:0}.dictation-audio{justify-content:center;align-items:center;gap:1.1rem;margin:.5rem 0 1.4rem;display:flex}.play-btn{width:4.5rem;height:4.5rem;color:var(--brand-ink);background:var(--brand-bright);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0 0 0 .25rem;font-size:1.6rem;transition:transform .12s;display:grid;box-shadow:0 8px 20px #e0a23359}.play-btn:hover{transform:scale(1.05)}.play-btn:active{transform:scale(.96)}.play-btn:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.key-word{border:1px solid var(--line);background:var(--bg-soft);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.35rem .75rem;width:fit-content;max-width:100%;margin:.4rem auto 1rem;padding:.55rem 1.1rem;display:flex}.key-word__label{color:var(--ink-faint);letter-spacing:.08em;font-size:.8rem}.key-word b{color:var(--ink);font-size:1.35rem}.key-word__zh{color:var(--ink-soft);font-size:1.05rem}.dictation-slow{color:var(--ink-soft);cursor:pointer;align-items:center;gap:.35rem;font-size:.9rem;display:flex}.dictation-noaudio{text-align:center;color:var(--ink-soft)}.dictation-noaudio p{margin-top:0}.dictation-blanks{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.55rem .5rem;min-height:2.2rem;margin-bottom:1.25rem;display:flex}.blank{border-bottom:2px solid var(--ink-faint);text-align:center;min-width:2.6rem;min-height:1.5rem;padding:0 .2rem;font-size:.98rem;display:inline-block}.blank--typed{color:var(--ink);font-size:1.05rem}.blank--active{border-bottom-color:var(--brand-bright);box-shadow:0 2px 0 var(--brand-bright)}.blank--ok{color:#2e7d4f;border-bottom-color:#2e7d4f}.blank--miss{border-bottom-color:#c0392b}.blank-punct{color:var(--ink-soft);font-size:1.1rem}.dictation-blanks{cursor:text}.dictation-extra{text-align:center;color:#c0392b;margin:-.6rem 0 .8rem;font-size:.9rem}.dictation-input{flex-direction:column;gap:.6rem;display:flex}.dictation-input textarea{resize:none;width:100%;line-height:1.5;font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);padding:.75rem .9rem;font-size:1.05rem;display:block;overflow:hidden}.dictation-input__tools{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.replay-btn{min-height:2.5rem;font:inherit;color:var(--ink);background:var(--bg-soft);border:1px solid var(--line-soft);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .95rem;font-size:.95rem;display:inline-flex}.replay-btn:active{transform:translateY(1px)}.replay-btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.dictation-input__tip{color:var(--ink-faint);font-size:.85rem}@media (hover:none){.dictation-input__tip{display:none}}.dictation-input textarea:focus{border-color:var(--brand-bright);outline:none;box-shadow:0 0 0 3px #e0a2332e}.dictation-hints{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1rem;display:grid}.hint-btn{font:inherit;color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;gap:.1rem;padding:.55rem .4rem;font-size:.9rem;display:grid}.hint-btn small{color:var(--ink-faint);font-size:.74rem}.hint-btn:hover:not(:disabled){border-color:var(--ink-faint)}.hint-btn:disabled{opacity:.5;cursor:default}.dictation-hint-shown{background:var(--brand-soft);border-radius:var(--radius);grid-template-columns:auto 1fr;gap:.35rem .8rem;margin:1rem 0 0;padding:.8rem 1rem;font-size:.95rem;display:grid}.dictation-hint-shown dt{color:var(--brand-deep);font-weight:700}.dictation-hint-shown dd{margin:0}.mono{letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dictation-result{border-radius:var(--radius);border-left:4px solid var(--ink-faint);background:var(--bg-soft);margin-top:.5rem;padding:1.1rem 1.1rem 1.2rem}.dictation-result--pass{background:#f1f8f3;border-left-color:#2e7d4f}.dictation-result--fail{border-left-color:var(--brand-bright)}.dictation-score{flex-wrap:wrap;align-items:baseline;gap:.3rem .8rem;margin:0 0 .6rem;display:flex}.dictation-score b{color:var(--ink);font-size:2rem;line-height:1}.dictation-score span{color:var(--ink-soft);font-size:.92rem}.dictation-yours{margin:0 0 .4rem;font-size:.95rem}.tok-ok{color:#2e7d4f}.tok-bad{color:#c0392b;text-decoration:line-through}.dictation-answer{margin:0 0 .4rem;font-weight:700}.dictation-done{text-align:center;background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-lg);margin-top:1rem;padding:2rem 1.5rem}.dictation-done .btn-row{justify-content:center}.dictation-loading{color:var(--ink-soft);text-align:center;padding:2rem 0}@media (max-width:560px){.dictation-hints{gap:.4rem}.hint-btn{font-size:.85rem}}.practice-hero{background:var(--bg-cream);position:relative;overflow:hidden}.practice-hero:before,.practice-hero:after{content:"";background:var(--peach);pointer-events:none;border-radius:50%;position:absolute}.practice-hero:before{opacity:.55;width:16rem;height:16rem;top:-6rem;right:-5rem}.practice-hero:after{opacity:.4;width:10rem;height:10rem;bottom:-6rem;left:-4rem}.practice-hero__inner{z-index:1;padding-bottom:1.5rem;position:relative}.practice-hero h1{margin-bottom:.35em}.practice-modes{gap:1.1rem;padding-top:.5rem;display:grid}@media (min-width:40rem){.practice-modes{grid-template-columns:1fr 1fr}}.practice-mode{color:var(--ink);text-decoration:none;display:block}.practice-mode:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.practice-mode--locked{background:var(--bg-soft);cursor:not-allowed}.practice-mode--locked h2,.practice-mode--locked>p:not(.practice-mode__lock),.practice-mode--locked .practice-mode__en{color:var(--ink-faint)}.practice-mode--locked .practice-mode__lock{border-top:1px dashed var(--line-soft);color:var(--ink);cursor:auto;margin:.6rem 0 0;padding-top:.6rem;font-size:.92rem}.practice-mode__lock a{color:var(--brand);font-weight:700}.practice-mode h2{margin:.2rem 0 .5rem}.practice-mode p{color:var(--ink-soft)}.practice-mode__en{font-family:var(--font-display);letter-spacing:.18em;color:var(--brand);font-size:.85rem;font-weight:300}.practice-mode__stat{background:var(--brand-soft);border-radius:999px;margin:.4rem 0 0;padding:.3rem .8rem;font-size:.85rem;display:inline-block;color:var(--brand-deep)!important}.practice-title__sub{color:var(--ink-soft);letter-spacing:.08em;font-size:.85rem;font-weight:400;display:block}.wordset-card{flex-wrap:wrap;row-gap:.55rem}.wordset-due{color:#b0482c;background:#fde8e2;border-radius:999px;margin-right:.6rem;padding:.1rem .55rem;font-style:normal}.wordset-bar{background:var(--line-soft);border-radius:99px;flex:1 0 100%;height:5px;display:block;overflow:hidden}.wordset-bar i{background:var(--brand-bright);border-radius:99px;height:100%;display:block}.wordgame{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-top:1rem;padding:1.4rem 1.25rem 1.6rem}.wordgame--intro,.wordgame--done{text-align:center}.wordgame-rules{text-align:left;max-width:24rem;margin:.25rem auto 1rem;padding-left:1.3rem;line-height:1.9}.wordgame-tip{color:var(--ink-soft);font-size:.88rem}.wordgame-start{min-width:10rem;font-size:1.05rem}.wordgame-top{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.wordgame-score{color:var(--ink);font-weight:700}.wordgame-combo{color:var(--brand);font-weight:700}.wordgame-combo.is-hot{color:#d9572f;animation:.3s combo-pop}@keyframes combo-pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.wordgame-audio{justify-content:center;margin:.4rem 0 1.4rem;display:flex}.wordgame-options{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.wordgame-option{border:2px solid var(--line);border-radius:var(--radius);background:var(--bg);min-height:4.2rem;color:var(--ink);font:600 1.2rem/1.25 var(--font-display);letter-spacing:.01em;cursor:pointer;overflow-wrap:anywhere;padding:.6rem .8rem;transition:border-color .12s,transform .12s,background-color .12s;position:relative}@media (hover:hover) and (pointer:fine){.wordgame-option:hover:not(:disabled){border-color:var(--brand-bright);transform:translateY(-1px)}}.wordgame-option:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.wordgame-option:disabled{cursor:default}.wordgame-option kbd{font:400 .7rem var(--font-sans);color:var(--ink-faint);position:absolute;top:.35rem;left:.5rem}.wordgame-option.is-pending{border-color:var(--brand-bright);background:var(--brand-soft)}.wordgame-option.is-correct{color:#1f5c39;background:#eaf6ee;border-color:#2e7d4f}.wordgame-option.is-wrong{color:#8f3820;background:#fdece7;border-color:#c95a3c;animation:.3s shake}.wordgame-option.is-dim{opacity:.45}.wordgame-option.is-playable{cursor:pointer}.wordgame-option__play{font-size:.85rem;line-height:1;position:absolute;top:.3rem;right:.5rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.wordgame-option.is-wrong,.wordgame-combo.is-hot{animation:none}}.wordgame-feedback{text-align:center;margin-top:1.1rem}.wordgame-feedback.is-correct p{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5rem;margin:0;display:flex}.wordgame-feedback.is-correct b{color:#2e7d4f}.wordgame-meaning{color:var(--ink-soft)}.wordgame-contrast{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.wordgame-contrast button{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);color:var(--ink);cursor:pointer;gap:.15rem;padding:.75rem .6rem;display:grid}.wordgame-contrast button:first-child:not(:last-child){background:#fdf0eb;border-color:#f2c9bb}.wordgame-contrast button:last-child{background:#eef7f1;border-color:#bfe0cb}.wordgame-contrast small{color:var(--ink-soft);font-size:.78rem}.wordgame-contrast b{font-family:var(--font-display);font-size:1.1rem}.wordgame-contrast span{color:var(--ink-soft);font-size:.85rem}.wordgame-next{min-width:9rem;margin-top:1rem}.wordgame-final{font:300 3.4rem/1 var(--font-display);color:var(--brand);margin:.2rem 0 .6rem}.wordgame-final small{font:400 1rem var(--font-sans);color:var(--ink-soft)}.wordgame-stats{justify-content:center;gap:2rem;margin:0 0 1.2rem;padding:0;list-style:none;display:flex}.wordgame-stats li{color:var(--ink-soft);font-size:.9rem;display:grid}.wordgame-stats b{color:var(--ink);white-space:nowrap;font-size:1.4rem}.wordgame-stats b small{color:var(--ink-soft);font-size:.9rem;font-weight:400}.wordgame-missed{text-align:left;margin-top:1rem}.wordgame-missed h2{margin-bottom:.2rem;font-size:1.05rem}.wordgame-missed ul{gap:.45rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.wordgame-missed li{align-items:center;gap:.6rem;display:flex}.wordgame-missed li b{font-family:var(--font-display)}.wordgame-missed li span{color:var(--ink-soft);font-size:.9rem}.wordgame-mini-play{background:var(--brand-soft);width:2rem;height:2rem;color:var(--brand-deep);cursor:pointer;border:0;border-radius:50%;flex:none}.wordgame-perfect{color:#2e7d4f;font-weight:700}.site-entry{background:var(--brand-bright);color:var(--brand-ink);white-space:nowrap;border-radius:999px;padding:.35rem .95rem;font-size:.9rem;font-weight:700;text-decoration:none;box-shadow:0 3px 10px #c8891f47}.site-entry:hover{background:var(--brand)}.site-entry:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media (max-width:48rem){.site-header .page{column-gap:.75rem}.site-entry{order:1}.site-nav{order:2;width:100%}.site-nav ul{flex-wrap:nowrap;justify-content:space-between;column-gap:.6rem}.site-title img{height:26px}}@media (max-width:22.5rem){.site-title img{height:21px}.site-entry{padding:.3rem .75rem;font-size:.85rem}.site-nav a{font-size:.86rem}}.practice-bar .teacher-brand a{color:inherit;text-decoration:none;display:flex}.practice-bar__home{border-left:1px solid var(--line);white-space:nowrap;padding-left:.7rem;font-size:.92rem;font-weight:700;color:var(--ink-soft)!important}.practice-bar__home:hover{color:var(--brand)!important}.practice-user{min-width:0;color:var(--ink-soft);align-items:center;gap:.55rem;font-size:.92rem;display:flex}.practice-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.practice-user b{color:var(--ink)}.practice-user__avatar{object-fit:cover;width:32px;height:32px;box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--line);border-radius:50%;flex:none}.practice-user__avatar--letter{background:var(--peach);color:var(--brand-deep);place-items:center;font-size:.95rem;font-weight:700;display:grid}@media (max-width:48rem){.practice-bar .teacher-brand{flex:1 0 100%;margin-right:0}.practice-user{flex:1}}.hero__inner{width:fit-content;max-width:100%;margin-inline:auto}@media (max-width:40rem){.hero .lead span{display:block}}@media (min-width:48rem) and (max-width:63.99rem){.hero__inner{min-width:33rem}.hero h1{font-size:3.6rem}.hero .lead{max-width:none;font-size:1.25rem}.hero .note{font-size:1rem}.hero .stats{max-width:none}.hero .btn{padding:.9rem 1.9rem;font-size:1.05rem}}@media (min-width:64rem){.hero__inner{min-width:38rem}.hero h1{font-size:4.25rem}.hero .lead{max-width:none;font-size:1.4rem}.hero .note{font-size:1.05rem}.hero .stats{max-width:none}.hero .btn{padding:.95rem 2.1rem;font-size:1.1rem}}.section .prose{margin-inline:auto}.pagehead .page{max-width:calc(var(--measure) + 2.5rem)}:root{--box-pad:1.4rem}.feature__body,.honor,.card,.highlight,.todo,.quiz,.pagehead .page>*,.section .prose>:not(.highlight,.todo),.page--wide>:is(h2,p:not(.todo)){padding-inline:var(--box-pad)}.section:has(.features,.honors) .page>:is(.eyebrow,h2,.section-intro){padding-inline:var(--box-pad)}.pagehead .page--wide{max-width:var(--page)}.page--wide .prose{margin-inline:0}.prose .highlight{margin-bottom:2.25rem}.accent-picker{text-align:center;margin:0 0 1rem}.accent-picker__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.accent-picker__label{color:var(--ink-soft);margin-right:.15rem;font-size:.88rem}.accent-picker__opt{min-height:36px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:.3rem .95rem;font-size:.92rem}.accent-picker__opt.is-on{color:var(--brand-ink);background:var(--brand-bright);border-color:var(--brand-bright);font-weight:700}.accent-picker__opt:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media (hover:hover) and (pointer:fine){.accent-picker__opt:not(.is-on):hover{border-color:var(--brand-bright)}}.accent-picker__tip{max-width:30rem;color:var(--ink-soft);margin:.55rem auto 0;font-size:.82rem;line-height:1.7}.audio-accent{color:var(--ink-soft);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.82rem}.wordgame-audio{align-items:center;gap:.9rem}.practice-linked{color:var(--ink);background:var(--peach-soft);border-radius:var(--radius-lg);border:1px solid #f0dcba;margin:1rem 0 0;padding:.85rem 1.1rem;font-size:.92rem;line-height:1.8}.auth-notice{color:var(--ink);background:var(--peach-soft);border-radius:var(--radius);border:1px solid #f0dcba;margin:0 0 1rem;padding:.75rem 1rem;font-size:.92rem;line-height:1.7}@media (min-width:760px){.cards.cards--two{grid-template-columns:repeat(2,1fr)}}.card__en{color:var(--ink-soft,#6b7c85);margin-left:.3em;font-size:.8em;font-weight:500}.courses__actions{margin-top:2rem}.teacher__lines li{margin-bottom:.25em}.teacher__sub{margin:.4em 0 .2em;font-weight:700}.course__classes li,.teacher__lines li{margin-bottom:.3em}.page_title svg{width:100%;height:100%;display:block}.page-banner__en{letter-spacing:3px;font-family:Montserrat,Lato,sans-serif;font-size:118px;font-weight:800}.page-banner__zh{word-spacing:18px;fill:#1f1f1f;font-family:Zen Kurenaido,Noto Sans TC,sans-serif;font-size:118px;font-weight:400}.prose>.lead{color:var(--ink-soft);font-size:1.08rem}.course-list{max-width:40rem;padding-inline:var(--box-pad)}.course{border-bottom:1px solid var(--line-soft)}.course__head{cursor:pointer;align-items:center;gap:.75rem;padding:1rem 0;font-weight:700;list-style:none;display:flex}.course__head::-webkit-details-marker{display:none}.course__icon{background:var(--bg-cream);border:1px solid var(--line);border-radius:6px;flex:none;width:1.6rem;height:1.6rem;position:relative}.course__icon:before,.course__icon:after{content:"";background:var(--deep);width:.7rem;height:2px;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course__icon:after{transform:translate(-50%,-50%)rotate(90deg)}.course[open] .course__icon:after{transform:translate(-50%,-50%)rotate(0)}.course[open] .course__name{color:var(--brand)}.course__en{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.78rem}.course .course__classes,.course .course__empty{margin:0 0 1.1rem 2.35rem}.course .course__classes{padding:0;list-style:none}.course .course__classes li{margin-bottom:.35em}@media (hover:hover) and (pointer:fine){.course__head:hover .course__name{color:var(--brand)}}.passage-card{position:relative;overflow:hidden}.passage-card__bar{background:var(--line-soft);height:4px;position:absolute;bottom:0;left:0;right:0}.passage-card__bar i{background:var(--brand-bright);height:100%;display:block}.level-map__summary{margin:1rem 0 1.5rem}.level-map__summary p{margin:0 0 .5rem}.level-map__summary .quiz__bar{margin-bottom:.5rem}.level-map__done{color:var(--brand-deep);font-weight:700}.level-grid{grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.level-grid li{margin:0}.level{border:1px solid var(--line);background:var(--bg);height:2.6rem;color:var(--ink-soft);border-radius:10px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;text-decoration:none;display:flex}.level--passed{background:var(--brand-soft);border-color:var(--brand-bright);color:var(--brand-deep)}.level{position:relative}.level__mark{color:#2e7d4f;font-size:.7rem;font-style:normal;line-height:1;position:absolute;top:2px;right:4px}.level--skipped .level__mark{color:var(--brand)}.level--skipped{border:1px dashed var(--brand);color:var(--brand);background:#fff}.level--current{background:var(--brand-bright);border-color:var(--brand-bright);color:#fff;box-shadow:0 0 0 3px #e0a2334d}.level--locked{background:var(--bg-soft);color:var(--ink-faint);border-color:var(--line-soft)}a.level:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media (hover:hover) and (pointer:fine){a.level:hover{border-color:var(--brand);transform:translateY(-1px)}}.level-map__legend{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1.25rem;padding:0;font-size:.85rem;list-style:none;display:flex}.level-map__legend li{white-space:nowrap;align-items:center;gap:.35rem;margin:0;display:inline-flex}.level-map__legend .level{width:1rem;height:1rem;box-shadow:none;border-radius:4px;display:inline-block}.dictation-nudge{border-radius:var(--radius);background:var(--brand-soft);color:var(--ink);margin:0 0 1rem;padding:.9rem 1rem}.dictation-nudge p{margin:0 0 .7rem}.teacher-warn{color:#c0392b}.teacher-table tr[data-stuck] td:first-child{box-shadow:inset 3px 0 #e07b6a}.teacher-table td small{color:var(--ink-faint)}.teacher-table td small.teacher-sub{white-space:nowrap;font-size:.78rem;display:block}.teacher-table tr[data-today] td{background:var(--bg-soft);font-weight:600}.teacher-table tr[data-idle] td{color:var(--ink-faint)}.teacher-nav{background:var(--bg);border-bottom:1px solid var(--line-soft)}.teacher-nav__inner{max-width:var(--page);scrollbar-width:none;gap:.25rem;margin:0 auto;padding:0 1.25rem;display:flex;overflow-x:auto}.teacher-nav a{color:var(--ink-soft);border-bottom:3px solid #0000;flex:none;padding:.8rem .9rem .7rem;font-size:.95rem;font-weight:700;text-decoration:none}.teacher-nav a:hover{color:var(--brand)}.teacher-nav a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand-bright)}.teacher-nav a:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.content-list{margin:0;padding:0;list-style:none}.content-item{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;padding:.9rem 0;display:flex}.content-item:last-child{border-bottom:none}.content-item__main{flex-direction:column;gap:.15rem;min-width:10rem;display:flex}.content-item__name{color:var(--ink);font-size:1.05rem;font-weight:700;text-decoration:none}.content-item__name:hover{color:var(--brand);text-decoration:underline}.content-item__meta{color:var(--ink-soft);font-size:.85rem}.content-item[data-hidden] .content-item__name{color:var(--ink-soft)}.content-warn{color:#b45309;font-weight:700}.content-controls{flex-wrap:wrap;align-items:center;gap:.5rem .6rem;font-size:.88rem;display:flex}.teacher-header .content-controls{margin-top:.6rem}.content-level{align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.content-level select,.teacher-level{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);padding:.3rem .5rem;font-size:.95rem}.content-state{background:var(--bg-soft);color:var(--ink-soft);border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.content-state[data-open=true]{background:var(--brand-soft);color:var(--brand);font-weight:700}.content-btn{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:999px;padding:.35rem .8rem;font-size:.85rem}.content-btn:hover:not(:disabled){background:var(--bg-soft)}.content-btn:disabled{opacity:.55;cursor:progress}.content-btn--primary{background:var(--brand-bright);border-color:var(--brand-bright);color:var(--brand-ink);font-weight:700}.content-btn--primary:hover:not(:disabled){background:var(--brand-bright);filter:brightness(.96)}.content-saved{color:var(--brand);font-weight:700}.content-error{color:#8a1c1c}.content-audio{background:#fffaf0;border-color:#f3d9a4}.content-cmd{color:#f8fafc;border-radius:var(--radius);-webkit-user-select:all;user-select:all;white-space:pre-wrap;word-break:break-all;background:#1f2933;margin:.6rem 0;padding:.8rem 1rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.content-inline-form{flex-wrap:wrap;align-items:flex-end;gap:.6rem .8rem;display:flex}.content-inline-form label{flex:1;min-width:12rem}.content-inline-form button[type=submit]{margin-top:0}.content-inline-form .auth-error{flex-basis:100%}.sentence-fields{gap:.8rem;display:grid}.teacher-form textarea{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);resize:vertical;padding:.55rem .7rem;font-size:1rem;font-weight:400;line-height:1.5}.sentence-list{margin:0;padding:0;list-style:none}.sentence-tabs{flex-wrap:wrap;gap:.4rem;margin:.4rem 0 .2rem;display:flex}.sentence-tabs a{border:1px solid var(--line);color:var(--ink);background:var(--bg);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.9rem;text-decoration:none;display:inline-flex}.sentence-tabs a span{color:var(--ink-soft);font-size:.8rem}.sentence-tabs a[data-warn] span{color:#c0392b;font-weight:700}.sentence-tabs a[aria-current=page]{background:var(--brand-bright);border-color:var(--brand-bright);color:#fff;font-weight:700}.sentence-tabs a[aria-current=page] span{color:#fff}.sentence-pickall{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:.4rem 1rem;padding:.4rem 0;font-size:.9rem;display:flex}.sentence-pickall label{cursor:pointer;align-items:center;gap:.45rem;display:inline-flex}.sentence-item__pick{width:1.15rem;height:1.15rem;accent-color:var(--brand-bright);cursor:pointer}.sentence-item[data-selected]{background:#fff7e6}.batch-bar{z-index:5;background:var(--bg);border:1px solid var(--brand-bright);box-shadow:var(--shadow-lg);border-radius:16px;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;margin-top:.8rem;padding:.7rem .9rem;display:flex;position:sticky;bottom:.75rem}.batch-bar b{margin-right:.3rem}.batch-bar__move{align-items:center;gap:.4rem;display:inline-flex}.batch-bar__move select{font:inherit;border:1px solid var(--line);background:var(--bg);border-radius:10px;max-width:12rem;padding:.3rem .5rem;font-size:.85rem}.batch-bar__clear{margin-left:auto}.batch-block{border:1px solid var(--line);background:var(--bg);border-radius:14px;margin:.6rem 0;padding:.2rem 1rem}.batch-block>summary{cursor:pointer;padding:.7rem 0;font-weight:700}.batch-block[open]>summary{border-bottom:1px solid var(--line-soft);margin-bottom:.6rem}.batch-add textarea{white-space:pre;font-family:inherit;overflow-x:auto}.batch-preview{background:var(--bg-soft);border-radius:12px;margin:.6rem 0;padding:.7rem .9rem;font-size:.9rem}.batch-preview p{margin:.2rem 0 .5rem}.batch-problems,.sheet-changes{margin:.3rem 0 .6rem;padding-left:1.2rem;font-size:.88rem}.batch-problems{color:#8a1c1c}.sheet-steps{gap:.7rem;margin:.2rem 0 .6rem;padding-left:1.3rem;font-size:.92rem;display:grid}.sheet-steps li{line-height:1.6}.sheet-steps .content-btn{margin-right:.6rem;text-decoration:none;display:inline-block}.sheet-upload{cursor:pointer;position:relative;overflow:hidden}.sheet-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.sentence-item{border-bottom:1px solid var(--line-soft);padding:.9rem 0}.sentence-item:last-child{border-bottom:none}.sentence-item[data-hidden]{opacity:.6}.sentence-item__head{color:var(--ink-soft);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.sentence-item__head b{color:var(--brand)}.sentence-item[data-hidden] .sentence-item__head b{color:var(--ink-faint)}.sentence-item__en{margin:.3rem 0 .15rem;font-size:1.02rem;line-height:1.5}.sentence-item__zh{color:var(--ink-soft);margin:0;font-size:.92rem}.sentence-item__hint{color:var(--ink-faint);margin:.15rem 0 0;font-size:.85rem}.sentence-item__word{color:var(--ink-soft);margin:.3rem 0 0;font-size:.9rem}.sentence-item__word b{color:var(--ink)}.sentence-fields__pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 .9rem;display:grid}@media (max-width:560px){.sentence-fields__pair{grid-template-columns:minmax(0,1fr)}}.sentence-item__actions{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.teacher-form .sentence-item__actions{align-items:center;margin-top:1rem}.teacher-form .sentence-item__actions button{margin-top:0;padding:.55rem 1.3rem;font-size:.95rem}.teacher-form .sentence-item__actions button[type=submit]{border:1px solid var(--brand-bright)}.sentence-item .teacher-form{margin-top:.5rem}.teacher-pager{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.passage-card--locked{background:var(--bg-soft);cursor:not-allowed}.passage-card--locked b{color:var(--ink-faint)}.passage-card__tag{color:#92400e;vertical-align:middle;background:#fef3c7;border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.72rem;font-style:normal;font-weight:400}.attempt-list{margin:.4rem 0 0;padding:0;list-style:none}.attempt{border-bottom:1px solid var(--line-soft);padding:.75rem 0}.attempt:last-child{border-bottom:none}.attempt__head{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.3rem .6rem;font-size:.85rem;display:flex}.attempt__head b{color:var(--ink)}.attempt__head time{font-variant-numeric:tabular-nums}.attempt-tag{border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:700}.attempt-tag small{font-weight:400}.attempt-tag--pass{color:#1f6b3a;background:#e3f1e6}.attempt-tag--fail{color:#9b2c1f;background:#fbe7e4}.attempt-tag--skip{background:var(--bg-soft);color:var(--ink-soft)}.attempt-hint{color:#92400e}.attempt__lines{grid-template-columns:auto 1fr;gap:.2rem .7rem;margin:.4rem 0 0;font-size:.98rem;line-height:1.55;display:grid}.attempt__lines dt{color:var(--ink-faint);padding-top:.15rem;font-size:.8rem}.attempt__lines dd{overflow-wrap:anywhere;margin:0}.attempt-wrong{color:#9b2c1f;text-underline-offset:3px;background:#fbe7e4;border-radius:3px;padding:0 .15rem;-webkit-text-decoration:underline wavy #e07b6a;text-decoration:underline wavy #e07b6a}.attempt-empty{color:var(--ink-faint);font-size:.88rem}.teacher-table tr[data-wrong] td{background:#fff7f5}.level-detail-list{margin:0;padding:0;list-style:none}.level-detail-list>li{border-bottom:1px solid var(--line-soft);scroll-margin-top:5rem}.level-detail-list>li:last-child{border-bottom:none}.level-detail>summary{cursor:pointer;grid-template-columns:auto auto 1fr;align-items:center;gap:.25rem .7rem;padding:.8rem 0;list-style:none;display:grid}.level-detail>summary::-webkit-details-marker{display:none}.level-detail>summary:after{content:"▾";color:var(--ink-faint);grid-area:1/3;justify-self:end}.level-detail[open]>summary:after{content:"▴"}.level-detail__no{color:var(--brand);font-weight:700}.level-detail__state{background:var(--bg-soft);color:var(--ink-soft);border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:700}.level-detail[data-state=passed] .level-detail__state{color:#1f6b3a;background:#e3f1e6}.level-detail[data-state=trying] .level-detail__state{color:#9b2c1f;background:#fbe7e4}.level-detail__meta{color:var(--ink-soft);grid-column:1/-1;font-size:.85rem}.level-detail__answer{grid-column:1/-1;font-size:.98rem}.level-detail>.attempt-list{border-left:3px solid var(--line-soft);margin:0 0 .8rem;padding:0 0 0 .9rem}.dialogue{margin-top:.5rem}.dialogue__tools{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1rem;display:flex}.dialogue__tip{color:var(--ink-soft);font-size:.85rem}.dialogue__turns{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.dialogue-turn{background:var(--bg);border:1px solid var(--line);border-radius:16px;max-width:min(36rem,92%);padding:.75rem .95rem .85rem;position:relative;box-shadow:0 1px 2px #0000000a}.dialogue-turn--left{border-top-left-radius:4px;align-self:flex-start}.dialogue-turn--right{background:var(--brand-soft);border-color:#f0dcb4;border-top-right-radius:4px;align-self:flex-end}.dialogue-turn.is-playing{box-shadow:0 0 0 3px var(--brand-bright)}.dialogue-turn__head{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.dialogue-turn__head b{color:var(--ink-soft);font-size:.88rem}.dialogue-turn__play{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:1rem;display:inline-grid}.dialogue-turn__play:disabled{opacity:.4;cursor:not-allowed}.dialogue-turn__acc{color:#9b2c1f;margin-left:auto;font-size:.85rem;font-weight:700}.dialogue-turn__acc.is-full{color:#1f6b3a}.dialogue-turn__blanks{margin:.2rem 0 .5rem}.dialogue-turn textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);resize:none;padding:.5rem .65rem;font-size:1rem;line-height:1.5;overflow:hidden}.dialogue-turn textarea:focus{outline:2px solid var(--brand-bright);outline-offset:1px}.dialogue-turn__hint{color:#92400e;margin:0 0 .45rem;font-size:.9rem}.dialogue-turn__yours{margin:.2rem 0 0}.dialogue-turn .dictation-answer{margin:.3rem 0 0}.dialogue__submit{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem 1rem;margin-top:1.1rem;display:flex}.sentence-item__kind{color:#2a4a8a;background:#e8eefc;border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.sentence-item__dialogue{gap:.2rem;margin:.35rem 0 .2rem;padding-left:0;font-size:.98rem;line-height:1.5;list-style:none;display:grid}.sentence-item__dialogue b{color:var(--ink-soft);margin-right:.3rem;font-size:.85rem}.sentence-count{color:var(--ink-faint);align-self:flex-end;font-size:.78rem;font-weight:400}.sentence-count[data-over]{color:#9b2c1f;font-weight:700}.sentence-dialogue{border-radius:var(--radius);background:#f4f7fd;border:1px solid #dbe4f6;padding:.7rem .85rem}.sentence-dialogue__toggle{align-items:flex-start;flex-direction:row!important;gap:.5rem!important;font-size:.92rem!important;font-weight:400!important}.sentence-dialogue__toggle input{margin-top:.2rem}.sentence-dialogue .teacher-note{margin:.4rem 0 0}.dialogue-turn__empty{color:#9b2c1f}.site-notice{z-index:5;color:#6b4a00;text-align:center;background:#fff4d6;border-bottom:1px solid #f0d58a;padding:.6rem 1rem;font-size:.95rem;font-weight:600;line-height:1.5;position:relative}.notice-editor__status{color:var(--ink-soft);margin:.25rem 0 .9rem}.notice-editor__status b{color:var(--ink)}.notice-editor__quick{flex-wrap:wrap;gap:.6rem;display:flex}.notice-editor__custom{margin-top:1rem}.notice-editor__custom summary{cursor:pointer;color:var(--ink-soft)}.notice-editor__custom textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;margin:.6rem 0;padding:.6rem .75rem;display:block}.notice-editor__online{margin:.25rem 0 .4rem}.notice-editor__hint{color:var(--ink-soft);font-size:.85rem;display:block}.trial-settings__grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin:1rem 0;display:grid}.trial-settings__field{flex-direction:column;gap:.35rem;display:flex}.trial-settings__label{font-weight:700}.trial-settings__input{align-items:center;gap:.5rem;display:flex}.trial-settings__input input{border:1px solid var(--line);border-radius:var(--radius);width:8rem;font:inherit;padding:.55rem .7rem}.trial-settings__help{color:var(--ink-soft);font-size:.85rem}.trial-settings__actions{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.trial-settings__ok{color:#2f6b2f;font-weight:600}.teacher-table th.teacher-table__group{text-align:center;border-bottom:1px solid var(--line-soft)}.teacher-subhead{margin:1.4rem 0 .4rem;font-size:1.05rem}.alert[data-level=warn]{background:#fffaf2;border-left-color:#d4892a}.google-security__btn{text-decoration:none;display:inline-block}.pw-dialog{border-radius:var(--radius-lg);width:min(26rem,100vw - 2rem);box-shadow:var(--shadow-lg);border:0;padding:1.5rem}.pw-dialog::backdrop{background:#00000059}.pw-dialog h2{margin:0 0 .5rem}.pw-dialog label{margin-top:.8rem;font-weight:600;display:block}.pw-dialog label input:not([type=checkbox]){border:1px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;margin-top:.3rem;padding:.6rem .75rem;display:block}.pw-dialog .pw-dialog__show{color:var(--ink-soft);font-weight:400}.pw-dialog__actions{justify-content:flex-end;gap:.6rem;margin-top:1.2rem;display:flex}