.jpdw.jpdw{display:block;width:100%;min-width:0;text-align:left;line-height:1.5;font-size:16px;isolation:isolate}.jpdw.jpdw button{appearance:none;text-transform:none;letter-spacing:normal;font-weight:400;line-height:1.5;height:auto;box-shadow:none;white-space:normal;margin:0}.jpdw.jpdw h1,.jpdw.jpdw h2,.jpdw.jpdw p{color:inherit;font-family:inherit;text-transform:none;letter-spacing:normal}.jpdw.jpdw select{height:auto;max-width:100%;line-height:1.5}.jpdw.jpdw label{margin:0;font-weight:400}.jpdw.jpdw .card{min-width:0}.jpdw.jpdw header,.jpdw.jpdw footer{position:static;width:auto;background:none;float:none}.jpdw.jpdw .word{padding:0;border:0}.jpdw.jpdw input[type=checkbox]{appearance:auto;width:16px;height:16px;margin:0;padding:0;border:initial}.jpdw.jpdw .tile{width:100%;display:block}.jpdw.jpdw .grid{width:100%;margin:0}.jpdw.jpdw .layout{align-items:start}
.jpdw.jpdw *{box-sizing:border-box}.jpdw.jpdw{margin:0;background:#f6f4ef;color:#243d39;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}.jpdw.jpdw .jpdw-inner{max-width:1060px;margin:auto;padding:40px 20px}.jpdw.jpdw header{margin-bottom:26px}.jpdw.jpdw .eyebrow{letter-spacing:.16em;color:#658078;font-size:13px}.jpdw.jpdw h1{font-size:clamp(28px,5vw,42px);margin:10px 0}.jpdw.jpdw p{line-height:1.8}.jpdw.jpdw .layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:22px}.jpdw.jpdw .card{background:#fff;border:1px solid #e2e6df;border-radius:24px;padding:28px;box-shadow:0 12px 35px #243d3907}.jpdw.jpdw .meta{display:flex;justify-content:space-between;gap:10px;color:#658078;font-size:14px}.jpdw.jpdw .kana{font-size:72px;font-weight:700;margin:22px 0 0;line-height:1.4}.jpdw.jpdw .word{font-size:38px;margin:16px 0 5px;overflow-wrap:anywhere}.jpdw.jpdw .reading{font-size:22px;color:#658078}.jpdw.jpdw .meaning{font-size:22px;margin:20px 0}.jpdw.jpdw .tag{display:inline-block;background:#edf3ed;border-radius:20px;padding:6px 12px;font-size:13px}.jpdw.jpdw .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.jpdw.jpdw button,.jpdw.jpdw select{font:inherit}.jpdw.jpdw button{cursor:pointer;border:1px solid #d6e0d8;border-radius:12px;background:#f4f7f2;color:#243d39;padding:12px 15px}.jpdw.jpdw button.primary{background:#285b4e;color:white;border-color:#285b4e}.jpdw.jpdw button:hover{filter:brightness(.96)}.jpdw.jpdw button:focus-visible,.jpdw.jpdw select:focus-visible{outline:3px solid #d39a51;outline-offset:3px}.jpdw.jpdw .toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.jpdw.jpdw select{padding:8px;border-radius:8px;border:1px solid #ccd7cc;background:white}.jpdw.jpdw .grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.jpdw.jpdw .tile{padding:10px 2px;min-height:68px}.jpdw.jpdw .tile strong{display:block;font-size:24px}.jpdw.jpdw .tile small{display:block;font-size:11px;color:#6f827b}.jpdw.jpdw .tile.active{background:#285b4e;color:white}.jpdw.jpdw .tile.active small{color:#d4e7dd}.jpdw.jpdw .blank{visibility:hidden}.jpdw.jpdw .note{font-size:13px;color:#6b7d75}.jpdw.jpdw .status{min-height:24px;font-size:13px;color:#8a5a27;margin-top:14px}.jpdw.jpdw footer{margin-top:22px}.jpdw.jpdw .controls{display:flex;align-items:center;gap:8px;font-size:14px}.jpdw.jpdw .controls input{accent-color:#285b4e}@media(max-width:740px){.jpdw.jpdw .jpdw-inner{padding:24px 14px}.jpdw.jpdw .layout{grid-template-columns:1fr}.jpdw.jpdw .card{padding:22px}.jpdw.jpdw .kana{font-size:60px}.jpdw.jpdw .word{font-size:32px}}

@media(max-width:420px){.jpdw.jpdw .card{padding:16px}.jpdw.jpdw .jpdw-inner{padding:20px 12px}.jpdw.jpdw .actions button{flex:1 1 140px}.jpdw.jpdw .tile strong{font-size:22px}}

/* Explicit color states override theme button and text-fill rules. */
.jpdw.jpdw button,.jpdw.jpdw button:hover,.jpdw.jpdw button:focus,.jpdw.jpdw button:active{
 color:#243d39 !important;-webkit-text-fill-color:#243d39 !important;background:#f4f7f2 !important;border:1px solid #c5d2c8 !important;opacity:1 !important;text-shadow:none !important;background-image:none !important;
}
.jpdw.jpdw button.primary,.jpdw.jpdw button.primary:hover,.jpdw.jpdw button.primary:focus,.jpdw.jpdw button.primary:active,
.jpdw.jpdw button.tile.active,.jpdw.jpdw button.tile.active:hover,.jpdw.jpdw button.tile.active:focus,.jpdw.jpdw button.tile.active:active{
 color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;background:#285b4e !important;border-color:#285b4e !important;
}
.jpdw.jpdw button.tile strong{color:#243d39 !important;-webkit-text-fill-color:#243d39 !important;line-height:1.35;margin:0;padding:0;font-weight:700}
.jpdw.jpdw button.tile small{color:#526a61 !important;-webkit-text-fill-color:#526a61 !important;line-height:1.35;margin:3px 0 0;padding:0}
.jpdw.jpdw button.tile.active strong,.jpdw.jpdw button.tile.active small{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
.jpdw.jpdw button:hover{filter:none;background:#e4ede4 !important}
.jpdw.jpdw button.primary:hover,.jpdw.jpdw button.tile.active:hover{background:#204b40 !important}
.jpdw.jpdw .actions{gap:12px;align-items:stretch}
.jpdw.jpdw .actions button,.jpdw.jpdw .jpdw-example button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;line-height:1.5}
.jpdw.jpdw button.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:74px;padding:10px 4px}
.jpdw.jpdw .grid{gap:10px}
.jpdw.jpdw .jpdw-example{margin:22px 0;padding:18px;background:#f3f6f0;border:1px solid #dce5d9;border-radius:14px;color:#243d39}
.jpdw.jpdw .jpdw-example-label{font-size:13px;font-weight:700;color:#526a61}
.jpdw.jpdw .jpdw-example-ja{font-size:20px;line-height:1.75;margin:10px 0 8px;overflow-wrap:anywhere;color:#243d39 !important;-webkit-text-fill-color:#243d39 !important}
.jpdw.jpdw .jpdw-example-zh{font-size:15px;line-height:1.75;margin:0 0 14px;color:#526a61 !important;-webkit-text-fill-color:#526a61 !important}