:root{--ink:#07131f;--panel:#102838;--line:rgba(255,255,255,.09);--cream:#fff0dc;--ember:#f26a21;--ember2:#ff9b59;--muted:#aebbc3;--wrap:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07131f;color:#eef3f5;font:16px/1.62 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 40px),var(--wrap));margin:auto}.top{position:sticky;top:0;z-index:20;background:rgba(7,19,31,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.top-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-weight:950;font-size:20px}.logo img{width:34px;height:34px;border-radius:9px}.logo em{font-style:normal;color:#ff9b59}.nav{display:flex;gap:18px;align-items:center;font-size:14px;font-weight:800}.nav a{color:#c7d1d6}.nav a:hover,.nav a.active{color:white}.nav-cta{padding:10px 15px;border-radius:999px;background:linear-gradient(135deg,var(--ember),var(--ember2));color:white!important}.kb-hero{padding:72px 0 34px}.eyebrow{color:#ff9b59;font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.kb-hero h1{font-size:clamp(42px,7vw,78px);line-height:.96;letter-spacing:-.055em;margin:12px 0 18px;max-width:850px}.kb-hero p{font-size:19px;color:#c4cfd4;max-width:780px}.search-shell{margin-top:30px;padding:16px;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.24)}.search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.search-row input{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#0d2230;color:white;padding:16px 18px;font:inherit;font-size:17px;outline:none}.search-row input:focus{border-color:#ff9b59;box-shadow:0 0 0 3px rgba(255,155,89,.12)}.search-clear{border:0;border-radius:14px;padding:0 18px;background:rgba(255,255,255,.08);color:white;font-weight:900;cursor:pointer}.search-hints{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-hints button,.filters button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#dce3e7;border-radius:999px;padding:8px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.search-hints button:hover,.filters button:hover,.filters button.active{border-color:rgba(255,155,89,.55);color:white;background:rgba(242,106,33,.12)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 18px}.kb-meta{display:flex;justify-content:space-between;gap:12px;align-items:end;flex-wrap:wrap}.kb-meta h2{font-size:30px;letter-spacing:-.035em;margin:0}.kb-meta p{margin:0;color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 80px}.kb-card{display:flex;flex-direction:column;min-height:245px;padding:22px;border-radius:21px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(16,40,56,.92),rgba(8,25,36,.96));transition:.15s transform,.15s border-color}.kb-card:hover{transform:translateY(-2px);border-color:rgba(255,155,89,.43)}.card-top{display:flex;gap:8px;justify-content:space-between}.chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(255,155,89,.1);color:#ffb47f;font-size:11px;font-weight:900}.level{color:#93a5af;font-size:11px;font-weight:800}.kb-card h3{font-size:21px;line-height:1.13;letter-spacing:-.025em;margin:18px 0 10px}.kb-card p{color:var(--muted);margin:0 0 18px}.kb-card .read{margin-top:auto;color:#ffad73;font-weight:900;font-size:13px}.empty{grid-column:1/-1;padding:38px;border:1px dashed rgba(255,255,255,.14);border-radius:20px;color:#b9c6cc;text-align:center}.kb-note{margin:0 0 70px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid var(--line);color:#afbdc4}.kb-note strong{color:white}.article{max-width:900px;padding:48px 0 90px}.crumbs{display:flex;gap:8px;flex-wrap:wrap;color:#90a1ab;font-size:13px;margin-bottom:30px}.crumbs a{color:#dce3e7}.article-head{padding-bottom:34px;border-bottom:1px solid var(--line)}.article-head h1{font-size:clamp(40px,7vw,68px);line-height:1;letter-spacing:-.052em;margin:10px 0 17px}.article-head .summary{font-size:20px;color:#c6d0d5;max-width:760px}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.article-main{padding-top:18px}.article-main section{padding:30px 0;border-bottom:1px solid rgba(255,255,255,.07)}.article-main h2{font-size:28px;letter-spacing:-.035em;margin:0 0 12px}.article-main p{color:#c3ced4;max-width:76ch}.callout{padding:20px 22px;border-radius:18px;border:1px solid rgba(255,155,89,.25);background:linear-gradient(135deg,rgba(242,106,33,.10),rgba(255,255,255,.025))}.examples{display:grid;gap:10px}.example{padding:18px 20px;border-radius:17px;background:#102938;border:1px solid #244554}.example .ja{font-size:21px;font-weight:850}.example .en{color:#aebbc3;margin-top:4px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.related-card{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}.related-card b{display:block}.related-card span{display:block;color:#9fafb7;font-size:13px;margin-top:3px}.article-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;padding:12px 17px;border-radius:999px;font-weight:900;border:1px solid rgba(255,255,255,.10)}.btn.primary{background:linear-gradient(135deg,var(--ember),var(--ember2));border:0}.footer{border-top:1px solid var(--line);padding:28px 0 40px;color:#8fa0a9}.footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.suggestions{margin-top:12px;display:none}.suggestions.show{display:block}.suggest-title{font-size:12px;color:#91a3ad;font-weight:900;margin-bottom:7px}.suggest-list{display:flex;gap:7px;flex-wrap:wrap}.suggest-list button{border:0;background:rgba(255,255,255,.07);color:#e4eaed;border-radius:10px;padding:7px 10px;cursor:pointer}.match-note{color:#ffb47f;font-size:12px;font-weight:800;margin-bottom:7px}
@media(max-width:900px){.result-grid{grid-template-columns:repeat(2,1fr)}.nav a:not(.nav-cta):not(.active){display:none}}@media(max-width:620px){.wrap{width:min(calc(100% - 24px),var(--wrap))}.top-inner{height:64px}.result-grid,.related-grid{grid-template-columns:1fr}.search-row{grid-template-columns:1fr}.search-clear{padding:11px}.kb-hero{padding-top:48px}.kb-card{min-height:0}}


/* 3.8.39 - shared furigana preference + example inspector */
.kb-ruby{ruby-position:over;ruby-align:center}.kb-ruby rt{font-size:.48em;line-height:1;color:#91a3ad;font-weight:800;letter-spacing:.02em;transition:opacity .12s}
html:not([data-kb-furi="always"]) .kb-ruby rt{visibility:hidden;opacity:0}html[data-kb-furi="always"] .kb-ruby rt{visibility:visible;opacity:1}html[data-kb-furi="hover"] .kb-ruby:hover rt,html[data-kb-furi="hover"] .kb-ruby:focus-within rt{visibility:visible;opacity:1}html[data-kb-furi="never"] .kb-ruby:hover rt,html[data-kb-furi="never"] .kb-ruby:focus-within rt{visibility:hidden;opacity:0}
.kb-grammar-token{--kb-grammar:#ff9b59;display:inline;border-radius:.28em;padding:.03em .09em;margin:0 -.09em;outline:none;cursor:help;transition:background-color .12s,color .12s,box-shadow .12s;box-decoration-break:clone;-webkit-box-decoration-break:clone}.kb-grammar-token:hover,.kb-grammar-token:focus-visible,.kb-grammar-token.is-active{background:color-mix(in srgb,var(--kb-grammar) 17%,transparent);color:#ffd0ae;box-shadow:0 0 0 2px color-mix(in srgb,var(--kb-grammar) 30%,transparent)}
.kb-grammar-token[data-kind="topic"]{--kb-grammar:#a78bfa}.kb-grammar-token[data-kind="subject"]{--kb-grammar:#60a5fa}.kb-grammar-token[data-kind="object"]{--kb-grammar:#f472b6}.kb-grammar-token[data-kind="target"]{--kb-grammar:#f59e0b}.kb-grammar-token[data-kind="location"]{--kb-grammar:#2dd4bf}.kb-grammar-token[data-kind="verb"]{--kb-grammar:#4ade80}.kb-grammar-token[data-kind="adjective"]{--kb-grammar:#fb923c}.kb-grammar-token[data-kind="noun"]{--kb-grammar:#c084fc}.kb-grammar-token[data-kind="particle"]{--kb-grammar:#94a3b8}.kb-grammar-token[data-kind="conjunction"]{--kb-grammar:#2dd4bf}.kb-grammar-token[data-kind="auxiliary"]{--kb-grammar:#facc15}.kb-grammar-token[data-kind="punctuation"]{--kb-grammar:#94a3b8}
.kb-kanji-char{border-radius:5px;outline:none;transition:background .12s,color .12s,box-shadow .12s}.kb-kanji-char:hover,.kb-kanji-char:focus-visible,.kb-kanji-char.is-active{background:rgba(255,155,89,.16);color:#ffb47f;box-shadow:0 0 0 2px rgba(255,155,89,.18)}
.kb-grammar-tooltip{position:fixed;z-index:240;width:min(340px,calc(100vw - 24px));padding:13px 14px;border:1px solid rgba(255,155,89,.38);border-radius:15px;background:rgba(13,34,48,.98);color:#eef3f5;box-shadow:0 18px 48px rgba(0,0,0,.38);font-size:13px;line-height:1.42;text-align:left;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .11s,transform .11s,visibility .11s;backdrop-filter:blur(14px)}.kb-grammar-tooltip.show{opacity:1;visibility:visible;transform:none}.kb-tooltip-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}.kb-tooltip-word{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:21px;font-weight:900}.kb-tooltip-badge{flex:none;padding:3px 7px;border-radius:999px;background:rgba(255,155,89,.12);color:#ffb47f;font-size:10px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.kb-tooltip-row{display:grid;grid-template-columns:76px 1fr;gap:8px;margin:5px 0}.kb-tooltip-row b{color:#91a3ad;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.kb-tooltip-note{margin-top:9px;padding-top:8px;border-top:1px dashed var(--line);color:#91a3ad;font-size:11px}.kb-kanji-tooltip-char{font-size:34px;font-weight:900;line-height:1}.kb-grammar-tooltip.kanji-mode{border-color:rgba(255,155,89,.5)}
.kb-furi-prompt{position:fixed;right:22px;bottom:22px;z-index:230;width:min(390px,calc(100vw - 28px));display:grid;grid-template-columns:auto 1fr;gap:13px;padding:17px 18px;border:1px solid rgba(255,155,89,.36);border-radius:20px;background:rgba(13,34,48,.98);box-shadow:0 22px 70px rgba(0,0,0,.4);color:#eef3f5;backdrop-filter:blur(16px)}.kb-furi-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(242,106,33,.14);color:#ffb47f;font-weight:950;font-size:20px}.kb-furi-prompt b{font-size:16px}.kb-furi-prompt p{margin:5px 0 11px;color:#b8c4ca;font-size:13px;line-height:1.48}.kb-furi-actions{display:flex;gap:8px;flex-wrap:wrap}.kb-furi-actions button,.kb-furi-close{border:0;font:inherit;cursor:pointer}.kb-furi-enable{padding:9px 12px;border-radius:999px!important;background:linear-gradient(135deg,var(--ember),var(--ember2));color:#fff;font-weight:900}.kb-furi-keep{padding:9px 12px;border-radius:999px!important;background:rgba(255,255,255,.07);color:#e9eef0;font-weight:850}.kb-furi-close{position:absolute;right:10px;top:8px;background:transparent;color:#93a5af;font-size:20px;line-height:1;padding:5px}.kb-furi-actions button:focus-visible,.kb-furi-close:focus-visible,.kb-kanji-char:focus-visible,.kb-grammar-token:focus-visible{outline:2px solid #ffb47f;outline-offset:2px}
.example .ja.kb-example-enhanced{line-height:2.05}.article-main p{line-height:1.82}
@media(max-width:620px){.kb-furi-prompt{right:14px;bottom:14px}.kb-tooltip-row{grid-template-columns:68px 1fr}}
@media(prefers-reduced-motion:reduce){.kb-ruby rt,.kb-grammar-token,.kb-kanji-char,.kb-grammar-tooltip{transition:none}}