.quick-hero .note-hero-inner{max-width:900px}main.quick-reference-page{--quick-ink: #171425;--quick-muted: #5b536e;--quick-hot: #e61381;--quick-violet: #7c3aed;width:min(100% - 2rem,1080px);margin:0 auto;padding:clamp(1.25rem,2.5vw,2.5rem) 0 4rem;display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem);align-items:start;color:var(--quick-ink)}.quick-toc{position:sticky;top:86px;max-height:calc(100vh - 110px);overflow-y:auto;padding:.8rem;border-radius:20px;background:#0f0c1ceb;box-shadow:0 18px 50px #0f0c1c2e}.quick-toc-disclosure{display:block}.quick-toc summary{display:none}.quick-toc nav{display:grid;gap:.8rem}.quick-toc .toc-group{display:grid;gap:.35rem}.quick-toc .toc-group+.toc-group{padding-top:.8rem;border-top:1px solid rgba(255,255,255,.13)}.quick-toc .toc-group p{margin:0 .4rem .1rem;color:#ff9ccb;font-size:.67rem;font-weight:950;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.quick-toc a{color:#fff;text-decoration:none;font-weight:800;font-size:.88rem;padding:.7rem .8rem;border-radius:999px;background:#ffffff12}.quick-toc a:hover{background:#e613814d}.quick-header-toc{display:none}.quick-content{display:grid;gap:1.15rem;min-width:0}.quick-card{background:#fffffff2;border:1px solid rgba(31,41,55,.1);border-radius:28px;box-shadow:0 18px 60px #0f172a1f;padding:clamp(1.15rem,3vw,2rem);overflow:hidden}.quick-card h2{color:#111827;font-size:clamp(1.65rem,4vw,2.55rem);line-height:1.05;letter-spacing:-.04em;margin:.15rem 0 .85rem}.quick-card h3{color:#211735;margin:.2rem 0 .5rem;font-size:1.35rem}.quick-card p{color:var(--quick-muted);line-height:1.72;font-size:1.02rem}.quick-card .lead{font-size:1.14rem;max-width:52rem}.rule-card{background:linear-gradient(135deg,#fffffffa,#ffeff8f5)}.rule-split,.matrix-grid,.location-examples,.use-grid,.mo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.mo-card{background:linear-gradient(135deg,#fffffffa,#f6f0fff5)}.mo-hero{max-width:34rem}.mo-grid>section{min-width:0;padding:1rem;border:1px solid rgba(124,58,237,.17);border-radius:20px;background:#7c3aed0e}.mo-grid h3{color:var(--quick-hot);font-size:1.12rem}.mo-map{display:grid;gap:1px;margin-top:1rem;overflow:hidden;border:1px solid rgba(124,58,237,.18);border-radius:16px;background:#7c3aed26}.mo-map>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:.7rem .85rem;background:#fff;color:var(--quick-muted);font-weight:800}.mo-map>div:first-child{background:#211735;color:#fff8f2}.mo-map strong,.mo-map span{color:inherit}.mo-map>div:not(:first-child) span:last-child{color:var(--quick-hot);font-size:1.08rem}.counters-card{background:linear-gradient(135deg,#fffffffa,#eef7fff2)}.counter-core{margin-top:1rem;padding:1rem;border:1px solid rgba(36,166,205,.2);border-radius:20px;background:#24a6cd0e}.counter-core .pattern-line{margin-top:0}.counter-sound-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.counter-sound-grid>section{min-width:0;padding:1rem;border:1px solid rgba(124,58,237,.16);border-radius:20px;background:#7c3aed0e}.counter-sound-grid h3{color:var(--quick-hot);font-size:1.12rem}.counter-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.counter-forms>div,.counter-common-grid>div{min-width:0;padding:.7rem .75rem;border:1px solid rgba(31,41,55,.1);border-radius:13px;background:#fffc}.counter-forms span,.counter-common-grid strong{display:block;color:#211735;font-size:1.15rem;font-weight:950}.counter-forms small,.counter-common-grid span{display:block;margin-top:.14rem;color:var(--quick-muted);line-height:1.35}.counter-common-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.one-of-card{background:linear-gradient(135deg,#fffffffa,#fff7edf0)}.one-of-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.one-of-grid>section,.one-of-context{min-width:0;padding:1rem;border:1px solid rgba(230,122,41,.2);border-radius:20px;background:#e67a290e}.one-of-grid h3,.one-of-context h3{color:var(--quick-hot);font-size:1.12rem}.one-of-context{margin-top:1rem;background:#7c3aed0e;border-color:#7c3aed29}.type-card{border-radius:22px;padding:1.1rem;border:1px solid;min-width:0}.type-card.living{background:#7c3aed14;border-color:#7c3aed33}.type-card.object{background:#e6138112;border-color:#e613812e}.type-label,.matrix-column header p{text-transform:uppercase;font-size:.72rem!important;letter-spacing:.12em;font-weight:950;margin:0!important;color:var(--quick-hot)!important}.type-card h3,.matrix-column h3{font-size:clamp(2rem,6vw,3.25rem);line-height:1}.memory-hook,.say-it,.finish-line{background:#1d1530;color:#fff!important;border-left:5px solid var(--quick-hot);border-radius:16px;padding:1rem;margin:1rem 0 0;font-weight:750}.matrix-key{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.matrix-key span{background:#7c3aed14;color:var(--quick-muted);border-radius:999px;padding:.45rem .7rem;font-size:.86rem}.matrix-column{border-radius:22px;overflow:hidden;border:1px solid rgba(31,41,55,.1)}.matrix-column header{padding:1rem 1rem .75rem}.living-column header{background:#7c3aed1a}.object-column header{background:#e6138114}.form-row{display:grid;grid-template-columns:5.7rem minmax(0,1fr);gap:.7rem;padding:.9rem 1rem;border-top:1px solid rgba(31,41,55,.09);align-items:center}.form-row:nth-child(odd){background:#0f172a06}.form-label{color:var(--quick-hot);font-weight:900;font-size:.82rem}.form-row p,.jp-example p{color:#fff8f2!important;-webkit-text-fill-color:#fff8f2;margin:0;font-size:1.18rem;font-weight:800}.form-row small{color:#ffcae0;font-size:.86rem}.form-row>div{background:#211735;border-radius:12px;padding:.55rem .7rem;min-width:0}.jp-example{background:#211735;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:.9rem 1rem;margin-top:.8rem}.paired-examples{display:grid;gap:0}.example-pair{min-width:0}.example-pair+.example-pair{margin-top:.95rem;padding-top:.95rem;border-top:1px solid rgba(255,211,232,.2)}.example-pair>p:first-child{line-height:1.6}.jp-example ruby,.jp-example rb,.jp-example .manual-ruby{color:#fff8f2!important;-webkit-text-fill-color:#fff8f2}.jp-example rt{color:#ff9ccb!important;-webkit-text-fill-color:#ff9ccb;font-size:.55em;font-weight:900}.jp-example .gloss{color:#ffd3e8!important;-webkit-text-fill-color:#ffd3e8;font-size:.9rem;line-height:1.6;font-weight:500;margin-top:.5rem}.pattern-line{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1rem 0;padding:.85rem 1rem;border-radius:14px;background:#7c3aed14;color:var(--quick-muted);font-weight:750}.pattern-line b{color:var(--quick-hot);font-size:1.25rem}.small-note{border-left:4px solid var(--quick-violet);padding-left:1rem}.use-grid>div{min-width:0}.suru-column header{background:#5bc4a024}.suru-examples{background:#0f172a09;border:1px solid rgba(31,41,55,.09);border-radius:22px;padding:1rem;min-width:0}.form-comparison{margin-top:1rem;display:grid;gap:1px;overflow:hidden;border:1px solid rgba(31,41,55,.12);border-radius:18px;background:#1f29371f}.form-comparison>div{display:grid;grid-template-columns:1.15fr repeat(4,minmax(0,1fr));gap:.5rem;align-items:center;padding:.75rem;background:#fff;color:var(--quick-muted);font-size:.9rem}.form-comparison>div:first-child{background:#211735;color:#fff8f2;font-weight:900}.form-comparison strong{color:var(--quick-hot);font-weight:950}.form-comparison>div:first-child strong{color:#fff8f2}.conjugation-card{background:linear-gradient(135deg,#fffffffa,#eef7fff2)}.conjugation-section{margin-top:1.35rem}.section-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.7rem;margin-bottom:.7rem}.section-heading h3{margin:0;color:var(--quick-hot)}.conjugation-table{overflow-x:auto;display:grid;gap:1px;border:1px solid rgba(31,41,55,.12);border-radius:18px;background:#1f29371f}.conj-row{display:grid;grid-template-columns:1.35fr repeat(5,minmax(5.6rem,1fr));gap:.5rem;align-items:center;min-width:650px;padding:.75rem;background:#fff;color:var(--quick-muted);font-weight:800}.conj-row strong{color:#211735}.conj-row small{color:var(--quick-hot);font-size:.75rem}.conj-head{background:#211735;color:#fff8f2;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.conj-head strong{color:#fff8f2}.verb-rules,.adjective-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.8rem}.verb-rules section,.adjective-notes section{min-width:0;padding:.9rem;border:1px solid rgba(124,58,237,.16);border-radius:16px;background:#ffffffad}.verb-rules h4,.adjective-notes h4{margin:0 0 .35rem;color:#5b21b6;font-size:1rem}.verb-rules p,.adjective-notes p{margin:0;font-size:.92rem}.mini-form{margin-top:.6rem!important;color:#211735!important;font-weight:900}.exception-strip{margin-top:.8rem;padding:.9rem 1rem;border-radius:16px;border-left:4px solid #e67a29;background:#fff7ede6;color:#7c2d12;line-height:1.65}.adjective-table .conj-row{grid-template-columns:1.35fr repeat(4,minmax(6.25rem,1fr));min-width:590px}.good-exception{border-color:#e67a2945!important;background:#fff7edd9!important}.good-exception h4{color:#9a3412}.tense-card{background:linear-gradient(135deg,#fffffff7,#f4eefff2)}.tense-comparison>div{grid-template-columns:1.35fr repeat(2,minmax(0,1fr))}.tense-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.tense-notes section{min-width:0;padding:.95rem;border-radius:16px;border:1px solid rgba(124,58,237,.17);background:#ffffffb8}.tense-notes h3{color:var(--quick-hot);font-size:1.05rem}.tense-notes p{margin-bottom:0;font-size:.94rem}.desire-card{background:linear-gradient(135deg,#fffffffa,#ffeff8f2)}.desire-comparison>div{grid-template-columns:1.35fr repeat(2,minmax(0,1fr))}.desire-grid,.desire-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1rem}.desire-grid>section{min-width:0;padding:1rem;border:1px solid rgba(230,19,129,.18);border-radius:18px;background:#ffffffba}.desire-grid h3{color:var(--quick-hot);font-size:1.08rem}.desire-forms{display:grid;gap:.48rem;margin-top:.75rem}.desire-forms>div{display:grid;gap:.14rem;padding:.55rem .7rem;border-radius:10px;background:#7c3aed12}.desire-forms span{color:#211735;font-weight:800;line-height:1.4}.desire-forms small{color:var(--quick-muted);font-size:.79rem;font-weight:700;line-height:1.35}.desire-forms strong{color:var(--quick-hot)}.desire-examples .jp-example{margin-top:0}.connectors-card{background:linear-gradient(135deg,#fffffffa,#f5fafff2)}.next-card{background:linear-gradient(135deg,#fffffffa,#fff7edeb)}.next-pattern-grid>section{border-color:#e67a2933;background:#e67a290e}.giving-viewpoints{grid-column:1 / -1;background:linear-gradient(135deg,#7c3aed17,#e6138111)!important;border-color:#7c3aed3d!important}.giving-intro{max-width:47rem}.giving-verb-grid,.viewpoint-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.85rem}.giving-verb-grid>div{display:grid;gap:.25rem;min-width:0;padding:.8rem;border-radius:14px;background:#ffffffd1;border:1px solid rgba(124,58,237,.16)}.giving-verb-grid strong{color:#5b21b6;font-size:1.25rem}.giving-verb-grid span{color:var(--quick-muted);font-size:.88rem;font-weight:700;line-height:1.4}.viewpoint-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.viewpoint-pair .jp-example{margin-top:0;border-left:4px solid var(--quick-hot)}.viewpoint-hook{margin:.85rem 0 0!important;padding:.8rem 1rem;border-radius:14px;background:#211735;color:#fff8f2!important;font-weight:700}.viewpoint-hook span,.viewpoint-hook strong{color:#fff8f2}.favor-example{margin-top:.85rem!important}.ability-change{grid-column:1 / -1;background:linear-gradient(135deg,#7c3aed16,#e613810e)!important;border-color:#7c3aed3d!important}.ability-compare,.ability-chain{display:grid;gap:.6rem;margin-top:.8rem}.ability-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-compare>div,.ability-chain>div{min-width:0;padding:.75rem .85rem;border-radius:14px;border:1px solid rgba(124,58,237,.16);background:#ffffffc2}.ability-compare span,.ability-chain span{display:block;color:#211735;font-weight:900;font-size:1.05rem}.ability-compare small,.ability-chain small{display:block;margin-top:.2rem;color:var(--quick-muted);line-height:1.45}.ability-chain{grid-template-columns:repeat(4,minmax(0,1fr))}.ability-chain>div:last-child{border-color:#e6138157;background:#ffeff8e0}.diary-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1rem;padding:1rem;border-radius:18px;background:#7c3aed0f;border:1px solid rgba(124,58,237,.15)}.diary-words .type-label{grid-column:1 / -1}.diary-words>div{display:grid;gap:.2rem;min-width:0;padding:.65rem .7rem;border-radius:12px;background:#ffffffc2}.diary-words span{color:#211735;font-weight:900}.diary-words small{color:var(--quick-muted)}.quick-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.quick-pattern-grid>section{min-width:0;padding:1rem;border-radius:20px;border:1px solid rgba(124,58,237,.14);background:#7c3aed0e}.quick-pattern-grid>section h3{color:var(--quick-hot)}.quick-pattern-grid>section>p{margin:.25rem 0 .65rem;font-size:.94rem}.quick-pattern-grid .jp-example{margin-top:.55rem}.te-kuru-breakdown{margin-top:.75rem;padding:.8rem;border-radius:14px;background:#7c3aed14}.te-kuru-breakdown p{margin:.55rem 0 0;font-size:.92rem}.te-kuru-parts{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;color:#211735;font-weight:900}.te-kuru-parts span,.te-kuru-parts strong{padding:.28rem .5rem;border-radius:9px;background:#fff;border:1px solid rgba(124,58,237,.18)}.te-kuru-parts b{color:var(--quick-hot);font-size:1.2rem}.te-kuru-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.te-kuru-examples span{display:block;color:#211735;font-weight:900}.te-kuru-examples small{display:block;color:var(--quick-muted);line-height:1.35;margin-top:.15rem}.quick-pattern-grid ruby,.quick-pattern-grid rb{color:inherit}.quick-pattern-grid rt{color:var(--quick-hot);font-size:.55em;font-weight:900}.diary-card{background:linear-gradient(135deg,#fffffff7,#f5f0fff5)}.diary-pattern-grid>section{background:#e613810b;border-color:#e6138124}.micro-note{margin:.75rem 0 0!important;padding:.7rem .8rem;border-left:4px solid var(--quick-violet);background:#7c3aed14;border-radius:0 12px 12px 0;font-size:.9rem!important}.diary-formula{margin-top:1rem;padding:1.1rem;border:1px solid rgba(124,58,237,.18);border-radius:20px;background:#7c3aed12}.diary-formula h3{color:var(--quick-hot)}.diary-formula ol{display:grid;gap:.45rem;padding-left:1.25rem;margin:.65rem 0}.diary-formula li{color:var(--quick-muted);line-height:1.6}.while-card{background:linear-gradient(135deg,#fffffff7,#ecf8fff2)}.while-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.while-choice{min-width:0;padding:1rem;border-radius:20px;border:1px solid}.nagara-choice{background:#7c3aed11;border-color:#7c3aed30}.aida-choice{background:#24a6cd11;border-color:#24a6cd33}.while-choice h3,.stem-card h3{color:var(--quick-hot)}.stem-card{margin-top:1rem;padding:1rem;border-radius:20px;border:1px solid rgba(31,41,55,.1);background:#0f172a09}.stem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.75rem 0}.stem-grid>div{display:grid;gap:.25rem;min-width:0;padding:.8rem;border-radius:14px;background:#fff;border:1px solid rgba(31,41,55,.1)}.stem-grid span{color:var(--quick-muted);font-size:.86rem}.stem-grid strong{color:#211735;font-size:1.3rem}.stem-grid .bad{color:#b42318;font-weight:800}.stem-grid .good{color:#087443;font-weight:800}.chain-card{margin-top:1rem;padding:1rem;border-radius:20px;border:1px solid rgba(230,122,41,.25);background:#fff7edd9}.chain-card h3{color:var(--quick-hot)}.chain-pattern{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin:.8rem 0;color:var(--quick-muted);font-weight:800}.chain-pattern span{padding:.3rem .55rem;border-radius:9px;background:#fff;border:1px solid rgba(230,122,41,.2);color:#7c2d12}.chain-pattern b{color:var(--quick-hot)}.chain-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.75rem 0}.chain-compare>div{display:grid;gap:.35rem;padding:.8rem;border-radius:14px;background:#fffc;border:1px solid rgba(230,122,41,.16)}.chain-compare strong{color:#7c2d12;font-size:.88rem}.chain-compare span{color:#211735;font-weight:800;line-height:1.55}.small-note{margin:.8rem 0 0;color:var(--quick-muted);font-size:.92rem!important}.check-card ol{display:grid;gap:.75rem;padding-left:1.35rem}.check-card li{color:var(--quick-muted);line-height:1.65;padding-left:.3rem}.quick-card span[lang=ja],.quick-card strong[lang=ja]{font-weight:900}@media (max-width: 820px){main.quick-reference-page{grid-template-columns:1fr;width:min(100% - 1rem,760px)}.quick-toc{top:64px;z-index:35;border-radius:16px}.quick-toc nav{display:flex;overflow-x:auto}.quick-toc a{flex:0 0 auto;white-space:nowrap}}@media (max-width: 620px){main.quick-reference-page{width:100%;padding-top:0}.quick-card{border-radius:0;border-left:0;border-right:0}.quick-toc{display:none}#siteHeader .quick-header-toc{display:block;position:relative;margin-left:.6rem}#siteHeader .quick-header-toc summary{display:flex;align-items:center;gap:.28rem;min-height:2.2rem;padding:.35rem .55rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff14;color:#fff;cursor:pointer;font-size:.75rem;font-weight:900;line-height:1;list-style:none;white-space:nowrap}#siteHeader .quick-header-toc summary::-webkit-details-marker{display:none}#siteHeader .quick-header-toc summary span{color:#ff9ccb;font-size:.95rem;transition:transform .16s ease}#siteHeader .quick-header-toc[open] summary span{transform:rotate(180deg)}#siteHeader .quick-header-toc nav{position:fixed;top:3.7rem;left:50%;z-index:80;display:grid;width:min(18rem,calc(100vw - 1rem));max-height:min(56dvh,25rem);gap:.65rem;overflow:auto;padding:.55rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0f0c1cfa;box-shadow:0 18px 50px #0f0c1c52;transform:translate(-50%)}#siteHeader .quick-header-toc .toc-group{display:grid;gap:.2rem}#siteHeader .quick-header-toc .toc-group+.toc-group{padding-top:.55rem;border-top:1px solid rgba(255,255,255,.13)}#siteHeader .quick-header-toc .toc-group p{margin:0 .3rem .1rem;color:#ff9ccb;font-size:.62rem;font-weight:950;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}#siteHeader .quick-header-toc a{padding:.55rem .65rem;border-radius:11px;background:#ffffff12;color:#fff;font-size:.78rem;font-weight:800;line-height:1.2;text-decoration:none}#siteHeader .quick-header-toc a:active{background:#e613814d}.rule-split,.matrix-grid,.location-examples,.use-grid,.mo-grid,.counter-sound-grid,.one-of-grid,.verb-rules,.adjective-notes,.tense-notes,.desire-grid,.desire-examples,.quick-pattern-grid,.while-comparison,.stem-grid,.chain-compare,.te-kuru-examples,.giving-verb-grid,.viewpoint-pair,.ability-compare,.ability-chain{grid-template-columns:1fr}.diary-words{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-card p{font-size:1rem}.form-row{grid-template-columns:5rem minmax(0,1fr);padding-inline:.8rem}.form-comparison{overflow-x:auto}.form-comparison>div{min-width:520px}}