.kotoba-library,.kotoba-detail{--kp:#548eaf;--kp-soft:#eaf5fb;--kp-line:#d4e6ee;max-width:1030px;margin:auto}.kotoba-intro{display:flex;align-items:center;gap:25px;background:linear-gradient(120deg,#e0f1fb,#eef8ed);border:1px solid var(--kp-line);border-radius:24px;padding:30px 32px;overflow:hidden}.kotoba-intro>div:first-child{flex:1}.kotoba-kicker{display:block;color:var(--kp);font-size:11px;font-weight:800;letter-spacing:1.3px;line-height:1.7;margin-bottom:12px}.kotoba-intro h2{font-size:30px;line-height:1.4;letter-spacing:-1px;color:#365569}.kotoba-intro p{font-size:15px;line-height:1.9;color:#708995;max-width:510px;margin-top:13px}.kotoba-art{position:relative;width:126px;min-width:126px;height:135px;animation:kotoba-float 5s ease-in-out infinite}.kotoba-art>span{position:absolute;display:grid;place-items:center;width:62px;height:65px;background:#fffdfa;border:1px solid #c6dfe9;border-bottom:4px solid #b4d5e4;box-shadow:0 6px 15px #66899510;border-radius:15px;font-size:35px;color:#69a2bd;transform:rotate(-9deg);left:0;top:0}.kotoba-art>span:nth-child(2){left:56px;top:34px;background:#fff0df;color:#c09b70;border-color:#ead8c0;transform:rotate(12deg)}.kotoba-art>span:nth-child(3){left:8px;top:73px;background:#f2eaff;color:#a48abd;border-color:#dfd3ec;transform:rotate(-4deg)}.kotoba-art>i{position:absolute;top:-15px;right:3px;color:#ceac63;font-size:27px;font-style:normal}.kotoba-toolbar{margin:28px 0}.kotoba-search-label{display:block;font-size:15px;font-weight:700;margin-bottom:11px}.kotoba-searchbox{display:flex;align-items:center;gap:12px;padding:0 15px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.kotoba-searchbox:focus-within{border-color:#7daec5;box-shadow:0 0 0 3px #7daec51a}.kotoba-searchbox>span{font-size:29px;color:#7ba4b6}.kotoba-searchbox input{background:transparent;color:var(--ink);border:0;outline:none;width:100%;min-width:0;font-size:16px;padding:17px 0}.kotoba-searchbox input::placeholder{color:#8d9b9d}.kotoba-filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.kotoba-filters label,.kotoba-more-filters label{font-size:13px;font-weight:600;color:var(--muted)}.kotoba-filters select,.kotoba-more-filters select{display:block;width:100%;min-width:0;background:var(--paper);color:var(--ink);padding:13px 10px;border:1px solid var(--line);border-radius:10px;margin-top:8px;font-size:15px}.kotoba-more-filters{margin-top:15px}.kotoba-more-filters summary{font-size:12px;color:var(--kp);cursor:pointer}.kotoba-more-filters[open] summary{margin-bottom:13px}.kotoba-filter-bottom{display:flex;align-items:center;justify-content:space-between;gap:17px;margin-top:15px}.kotoba-filter-bottom>span{font-size:12px;color:var(--muted);line-height:1.8}.kotoba-saved-filter{flex-shrink:0;padding:10px 14px;border:1px solid var(--line);border-radius:22px;background:var(--paper);font-size:13px}.kotoba-saved-filter[aria-pressed=true]{background:var(--kp-soft);color:var(--kp);border-color:var(--kp-line)}.kotoba-result-head{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:17px}.kotoba-result-head h2{font-size:20px;letter-spacing:-.5px}.kotoba-result-head>span{font-size:12px;color:var(--muted);white-space:nowrap}.kotoba-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kotoba-card{--card:#79a6bd;--wash:#eef7fa;min-width:0;text-align:left;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--card);border-radius:16px;padding:20px;min-height:205px;box-shadow:var(--shadow)}.kotoba-card.mint{--card:#79ab91;--wash:#eef7ef}.kotoba-card.peach{--card:#cba273;--wash:#fbf1e4}.kotoba-card.pink{--card:#c188a4;--wash:#fbf0f5}.kotoba-card.lavender{--card:#9c85bf;--wash:#f5effb}.kotoba-card.lilac{--card:#ac87b5;--wash:#f7effa}.kotoba-card:hover{transform:translateY(-4px);border-color:var(--card);box-shadow:0 9px 22px #4a78890a}.kotoba-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--card);font-size:11px;line-height:1.6;font-weight:600}.kotoba-card-top small{font-size:13px;min-width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:var(--wash)}.kotoba-card h3{font-size:29px;line-height:1.65;font-weight:600;margin-top:13px;overflow-wrap:anywhere;letter-spacing:-.4px}.kotoba-card-kana{font-size:16px;color:#7a8f94;line-height:1.8;margin-top:4px;overflow-wrap:anywhere}.kotoba-card-romaji{font-size:13px;line-height:1.8;color:#90a2a5;margin-top:3px;overflow-wrap:anywhere}.kotoba-card-meaning{font-size:15px;line-height:1.8;font-weight:600;margin-top:auto;padding-top:15px;overflow-wrap:anywhere}.kotoba-pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:28px}.kotoba-pagination button{height:40px;min-width:38px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font-size:14px}.kotoba-pagination button.current{background:#659bb7;color:white;border-color:#659bb7}.kotoba-pagination button:disabled{opacity:.35;cursor:default}.kotoba-pagination>span{font-size:12px;color:var(--muted)}.kotoba-page-caption{font-size:12px;line-height:1.8;text-align:center;color:var(--muted);margin-top:12px}.kotoba-page-jump{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:15px;font-size:12px;color:var(--muted)}.kotoba-page-jump select{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:9px;font-size:13px}.kotoba-sources{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;color:var(--muted);font-size:12px;line-height:1.9}.kotoba-sources summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--kp)}.kotoba-sources p{margin-top:12px}.kotoba-sources ul{padding-left:20px;margin:15px 0}.kotoba-sources li{margin-bottom:11px}.kotoba-empty{text-align:center;background:var(--paper);border:1px dashed var(--kp-line);border-radius:17px;padding:34px 23px}.kotoba-empty>span{font-size:36px;color:var(--kp)}.kotoba-empty h2{font-size:23px;margin:16px 0}.kotoba-empty p{font-size:15px;line-height:1.8;color:var(--muted);max-width:430px;margin:0 auto 23px}#kotoba-results{scroll-margin-top:24px}
.kotoba-detail{max-width:790px}.kotoba-detail .page-header{align-items:center}.kotoba-detail .page-header h1{font-size:26px}.kotoba-detail .page-header .eyebrow{color:var(--kp);font-size:11px;letter-spacing:1px;line-height:1.7}.kotoba-level{margin-left:auto;border:1px solid var(--kp-line);border-radius:17px;padding:7px 10px;background:var(--kp-soft);color:var(--kp);font-size:11px;white-space:nowrap}.kotoba-word-panel{padding:28px 30px;border:1px solid var(--kp-line);background:linear-gradient(120deg,#e6f3fa,#f3f9f2);border-radius:22px;text-align:center}.kotoba-word-panel h2{font-size:43px;line-height:1.6;letter-spacing:-1px;overflow-wrap:anywhere}.kotoba-word-kana{font-size:23px;line-height:1.8;color:#6f929f;margin-top:8px;overflow-wrap:anywhere}.kotoba-word-romaji{font-size:16px;line-height:1.8;color:#7d9da8;margin-top:5px;overflow-wrap:anywhere}.kotoba-word-meaning{font-size:23px;font-weight:700;line-height:1.7;margin:20px 0;overflow-wrap:anywhere}.kotoba-sound{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--paper);border:1px solid #c8dee7;border-radius:24px;padding:10px 18px;font-size:22px;color:var(--kp)}.kotoba-sound>span{font-size:13px;font-weight:600}#kotoba-audio-state{display:block;font-size:11px;line-height:1.8;margin-top:11px;color:#839ea6}.kotoba-detail-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0 28px}.kotoba-detail-tools button{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:10px 14px;font-size:13px}.kotoba-detail-tools button[aria-pressed=true]{color:var(--kp);background:var(--kp-soft);border-color:var(--kp-line)}.kotoba-detail-tools>span{font-size:12px;color:var(--muted)}.kotoba-forms{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:23px;margin:26px 0}.kotoba-forms h2{font-size:19px;letter-spacing:-.5px;margin-bottom:20px}.kotoba-forms>div{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:15px}.kotoba-forms>div>span{font-size:12px;color:var(--muted);line-height:1.8}.kotoba-forms strong{display:block;font-size:23px;color:var(--ink);margin:7px 0 3px;font-weight:600;overflow-wrap:anywhere}.kotoba-forms small{font-size:12px;display:block;overflow-wrap:anywhere}.kotoba-forms i{font-size:23px;color:#8cabb6;font-style:normal;text-align:center}.kotoba-forms>p{margin-top:16px;font-size:12px;color:var(--muted);line-height:1.8}.kotoba-example-section{margin:30px 0}.kotoba-example-section>h2{font-size:24px;letter-spacing:-.7px;margin-bottom:18px}.kotoba-example{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.kotoba-example-jp{font-size:23px;line-height:1.9;overflow-wrap:anywhere}.kotoba-example-kana{font-size:16px;color:var(--muted);line-height:1.9;margin-top:10px;overflow-wrap:anywhere}.kotoba-example-romaji{font-size:13px;color:#7f9da7;line-height:1.9;margin-top:8px;overflow-wrap:anywhere}.kotoba-translation{border-top:1px dashed var(--line);margin-top:18px;padding-top:15px}.kotoba-translation summary{color:var(--kp);font-size:14px;font-weight:600;cursor:pointer}.kotoba-translation>p{font-size:16px;line-height:1.9;margin-top:12px;animation:appear .25s ease both}.kotoba-note{display:flex;gap:14px;background:#fcf2df;border:1px solid #eee0c9;border-radius:15px;padding:22px;margin:25px 0;line-height:1.9}.kotoba-note>span{font-size:26px;color:#c9a360;flex-shrink:0}.kotoba-note h2{font-size:18px;color:#8f774f;margin-bottom:8px}.kotoba-note p{font-size:15px;color:#8c806c}.kotoba-variants{background:var(--paper);padding:19px 21px;border:1px solid var(--line);border-radius:13px;margin-top:24px}.kotoba-variants summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--kp)}.kotoba-variants p{font-size:18px;line-height:1.9;overflow-wrap:anywhere;margin-top:15px}.kotoba-variants small{font-size:12px;color:var(--muted);line-height:1.8;display:block;margin-top:10px}.kotoba-detail>.kana-back-bottom{color:var(--kp);margin-top:18px}.kotoba-next{width:100%;display:block;padding:18px 20px;background:var(--kp-soft);border:1px solid var(--kp-line);border-radius:14px;text-align:left;margin-top:20px}.kotoba-next small{font-size:11px;color:var(--kp)}.kotoba-next>span{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:23px;line-height:1.8;margin-top:8px}.kotoba-next b{color:var(--kp);font-weight:400}.kotoba-custom-note{font-size:15px;line-height:1.9;color:var(--muted)}
.dark .kotoba-library,.dark .kotoba-detail{--kp:#a5c7d7;--kp-soft:#2e424a;--kp-line:#46636d}.dark .kotoba-intro,.dark .kotoba-word-panel{background:linear-gradient(115deg,#2d414c,#35463d)}.dark .kotoba-intro h2{color:#d5e6eb}.dark .kotoba-intro p,.dark .kotoba-word-kana,.dark .kotoba-word-romaji{color:#aec2c6}.dark .kotoba-art>span{background:#354751;color:#acd0de;border-color:#537688}.dark .kotoba-art>span:nth-child(2){background:#514437;color:#d7bb92;border-color:#79634c}.dark .kotoba-art>span:nth-child(3){background:#493d57;color:#d5bfe5;border-color:#68537c}.dark .kotoba-card-top{color:#aac3ca}.dark .kotoba-card-top small{background:#ffffff0b}.dark .kotoba-note{background:#453e2d;border-color:#615339}.dark .kotoba-note h2{color:#d6c39e}.dark .kotoba-note p{color:#c7bba4}.dark .kotoba-sound{border-color:#587c8b}
@keyframes kotoba-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@media(max-width:1050px){.kotoba-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.kotoba-intro{padding:24px 21px;gap:17px;border-radius:20px}.kotoba-intro h2{font-size:26px}.kotoba-intro p{font-size:14px}.kotoba-kicker{font-size:9px;letter-spacing:1px}.kotoba-art{width:83px;min-width:83px;height:120px}.kotoba-art>span{width:47px;height:49px;border-radius:11px;font-size:27px}.kotoba-art>span:nth-child(2){left:35px;top:35px}.kotoba-art>span:nth-child(3){left:0;top:67px}.kotoba-art>i{font-size:23px;right:0;top:-6px}.kotoba-toolbar{margin:25px 0}.kotoba-searchbox{padding:0 12px}.kotoba-searchbox input{font-size:15px;padding:15px 0}.kotoba-filters{gap:10px}.kotoba-filters select{font-size:14px;padding:12px 8px}.kotoba-filter-bottom>span{font-size:11px}.kotoba-saved-filter{font-size:12px;padding:10px 12px}.kotoba-result-head h2{font-size:18px}.kotoba-result-head>span{font-size:11px}.kotoba-grid{gap:11px}.kotoba-card{padding:15px 13px;min-height:192px;border-radius:14px}.kotoba-card h3{font-size:25px}.kotoba-card-kana{font-size:14px}.kotoba-card-romaji{font-size:12px}.kotoba-card-meaning{font-size:14px;padding-top:13px}.kotoba-card-top{font-size:10px;gap:6px}.kotoba-card-top small{min-width:23px;height:23px;font-size:11px}.kotoba-pagination{gap:5px}.kotoba-pagination button{min-width:34px;height:39px;font-size:13px}.kotoba-page-caption{font-size:11px}.kotoba-detail .page-header{gap:11px}.kotoba-detail .page-header h1{font-size:24px}.kotoba-detail .page-header .eyebrow{font-size:10px;max-width:200px}.kotoba-level{font-size:9px;padding:7px 9px}.kotoba-word-panel{padding:25px 20px}.kotoba-word-panel h2{font-size:37px}.kotoba-word-kana{font-size:21px}.kotoba-word-romaji{font-size:15px}.kotoba-word-meaning{font-size:21px}.kotoba-forms{padding:20px}.kotoba-forms>div{gap:10px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.kotoba-forms strong{font-size:21px}.kotoba-forms small{font-size:11px}.kotoba-example-section>h2{font-size:22px}.kotoba-example{padding:21px 19px}.kotoba-example-jp{font-size:21px}.kotoba-example-kana{font-size:15px}.kotoba-note{padding:20px;gap:12px}.kotoba-note p{font-size:14px}}@media(max-width:370px){.kotoba-art{display:none}.kotoba-grid{grid-template-columns:1fr}.kotoba-filters{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.kotoba-art,.kotoba-translation>p{animation:none!important}.kotoba-card:hover{transform:none}}.no-motion .kotoba-art,.no-motion .kotoba-translation>p{animation:none!important}
.kotoba-taxonomy-hint{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}