.topic-drawer{background:#fff;border:1px solid #d9e2ed;border-radius:17px;overflow:hidden;box-shadow:0 16px 38px #1836530d}.topic-drawer-header{color:#fff;background:#17243b;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.topic-drawer-header>span{color:#b2bfd0;letter-spacing:.16em;font-size:9px;font-weight:900}.topic-drawer-header>strong{font-size:21px}.topic-drawer-header small{color:#aebbd0;font-size:10px}.topic-card{text-align:center;background:radial-gradient(circle at 15% 20%,#e6435f10 0 70px,#0000 71px),linear-gradient(145deg,#fff8fa,#fff 55%,#f4f8fd);flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:38px 55px;display:flex;position:relative}.topic-card:before,.topic-card:after{content:"“";color:#e6435f17;font-family:Georgia,serif;font-size:100px;line-height:1;position:absolute}.topic-card:before{top:22px;left:28px}.topic-card:after{bottom:3px;right:28px;transform:rotate(180deg)}.topic-count{z-index:1;color:#d43a56;letter-spacing:.16em;font-weight:900;position:relative;margin:0 0 17px!important;font-size:10px!important}.topic-question{z-index:1;color:#17243b;max-width:760px;margin:0;font-size:28px;line-height:1.85;position:relative}.topic-question ruby{ruby-position:over}.topic-question rt{color:#62758d;letter-spacing:.02em;font-size:.5em;font-weight:700}.hide-topic-furigana .topic-question rt,.hide-topic-furigana .topic-question rp{display:none}.topic-translation{z-index:1;color:#596b82;letter-spacing:0;max-width:680px;font-weight:650;position:relative;margin:8px 0 0!important;font-size:16px!important;line-height:1.55!important}.topic-translation[hidden],.topic-display-settings[hidden]{display:none}.topic-display-settings{z-index:2;justify-content:flex-end;gap:7px;margin:0;display:flex;position:absolute;top:16px;right:18px}.topic-display-settings button{color:#52677f;min-height:32px;font:inherit;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #cad7e7;border-radius:18px;padding:5px 10px;font-size:10px;font-weight:850}.topic-display-settings button[aria-pressed=true]{color:#174f8d;background:#edf5ff;border-color:#8eb2df}.topic-display-settings button:hover{border-color:#7d9fc8}.topic-display-settings button:focus-visible{outline-offset:2px;outline:3px solid #276fc52f}.topic-display-settings b{margin-left:5px;font-size:9px}.topic-drawer.is-drawn .topic-question{animation:.3s ease-out topic-reveal}.topic-actions{border-top:1px solid #e4e9ef;justify-content:center;gap:9px;padding:20px 22px 8px;display:flex}.topic-actions button{min-height:43px;font:inherit;cursor:pointer;border-radius:9px;font-size:13px;font-weight:900}.topic-draw-button{color:#fff;background:#e6435f;border:0;justify-content:center;align-items:center;gap:9px;min-width:180px;display:flex;box-shadow:0 7px 17px #e6435f2c}.topic-draw-button span{font-size:17px}.topic-draw-button:hover{background:#d53754}.topic-copy-button{color:#37506f;background:#fff;border:1px solid #ced8e4;min-width:120px}.topic-copy-button:hover:not(:disabled){background:#f5f9fd;border-color:#8ba9cb}.topic-copy-button:disabled{cursor:not-allowed;opacity:.45}.topic-actions button:focus-visible{outline-offset:3px;outline:3px solid #e6435f2f}.topic-copy-status{color:#26755f;text-align:center;min-height:29px;padding:6px 22px 10px;margin:0!important;font-size:12px!important}.topic-history{border-top:1px solid #e4e9ef;margin:0 22px;padding:16px 0 20px}.topic-history h3{color:#40526a;margin:0 0 9px;font-size:13px}.topic-history ol{gap:7px;margin:0;padding-left:24px;display:grid}.topic-history li{color:#6a7788;font-size:13px!important;line-height:1.7!important}.topic-drawer-compact{border-radius:14px;margin-top:18px;box-shadow:0 10px 26px #1836530b}.topic-drawer-compact .topic-drawer-header{padding:13px 18px}.topic-drawer-compact .topic-card{min-height:250px;padding:30px 42px 24px}.topic-drawer-compact .topic-display-settings{top:14px;right:16px}.topic-drawer-compact .topic-question{font-size:24px}.topic-drawer-compact .topic-card:before,.topic-drawer-compact .topic-card:after{font-size:76px}.topic-drawer-compact .topic-actions{padding-top:15px}.topic-drawer-compact .topic-history{padding-bottom:15px}@keyframes topic-reveal{0%{opacity:.15;transform:translateY(7px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.topic-drawer.is-drawn .topic-question{animation:none}}html[data-theme=dark] .topic-drawer{background:#172233;border-color:#3a4960}html[data-theme=dark] .topic-card{background:radial-gradient(circle at 15% 20%,#ff6f8814 0 70px,#0000 71px),linear-gradient(145deg,#1b2638,#172233 55%,#1d2a3e)}html[data-theme=dark] .topic-question{color:#edf3fb}html[data-theme=dark] .topic-question rt,html[data-theme=dark] .topic-translation{color:#b8c7da}html[data-theme=dark] .topic-copy-button,html[data-theme=dark] .topic-display-settings button{color:#cbd8e8;background:#172233;border-color:#40516a}html[data-theme=dark] .topic-display-settings button[aria-pressed=true]{color:#d9eaff;background:#203958;border-color:#6f9dd2}html[data-theme=dark] .topic-actions,html[data-theme=dark] .topic-history{border-color:#344256}@media (width<=620px){.topic-card,.topic-drawer-compact .topic-card{min-height:270px;padding:32px 20px 25px}.topic-question,.topic-drawer-compact .topic-question{font-size:22px;line-height:1.9}.topic-translation{font-size:14px!important}.topic-display-settings{gap:5px;width:auto;top:11px;right:11px}.topic-display-settings button{min-width:0;min-height:29px;padding:4px 8px;font-size:9px}.topic-card:before{left:12px}.topic-card:after{right:12px}.topic-actions{grid-template-columns:1fr 1fr;padding-inline:15px;display:grid}.topic-actions button{min-width:0}.topic-history{margin-inline:15px}}