:root{--paper:#fffdf6;--laminate:#fff8e8;--ink:#2a2018;--ink-soft:#6b5d4f;--ink-faint:#a08f79;--red:#c1392b;--red-dark:#9a2b1f;--green:#1e6b4e;--green-dark:#14503a;--tan:#e8d8b8;--tan-dark:#cbb58f;--gold:#c9a227;--gold-dark:#8a6d1d;--font-display:"M PLUS Rounded 1c", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--laminate);color:var(--ink);font-family:var(--font-body);line-height:1.5}a{color:var(--green)}button{cursor:pointer;font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:2px}input{font-family:inherit}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.site-header{background:var(--red);color:#fff;border-bottom:4px solid var(--red-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:relative}.wordmark{font-family:var(--font-display);letter-spacing:1px;color:#fff;align-items:center;gap:9px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.wordmark-mascot{filter:drop-shadow(0 1px #00000026);width:34px;height:auto}.wordmark small{opacity:.9;margin-left:4px;font-size:13px;font-weight:500}.header-nav{align-items:center;gap:8px;display:flex}.nav-toggle{background:0 0;border:1.5px solid #fff8;border-radius:10px;padding:8px 9px;line-height:0;display:none}.nav-toggle-icon{width:20px;display:inline-block}.nav-toggle-icon i{background:#fff;border-radius:2px;height:2px;margin:4px 0;transition:transform .18s,opacity .18s;display:block}.nav-toggle-icon.is-open i:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle-icon.is-open i:nth-child(2){opacity:0}.nav-toggle-icon.is-open i:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (max-width:640px){.site-header{flex-wrap:nowrap;padding:12px 16px}.nav-toggle{display:block}.header-nav{background:var(--red);border-bottom:4px solid var(--red-dark);z-index:20;flex-direction:column;align-items:stretch;gap:0;padding:6px 16px 14px;display:none;position:absolute;top:100%;left:0;right:0}.header-nav.is-open{display:flex}.header-nav .nav-link{text-align:left;border:none;border-top:1px solid #fff3;border-radius:0;padding:13px 2px;font-size:15px}.header-nav .nav-link.solid{color:#fff;background:0 0;font-weight:800}}.nav-link{color:#fff;background:0 0;border:1.5px solid #fff8;border-radius:999px;padding:4px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.6;text-decoration:none}.nav-link.solid{color:var(--red);background:#fff;border-color:#fff}.container{max-width:960px;margin:0 auto;padding:0 16px}.narrow{max-width:460px}.hero{text-align:center;padding:44px 16px 40px}.hero-mascot{width:132px;height:auto;margin:0 auto 10px;display:block}.hero h1{font-family:var(--font-display);font-size:clamp(30px,6vw,46px);font-weight:800;line-height:1.2}.hero .zh-accent{color:var(--red)}.hero p.lede{max-width:560px;color:var(--ink-soft);margin:16px auto 0;font-size:17px}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.btn{font-family:var(--font-display);text-align:center;border:none;border-radius:14px;padding:14px 28px;font-size:17px;font-weight:800;text-decoration:none;display:inline-block}.btn-green{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-dark)}.btn-outline-red{background:var(--paper);color:var(--red);border:2.5px solid var(--red);box-shadow:0 4px #c1392b33}.btn-red{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.section{padding:36px 0}.section h1,.section h2{font-family:var(--font-display);margin-bottom:6px;font-size:24px;font-weight:800;line-height:1.25}.section p.sub{color:var(--ink-soft);margin-bottom:20px}.menu-card{background:var(--paper);border:2px solid var(--tan-dark);border-radius:14px;padding:18px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.deck-tile{background:var(--paper);border:2px solid var(--tan-dark);color:var(--ink);border-radius:14px;padding:16px;text-decoration:none;display:block}.deck-tile .label{font-family:var(--font-display);color:var(--red);font-size:18px;font-weight:800}.deck-tile .desc{color:var(--ink-soft);margin-top:4px;font-size:13px}.deck-tile .count{color:var(--ink-faint);margin-top:4px;font-size:12px}.tw-list{gap:10px;list-style:none;display:grid}.tw-list li{background:var(--paper);border:2px solid var(--tan-dark);border-radius:12px;padding:12px 14px;font-size:14px}.tw-list b{color:var(--green-dark)}.site-footer{text-align:center;color:var(--ink-faint);padding:32px 16px 44px;font-size:13px}.auth-card{background:var(--paper);border:2px solid var(--tan-dark);border-radius:16px;max-width:400px;margin:40px auto;padding:24px 20px}.auth-card h1{font-family:var(--font-display);margin-bottom:4px;font-size:22px;font-weight:800}.auth-card p.hint{color:var(--ink-soft);margin-bottom:18px;font-size:13px}.field{margin-bottom:14px}.field label{letter-spacing:1px;text-transform:uppercase;color:var(--green);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field input{border:2px solid var(--tan-dark);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px 14px;font-size:15px}.field input:focus{border-color:var(--green)}.form-error{border:2px solid var(--red);color:var(--red-dark);background:#c1392b14;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px;font-weight:600}.form-notice{border:2px solid var(--green);color:var(--green-dark);background:#1e6b4e14;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px;font-weight:600}.auth-alt{text-align:center;color:var(--ink-soft);margin-top:14px;font-size:13px}.crumbs{color:var(--ink-faint);margin-bottom:10px;font-size:13px}.crumbs a{color:var(--green);font-weight:600;text-decoration:none}.section-heading{font-family:var(--font-display);margin:32px 0 12px;font-size:19px;font-weight:800}.prose p{max-width:68ch;color:var(--ink);margin-bottom:14px;font-size:15.5px;line-height:1.65}.cta-inline{justify-content:flex-start;margin-top:4px}.cta-card{background:var(--laminate);border-style:dashed;align-items:flex-start;gap:16px;margin-top:32px;display:flex}.cta-mascot{flex-shrink:0;width:96px;height:auto}@media (max-width:520px){.cta-mascot{display:none}}.hub-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.hub-mascot{flex-shrink:0;width:104px;height:auto}.cta-card-text{color:var(--ink-soft);max-width:62ch;font-size:15px}.faq details{background:var(--paper);border:2px solid var(--tan-dark);border-radius:12px;margin-bottom:8px;padding:12px 14px}.faq summary{cursor:pointer;font-size:15px;font-weight:700}.faq details[open] summary{color:var(--green-dark);margin-bottom:8px}.faq p{color:var(--ink-soft);max-width:68ch;font-size:14.5px;line-height:1.6}.phrase-table{border-collapse:collapse;background:var(--paper);border:2px solid var(--tan-dark);border-radius:14px;width:100%;overflow:hidden}.phrase-table th{text-align:left;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);border-bottom:2px solid var(--tan-dark);padding:12px 14px;font-size:11px}.phrase-table td{border-bottom:1px solid var(--tan);vertical-align:top;padding:12px 14px;font-size:14px}.phrase-table tr:last-child td{border-bottom:none}.phrase-table .py{font-family:var(--font-display);font-weight:700}.phrase-table .zh{color:var(--ink-soft)}.phrase-hero{background:var(--paper);border:2.5px solid var(--red);text-align:center;border-radius:16px;margin:18px 0 8px;padding:24px 20px;box-shadow:0 5px #0000000f}.phrase-hero-py{font-family:var(--font-display);font-size:clamp(26px,5vw,36px);font-weight:800;line-height:1.25}.phrase-hero-zh{color:var(--ink-soft);margin-top:6px;font-size:20px}.speak-btn{border:2px solid var(--green);color:var(--green-dark);background:0 0;border-radius:999px;margin-top:14px;padding:8px 20px;font-size:14px;font-weight:700}.hear-card{background:var(--laminate);border:2px dashed var(--tan-dark);border-radius:14px;padding:18px}.hear-py{font-family:var(--font-display);font-size:22px;font-weight:800}.hear-zh{color:var(--ink-soft);margin-top:4px}.hear-en{margin-top:8px;font-size:15px}.phrase-table a{color:var(--green-dark);font-weight:600}.share-row{border-top:1px solid var(--tan);flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;padding-top:14px;font-size:13.5px;display:flex}.share-label{color:var(--ink-faint)}.share-link{color:var(--green-dark);border-bottom:1.5px solid #1e6b4e4d;font-weight:600;text-decoration:none}.share-link:hover{border-bottom-color:var(--green)}button.share-link{font-size:inherit;background:0 0;border:none;border-bottom:1.5px solid #1e6b4e4d;padding:0}.footer-links{margin-top:8px}.footer-links a{color:var(--ink-faint);border-bottom:1px solid var(--tan-dark);font-weight:600;text-decoration:none}.footer-links a:hover{color:var(--green-dark)}.pin-row{background:var(--paper);border:2px solid var(--tan-dark);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;font-size:14.5px;display:flex}.narrow-wide{max-width:680px}.pin-progress{margin-bottom:22px}.pin-progress-bar{background:var(--tan);border-radius:999px;height:8px;margin:8px 0 6px;overflow:hidden}.pin-progress-bar span{background:var(--green);height:100%;display:block}.pin-note{color:var(--ink-faint);font-size:12.5px}.pin-day{flex-direction:column;gap:10px;display:flex}.pin-card{background:var(--paper);border:2px solid var(--tan-dark);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.pin-card-phrase{margin-bottom:2px;font-size:15px}.pin-card-actions{align-items:center;gap:14px;display:flex}.pin-btn{border-radius:12px;padding:9px 16px;font-size:14px}.pin-history,.pin-tips{margin-top:26px;font-size:14px}.pin-history summary,.pin-tips summary{cursor:pointer;color:var(--ink-soft);font-weight:700}.pin-history .pin-row{margin-top:8px;font-size:13.5px}.pin-season{color:var(--gold-dark);font-weight:700}.pin-new-board{color:var(--red);font-weight:700}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:6px;display:grid}.avatar-pick{border:2px solid var(--tan-dark);background:0 0;border-radius:12px;padding:5px;line-height:0}.avatar-pick img{opacity:.55;width:44px;height:auto}.avatar-pick.is-on{border-color:var(--red);background:#c1392b12}.avatar-pick.is-on img{opacity:1}.account-stats{color:var(--ink-soft);justify-content:center;gap:18px;margin-top:16px;font-size:14px;display:flex}.board{counter-reset:rank;gap:8px;list-style:none;display:grid}.board-row{background:var(--paper);border:2px solid var(--tan-dark);border-radius:12px;align-items:center;gap:12px;padding:9px 14px;display:flex}.board-row.is-me{border-color:var(--green);background:#1e6b4e0f}.board-rank{font-family:var(--font-display);color:var(--ink-faint);min-width:22px;font-weight:800}.board-avatar{width:34px;height:auto}.board-name{flex:1;font-weight:700}.board-points{font-family:var(--font-display);color:var(--red);font-weight:800}.read-face{letter-spacing:2px;color:var(--ink);font-family:Noto Serif TC,PingFang TC,Microsoft JhengHei,serif;font-size:clamp(56px,16vw,92px);line-height:1.15}.read-face-small{font-size:clamp(38px,10vw,56px)}