*{box-sizing:border-box;margin:0;padding:0}html,body{color:#3d2f1a;-webkit-font-smoothing:antialiased;background:repeating-linear-gradient(0deg,#b48c5a08 0 1px,#0000 1px 32px),#f9f2e2;min-height:100vh;font-family:Lora,Noto Sans TC,Georgia,serif;font-size:15px;line-height:1.55}button{cursor:pointer;border:none;outline:none;font-family:inherit}.page{max-width:760px;min-height:100vh;margin:0 auto;padding:0 24px}.top{border-bottom:1px dashed #3d2f1a4d;justify-content:space-between;align-items:center;padding:24px 0;display:flex}.back{color:#3d2f1a;font-family:Caveat,cursive;font-size:18px;font-weight:700;text-decoration:none}.back:hover{text-decoration:underline}.badge{letter-spacing:3px;color:#6b4f2a;background:#f4e6c2;border:1px solid #c9a76b;border-radius:2px;padding:4px 12px;font-size:11px;font-weight:700}.main{padding:48px 0 32px}.masthead{text-align:center;margin-bottom:36px}.kicker{letter-spacing:5px;color:#6b4f2a;margin-bottom:8px;font-size:11px;font-weight:700}.masthead h1{letter-spacing:-.5px;margin:0 0 8px;font-family:Lora,serif;font-size:clamp(36px,6vw,56px);font-style:italic;font-weight:700;line-height:1.05}.caveat{color:#b86a2a;font-family:Caveat,cursive;font-style:normal;font-weight:700}.sub{color:#6b4f2a;font-family:Caveat,cursive;font-size:22px}.stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:28px;font-size:13px;font-weight:600;display:flex}.stat{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;display:inline-flex}.stat span{font-weight:900}.stat-know{color:#4a6320;background:#e3f1d7;border-color:#b9d68a}.stat-again{color:#8a3a1a;background:#fce5d4;border-color:#d4a380}.stat-new{color:#6b4f2a;background:#ece4d0;border-color:#c9a76b}.stat-progress{color:#6b4f2a;margin-left:8px;font-family:Caveat,cursive;font-size:17px}.card-wrap{margin-bottom:24px}.card-btn{cursor:pointer;background:0 0;border:none;width:100%;padding:0}.card-3d{aspect-ratio:3/2;width:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.face{backface-visibility:hidden;text-align:center;background-color:#fff;border:1px solid #c9a76b;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex;position:absolute;inset:0;box-shadow:inset 0 1px #d6b87e,inset 0 -1px #b8975a,0 18px 36px -10px #654b244d,0 0 0 1px #654b240d}.face-front{background:repeating-linear-gradient(0deg,#0000 0 26px,#b48c5a2e 26px 27px),#fdf6e3}.face-back{background:#f4e6c2;transform:rotateY(180deg)}.corner{color:#b86a2a;letter-spacing:1px;font-family:Caveat,cursive;font-size:17px;font-weight:700;position:absolute;top:12px;left:16px}.corner-back{color:#6b4f2a}.english{letter-spacing:-.5px;color:#2a1d0a;margin:0;font-family:Lora,serif;font-size:clamp(40px,8vw,72px);font-style:italic;font-weight:700}.chinese{color:#2a1d0a;margin:0 0 16px;font-family:Lora,Noto Sans TC,serif;font-size:clamp(28px,5vw,44px);font-weight:700}.example{color:#6b4f2a;max-width:90%;padding:0 16px;font-family:Caveat,cursive;font-size:22px;font-style:normal}.flip-hint{color:#b86a2a;opacity:.7;font-family:Caveat,cursive;font-size:14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.status-tag{letter-spacing:1px;border-radius:999px;padding:2px 10px;font-family:Caveat,cursive;font-size:16px;font-weight:700;position:absolute;top:12px;right:16px}.status-know{color:#2e4515;background:#b9d68a}.status-again{color:#6a2810;background:#f4b58d}.actions{grid-template-columns:50px 1fr 1fr 50px;gap:10px;margin-bottom:16px;display:grid}.nav-btn{color:#6b4f2a;background:#fff;border:1.5px solid #c9a76b;border-radius:6px;font-size:20px;font-weight:700;transition:background .15s}.nav-btn:hover{background:#f4e6c2}.vote-btn{letter-spacing:1px;border:1.5px solid;border-radius:6px;padding:14px;font-family:Lora,serif;font-size:15px;font-weight:700;transition:all .15s}.vote-again{color:#8a3a1a;background:#fff;border-color:#d4a380}.vote-again:hover{color:#4a1a08;background:#f4b58d}.vote-know{color:#4a6320;background:#fff;border-color:#b9d68a}.vote-know:hover{color:#1f3008;background:#b9d68a}.tools{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.tool-btn{color:#6b4f2a;background:0 0;border-radius:999px;padding:6px 14px;font-family:Caveat,cursive;font-size:16px}.tool-btn:hover{background:#b48c5a26}.tool-warn:hover{color:#8a3a1a}.foot{text-align:center;border-top:1px dashed #3d2f1a4d;margin-top:56px;padding:28px 0 40px}.hand{color:#6b4f2a;margin:0 0 16px;font-family:Caveat,cursive;font-size:18px}.cta{color:#fdf6e3;letter-spacing:1px;background:#6b4f2a;border-radius:999px;padding:10px 22px;font-family:Lora,serif;font-weight:700;text-decoration:none;display:inline-block}