.ref-shell{display:flex;min-height:100vh;background:#0C0C0B;color:#F0EDE8}.ref-sidebar{width:280px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.06);background:#0a0a09;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;padding:24px 0 48px;scrollbar-width:thin;scrollbar-color:rgba(196,147,10,.2) transparent}.ref-sidebar::-webkit-scrollbar{width:4px}.ref-sidebar::-webkit-scrollbar-thumb{background:rgba(196,147,10,.2);border-radius:2px}.ref-sidebar-header{padding:0 24px 20px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:16px}.ref-sidebar-brand{font-family:var(--font-display),serif;font-size:1.1rem;font-weight:800;color:#F0EDE8;text-decoration:none;display:block;margin-bottom:4px}.ref-sidebar-brand:hover{color:#C4930A}.ref-sidebar-sub{font-family:var(--font-ui),monospace;font-size:10px;color:#8A8680;letter-spacing:.12em;text-transform:uppercase}.ref-chapter{margin-bottom:8px}.ref-chapter-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 24px;background:none;border:none;font-family:var(--font-ui),monospace;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#C4930A;cursor:pointer;transition:color .15s;text-align:left}.ref-chapter-toggle:hover{color:#e8c878}.ref-chapter-arrow{font-size:8px;transition:transform .2s;flex-shrink:0}.ref-chapter-arrow.open{transform:rotate(90deg)}.ref-chapter-items{display:flex;flex-direction:column;gap:1px;padding:4px 0}.ref-sidebar-link{display:block;padding:7px 24px 7px 36px;font-family:var(--font-body),sans-serif;font-size:.85rem;color:#8A8680;text-decoration:none;transition:all .12s;border-left:2px solid transparent}.ref-sidebar-link:hover{color:#F0EDE8;background:rgba(255,255,255,.02)}.ref-sidebar-link.active{color:#C4930A;border-left-color:#C4930A;background:rgba(196,147,10,.04);font-weight:500}.ref-sidebar-mobile-toggle{display:none;position:fixed;bottom:20px;left:20px;z-index:100;width:48px;height:48px;border-radius:50%;background:#C4930A;color:#0C0C0B;border:none;font-size:20px;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.4);align-items:center;justify-content:center}.ref-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:90}.ref-main{flex:1 1;min-width:0;max-width:860px;margin:0 auto;padding:32px 48px 80px}.ref-breadcrumb{display:flex;align-items:center;gap:8px;font-family:var(--font-ui),monospace;font-size:11px;color:#8A8680;letter-spacing:.06em;margin-bottom:24px}.ref-breadcrumb a{color:#8A8680;text-decoration:none}.ref-breadcrumb a:hover{color:#C4930A}.ref-breadcrumb-sep{opacity:.4}.ref-breadcrumb-current{color:#F0EDE8}.ref-page-header{margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.ref-page-number{font-family:var(--font-ui),monospace;font-size:11px;color:#C4930A;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.ref-page-title{font-family:var(--font-display),serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:#F0EDE8;line-height:1.2;margin:0 0 8px}.ref-page-title-jp{font-family:var(--font-japanese),serif;font-size:1.2rem;color:#C4930A;font-weight:400;margin-left:12px;opacity:.8}.ref-page-summary{font-family:var(--font-body),sans-serif;font-size:1rem;color:#8A8680;line-height:1.7;max-width:640px;margin:0}.ref-summary-box{background:rgba(196,147,10,.04);border:1px solid rgba(196,147,10,.15);border-radius:12px;padding:20px 24px;margin-bottom:36px}.ref-summary-box-label{font-family:var(--font-ui),monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#C4930A;margin-bottom:8px}.ref-summary-box p{font-size:.92rem;color:#e8c878;line-height:1.65;margin:0}.ref-section{margin-bottom:40px}.ref-section h2{font-size:1.5rem;margin:0 0 16px;padding-top:8px}.ref-section h2,.ref-section h3{font-family:var(--font-display),serif;font-weight:700;color:#F0EDE8}.ref-section h3{font-size:1.15rem;margin:24px 0 12px}.ref-section p{font-family:var(--font-body),sans-serif;font-size:.95rem;color:#8A8680;line-height:1.8;margin:0 0 14px}.ref-section strong{color:#F0EDE8;font-weight:600}.ref-table-wrap{overflow-x:auto;margin:20px 0;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.ref-table{width:100%;border-collapse:collapse;font-family:var(--font-body),sans-serif;font-size:.88rem}.ref-table thead th{background:#141412;font-family:var(--font-ui),monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8A8680;padding:10px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.ref-table tbody td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);color:#F0EDE8;vertical-align:top}.ref-table tbody tr:last-child td{border-bottom:none}.ref-table tbody tr:hover{background:rgba(255,255,255,.015)}.ref-group1{color:#C4930A}.ref-group2{color:#50c878}.ref-irreg{color:#C0392B}.ref-table .jp{font-family:var(--font-japanese),serif;font-size:1rem}.ref-table .reading{font-size:.78rem;color:#8A8680;margin-top:2px}.ref-table .label{font-family:var(--font-ui),monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.ref-example{background:#111110;border-left:3px solid #c4930a;border-radius:0 8px 8px 0;padding:14px 18px;margin:14px 0}.ref-example-ja{font-family:var(--font-japanese),serif;font-size:1.1rem;color:#F0EDE8;line-height:1.6;margin:0 0 4px}.ref-example-reading{font-size:.8rem;color:#8A8680;margin:0 0 4px;font-style:italic}.ref-example-en{font-size:.85rem;color:#8A8680;margin:0}.ref-example-note{font-family:var(--font-ui),monospace;font-size:10px;color:#C4930A;margin-top:6px;letter-spacing:.04em}.ref-mistakes{display:flex;flex-direction:column;gap:12px;margin:20px 0}.ref-mistake{background:#111110;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px 18px}.ref-mistake-wrong{font-family:var(--font-japanese),serif;font-size:1rem;color:#e05050;margin:0 0 6px}.ref-mistake-wrong:before{content:"✗ ";font-size:.8rem}.ref-mistake-right{font-family:var(--font-japanese),serif;font-size:1rem;color:#50c878;margin:0 0 6px}.ref-mistake-right:before{content:"✓ ";font-size:.8rem}.ref-mistake-why{font-size:.82rem;color:#8A8680;margin:0;padding-top:6px;border-top:1px solid rgba(255,255,255,.04)}.ref-faq{margin:20px 0;display:flex;flex-direction:column;gap:12px}.ref-faq-item{background:#111110;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:16px 20px}.ref-faq-q{font-family:var(--font-body),sans-serif;font-size:.95rem;font-weight:600;color:#F0EDE8;margin:0 0 8px}.ref-faq-a{font-size:.88rem;color:#8A8680;line-height:1.7;margin:0}.ref-cta{background:rgba(192,57,43,.06);border:1px solid rgba(192,57,43,.2);border-radius:12px;padding:20px 24px;margin:32px 0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ref-cta-text{flex:1 1;font-size:.92rem;color:#F0EDE8;min-width:200px}.ref-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#C0392B;color:#F0EDE8;font-family:var(--font-ui),monospace;font-size:12px;font-weight:500;letter-spacing:.06em;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:background .15s;white-space:nowrap}.ref-cta-btn:hover{background:#d94335}.ref-nav{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}.ref-nav-link{display:flex;flex-direction:column;gap:4px;padding:14px 20px;background:#111110;border:1px solid rgba(255,255,255,.06);border-radius:10px;text-decoration:none;transition:all .15s;min-width:0;flex:1 1;max-width:48%}.ref-nav-link:hover{border-color:rgba(196,147,10,.3);background:rgba(196,147,10,.03)}.ref-nav-link.next{align-items:flex-end;text-align:right}.ref-nav-label{font-family:var(--font-ui),monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8A8680}.ref-nav-title{font-family:var(--font-body),sans-serif;font-size:.9rem;color:#C4930A;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-graphic{background:#0e0e0d;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px;margin:24px 0;overflow-x:auto}.ref-graphic-label{font-family:var(--font-ui),monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#C4930A;margin-bottom:16px}.ref-chapter-grid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin:24px 0}.ref-chapter-card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#111110;border:1px solid rgba(255,255,255,.06);border-radius:10px;text-decoration:none;transition:all .15s}.ref-chapter-card:hover{border-color:rgba(196,147,10,.3);background:rgba(196,147,10,.03)}.ref-chapter-card-num{font-family:var(--font-ui),monospace;font-size:12px;color:#C4930A;min-width:28px;text-align:center;opacity:.6}.ref-chapter-card-title{font-family:var(--font-body),sans-serif;font-size:.92rem;color:#F0EDE8;flex:1 1}.ref-chapter-card-jp{font-family:var(--font-japanese),serif;font-size:.88rem;color:#8A8680}.ref-landing{min-height:100vh;background:#0C0C0B;color:#F0EDE8}.ref-landing-hero{padding:100px 48px 60px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.ref-landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 0,rgba(196,147,10,.06) 0,transparent 70%);pointer-events:none}.ref-landing-eyebrow{font-family:var(--font-ui),monospace;font-size:11px;letter-spacing:.18em;color:#C4930A;text-transform:uppercase;margin-bottom:16px;position:relative}.ref-landing-title{font-family:var(--font-display),serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#F0EDE8;margin:0 0 16px;position:relative}.ref-landing-sub{font-family:var(--font-body),sans-serif;font-size:1.05rem;color:#8A8680;max-width:560px;margin:0 auto;line-height:1.7;position:relative}.ref-landing-chapters{max-width:700px;margin:0 auto;padding:48px 48px 80px}.ref-landing-chapter-card{display:flex;align-items:center;gap:20px;padding:24px;background:#111110;border:1px solid rgba(255,255,255,.06);border-radius:14px;text-decoration:none;transition:all .2s;margin-bottom:12px}.ref-landing-chapter-card:hover{border-color:rgba(196,147,10,.3);background:rgba(196,147,10,.03);transform:translateY(-2px)}.ref-landing-chapter-num{font-family:var(--font-display),serif;font-size:2rem;font-weight:800;color:#C4930A;opacity:.4;min-width:48px;text-align:center}.ref-landing-chapter-info{flex:1 1}.ref-landing-chapter-title{font-family:var(--font-display),serif;font-size:1.2rem;font-weight:700;color:#F0EDE8;margin-bottom:4px}.ref-landing-chapter-desc{font-size:.85rem;color:#8A8680}.ref-landing-chapter-count{font-family:var(--font-ui),monospace;font-size:11px;color:#8A8680;letter-spacing:.06em}@media (max-width:900px){.ref-sidebar{position:fixed;left:-300px;z-index:95;transition:left .3s ease;box-shadow:4px 0 20px rgba(0,0,0,.4)}.ref-sidebar.open{left:0}.ref-sidebar-mobile-toggle{display:flex}.ref-sidebar-overlay.open{display:block}.ref-main{padding:24px 20px 80px}.ref-landing-hero{padding:80px 24px 48px}.ref-landing-chapters{padding:32px 20px 60px}}@media (max-width:600px){.ref-nav{flex-direction:column}.ref-nav-link{max-width:100%}.ref-nav-link.next{align-items:flex-start;text-align:left}.ref-cta{flex-direction:column;align-items:stretch}.ref-table{font-size:.82rem}.ref-table tbody td,.ref-table thead th{padding:8px 10px}}.vp-root{background:#0e0e0d;border:1px solid rgba(196,147,10,.2);border-radius:16px;padding:28px;margin:32px 0;overflow:hidden}.vp-header{margin-bottom:20px}.vp-title{font-family:var(--font-display),serif;font-size:1.3rem;font-weight:700;color:#F0EDE8;margin-bottom:4px}.vp-subtitle{font-size:.85rem;color:#8A8680}.vp-input-row{display:flex;gap:8px;margin-bottom:14px}.vp-input{flex:1 1;padding:12px 16px;background:#141412;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#F0EDE8;font-family:var(--font-japanese),serif;font-size:1.1rem;outline:none;transition:border-color .15s}.vp-input:focus{border-color:#C4930A}.vp-input::placeholder{color:#3a3a38}.vp-go{padding:12px 24px;background:#C4930A;color:#0C0C0B;font-family:var(--font-ui),monospace;font-size:12px;font-weight:600;letter-spacing:.06em;border:none;border-radius:10px;cursor:pointer;transition:background .15s;white-space:nowrap}.vp-go:hover{background:#d9a30d}.vp-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.vp-preset{padding:5px 12px;background:#141412;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#8A8680;font-family:var(--font-japanese),serif;font-size:.85rem;cursor:pointer;transition:all .12s}.vp-preset:hover{border-color:rgba(196,147,10,.3);color:#F0EDE8}.vp-preset.active{border-color:#C4930A;color:#C4930A;background:rgba(196,147,10,.06)}.vp-results{animation:ref-fade-in .3s ease}@keyframes ref-fade-in{0%{opacity:0}to{opacity:1}}.vp-verb-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.vp-verb-char{font-family:var(--font-display),serif;font-size:2.5rem;font-weight:900;color:#F0EDE8}.vp-verb-group{font-family:var(--font-ui),monospace;font-size:11px;letter-spacing:.06em;padding:4px 12px;border-radius:20px;border:1px solid}.vp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:8px;gap:8px}.vp-card{background:#141412;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:12px 14px;transition:border-color .15s}.vp-card:hover{border-color:rgba(196,147,10,.2)}.vp-card-label{font-family:var(--font-ui),monospace;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8A8680;margin-bottom:6px}.vp-card-jp{font-family:var(--font-japanese),serif;font-size:1.3rem;color:#F0EDE8;margin-bottom:2px}.vp-card-reading{font-size:.75rem;color:#8A8680}.vp-card-form-jp{font-family:var(--font-ui),monospace;font-size:9px;color:#C4930A;opacity:.6;margin-top:4px;letter-spacing:.06em}@media (max-width:600px){.vp-root{padding:18px}.vp-grid{grid-template-columns:repeat(2,1fr)}.vp-verb-char{font-size:2rem}}.pb-root{background:#0e0e0d;border:1px solid rgba(192,57,43,.2);border-radius:16px;padding:24px;margin:32px 0}.pb-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pb-title{font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#C0392B}.pb-progress,.pb-title{font-family:var(--font-ui),monospace;font-size:11px}.pb-progress{color:#8A8680;margin-left:auto}.pb-streak{font-family:var(--font-ui),monospace;font-size:10px;color:#C4930A;padding:2px 8px;background:rgba(196,147,10,.08);border:1px solid rgba(196,147,10,.2);border-radius:10px}.pb-bar{height:3px;background:rgba(255,255,255,.06);border-radius:2px;margin-bottom:20px;overflow:hidden}.pb-bar-fill{height:100%;background:#C0392B;border-radius:2px;transition:width .4s ease}.pb-question{margin-bottom:16px}.pb-prompt{font-family:var(--font-body),sans-serif;font-size:1rem;color:#F0EDE8;margin:0 0 4px}.pb-prompt-jp{font-family:var(--font-japanese),serif;font-size:1.3rem;color:#C4930A;margin:0}.pb-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:16px}.pb-option{padding:14px 16px;background:#141412;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-family:var(--font-japanese),serif;font-size:1.05rem;color:#F0EDE8;cursor:pointer;transition:all .15s;text-align:center}.pb-option:hover:not(:disabled){border-color:rgba(196,147,10,.4);background:rgba(196,147,10,.04)}.pb-option.correct{border-color:#50c878;background:rgba(80,200,120,.08);color:#50c878}.pb-option.wrong{border-color:#e05050;background:rgba(224,80,80,.08);color:#e05050}.pb-option.faded{opacity:.35}.pb-option:disabled{cursor:default}.pb-feedback{padding:12px 16px;border-radius:10px;font-size:.9rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap;animation:ref-fade-in .2s ease}.pb-feedback.correct{background:rgba(80,200,120,.06);border:1px solid rgba(80,200,120,.2);color:#50c878}.pb-feedback.wrong{background:rgba(224,80,80,.06);border:1px solid rgba(224,80,80,.2);color:#e05050}.pb-feedback strong{color:#50c878}.pb-hint{opacity:.7;font-size:.82rem}.pb-next{margin-left:auto;padding:6px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#F0EDE8;font-family:var(--font-ui),monospace;font-size:11px;cursor:pointer;transition:all .12s}.pb-next:hover{background:rgba(255,255,255,.1)}.pb-done{text-align:center;padding:20px 0}.pb-done-score{font-family:var(--font-display),serif;font-size:3rem;font-weight:900;color:#C0392B}.pb-done-pct{font-size:1rem;color:#F0EDE8;margin-bottom:4px}.pb-done-streak{font-size:.82rem;color:#C4930A;margin-bottom:16px}.pb-retry{padding:10px 24px;background:#C0392B;color:#F0EDE8;font-family:var(--font-ui),monospace;font-size:12px;font-weight:500;border:none;border-radius:8px;cursor:pointer;margin-top:12px}.pb-retry:hover{background:#d94335}@media (max-width:600px){.pb-root{padding:16px}.pb-options{grid-template-columns:1fr}}