@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;--indigo-50:#e0e7ff;--indigo-100:#c7d2fe;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-900:#0f172a;--sky-500:#0ea5e9;--glass-bg:#ffffffbf;--glass-border:#ffffff80;--shadow-sm:0 2px 8px #0f172a08;--shadow-md:0 8px 30px #0f172a0a;--shadow-lg:0 16px 40px #0f172a14;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Myanmar Sangam MN,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 20%, #6366f10a 0%, transparent 45%), radial-gradient(circle at 90% 80%, #0ea5e90a 0%, transparent 45%), var(--slate-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-width:320px;margin:0}button,input,select{font:inherit;outline:none}button,a{-webkit-tap-highlight-color:transparent;transition:var(--transition-smooth)}h1,h2,h3,h4{color:var(--slate-900);font-family:Outfit,sans-serif;font-weight:700}.site-header,main{width:min(1400px,100% - 40px);margin:0 auto}.site-header{border-bottom:1px solid #e2e8f099;justify-content:space-between;align-items:center;padding:24px 0;display:flex}.brand-button{color:var(--slate-900);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--slate-900);border-radius:10px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden;box-shadow:0 4px 12px #0f172a33}.brand-mark img{width:100%;height:100%;display:block}.nav-links{border:1px solid var(--slate-200);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border-radius:12px;gap:8px;padding:4px;display:inline-flex}.nav-links button,.language-button,.segmented button{min-height:38px;color:var(--slate-600);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.nav-links button:hover,.segmented button:hover{color:var(--slate-900);background:var(--slate-100)}.nav-links button.active,.segmented button.selected{background:var(--slate-900);color:#fff}.language-button{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);color:var(--slate-700);background:#fff;border-radius:10px}.language-button:hover{border-color:var(--slate-300);background:var(--slate-50);color:var(--slate-900)}.lucide{stroke-width:2.2px;width:16px;height:16px}main{padding:16px 0 60px}.hero{grid-template-columns:1.1fr .55fr;align-items:center;gap:40px;min-height:calc(100vh - 160px);padding:40px 0;display:grid}.hero-copy{align-content:center;gap:24px;display:grid}.eyebrow{color:var(--indigo-600);letter-spacing:.05em;text-transform:uppercase;margin:0;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700}h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--slate-900) 40%, var(--indigo-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:clamp(2.5rem,5.5vw,4.8rem);line-height:1.05}.hero-copy p:not(.eyebrow){color:var(--slate-600);max-width:600px;margin:0;font-size:1.15rem;line-height:1.6}.hero-actions,.book-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.primary-button{background:var(--indigo-600);color:#fff;box-shadow:0 8px 24px #4f46e533}.primary-button:hover{background:var(--indigo-700);transform:translateY(-2px);box-shadow:0 12px 28px #4f46e540}.secondary-button{border:1px solid var(--slate-200);color:var(--slate-700);box-shadow:var(--shadow-sm);background:#fff}.secondary-button:hover{border-color:var(--slate-300);background:var(--slate-50);color:var(--slate-900);transform:translateY(-2px)}.compact{border-radius:8px;min-height:38px;padding:0 14px;font-size:.88rem}.hero-panel{background:linear-gradient(135deg, var(--slate-900), #1e1b4b);color:#fff;box-shadow:var(--shadow-lg);border:1px solid #e2e8f0cc;border-radius:20px;align-content:center;gap:16px;padding:32px;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.metric{z-index:1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex;position:relative}.metric:last-child{border-bottom:0}.metric strong{font-family:Outfit,sans-serif;font-size:clamp(2rem,3vw,3.5rem);line-height:1}.metric span{color:#ffffffa6;text-transform:uppercase;letter-spacing:.03em;font-size:.95rem;font-weight:600}.page-title-row{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;padding:32px 0 24px;display:flex}.page-title-row h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3rem)}.page-title-row p{color:var(--slate-600);margin:0}.segmented{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.books-layout{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;display:grid}.books-layout.list-layout{grid-template-columns:1fr}.book-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);border:1px solid #e2e8f0cc;border-radius:16px;grid-template-columns:130px minmax(0,1fr);gap:24px;padding:20px;display:grid}.book-card:hover{box-shadow:var(--shadow-lg);border-color:var(--indigo-100);transform:translateY(-5px)}.book-card.list-card{grid-template-columns:160px minmax(0,1fr)}.book-cover{background:linear-gradient(135deg, var(--indigo-600), #1e1b4b);color:#fff;border-radius:12px;align-content:space-between;min-height:180px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 16px #0f172a26}.book-cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff14 0%,#0000 20%,#0000001a 100%);position:absolute;inset:0}.book-cover span{letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:999px;width:fit-content;padding:2px 8px;font-size:.75rem;font-weight:700}.book-cover strong{font-family:Outfit,sans-serif;font-size:2.2rem;line-height:1}.book-card-body{align-content:space-between;gap:12px;display:grid}.book-card-body h2{margin:0;font-size:1.25rem;line-height:1.3}.book-card-body p{color:var(--slate-600);margin:0;font-size:.92rem;line-height:1.5}.book-meta,.book-stats{flex-wrap:wrap;gap:8px;display:flex}.book-meta span{background:var(--slate-100);color:var(--slate-700);border-radius:6px;padding:4px 8px;font-size:.76rem;font-weight:600}.book-stats span{background:var(--indigo-50);color:var(--indigo-700);border-radius:6px;padding:4px 8px;font-size:.76rem;font-weight:600}.book-detail-head{border-bottom:1px solid var(--slate-200);align-items:center;gap:20px;margin-bottom:16px;padding:16px 0;display:flex}.book-detail-head h1{margin:0 0 4px;font-size:clamp(1.5rem,3vw,2rem)}.book-detail-head p{color:var(--slate-600);margin:0 0 12px;font-size:.9rem}.book-cover.large{flex:none;width:80px;min-height:110px;padding:12px}.book-cover.large strong{font-size:1.4rem}.study-layout{grid-template-columns:240px minmax(0,1fr);gap:24px;display:grid}.chapter-rail{align-content:start;gap:8px;max-height:calc(100vh - 48px);padding-right:4px;display:grid;position:sticky;top:24px;overflow-y:auto}.chapter-rail::-webkit-scrollbar{width:4px}.chapter-rail::-webkit-scrollbar-track{background:0 0}.chapter-rail::-webkit-scrollbar-thumb{background:var(--slate-200);border-radius:2px}.chapter-rail button{border:1px solid var(--slate-200);min-height:48px;color:var(--slate-700);text-align:left;cursor:pointer;transition:var(--transition-smooth);background:#ffffffe6;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px;display:grid}.chapter-rail button:hover{border-color:var(--indigo-500);color:var(--indigo-600);background:#fff;transform:translate(3px)}.chapter-rail button.active{border-color:var(--indigo-600);background:var(--indigo-600);color:#fff;box-shadow:0 4px 12px #4f46e526}.chapter-rail strong{background:var(--slate-100);width:24px;height:24px;color:var(--slate-700);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.chapter-rail button.active strong{color:#fff;background:#fff3}.chapter-rail span{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.study-panel{min-width:0}.controls,.summary-strip,.table-section{border:1px solid var(--slate-200);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.controls{border-radius:12px 12px 0 0;grid-template-columns:.7fr .8fr 1fr 1.5fr;gap:12px;padding:12px 16px;display:grid}label{color:var(--slate-600);text-transform:uppercase;letter-spacing:.05em;gap:4px;font-size:.7rem;font-weight:700;display:grid}select,input[type=search]{border:1px solid var(--slate-200);width:100%;min-height:34px;color:var(--slate-900);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);background:#fff;border-radius:8px;padding:0 10px;font-size:.85rem}select:focus,input[type=search]:focus{border-color:var(--indigo-500);background:#fff;box-shadow:0 0 0 3px #4f46e51f}.search-control{position:relative}.search-control .lucide{width:16px;height:16px;color:var(--slate-600);position:absolute;top:9px;left:10px}.search-control input{padding-left:32px}.summary-strip{z-index:10;background:#ffffff80;border-top:0;border-bottom:0;flex-wrap:wrap;align-items:center;gap:16px;padding:8px 16px;display:flex;position:relative}.summary-strip>div{align-items:baseline;gap:6px;display:inline-flex}.strip-metrics{gap:20px;display:flex}.summary-strip strong{color:var(--slate-900);font-family:Outfit,sans-serif;font-size:1.15rem}.summary-strip span{color:var(--slate-600);font-size:.88rem}.study-toggles{align-items:center;gap:16px;margin-left:auto;display:flex}.toggle{color:var(--slate-700);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:none;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.toggle input{width:16px;height:16px;accent-color:var(--indigo-600);cursor:pointer}.column-picker{position:relative}.column-picker-button{min-height:34px;padding:0 12px}.column-menu{z-index:20;border:1px solid var(--slate-200);width:220px;box-shadow:var(--shadow-lg);background:#fff;border-radius:8px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.column-menu-head{border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding:6px 8px 8px;display:flex}.column-menu-head strong{color:var(--slate-900);font-size:.8rem}.column-menu-head button{color:var(--indigo-600);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:.76rem;font-weight:700}.column-option{min-height:36px;color:var(--slate-700);text-transform:none;letter-spacing:0;cursor:pointer;border-radius:6px;grid-template-columns:none;align-items:center;gap:10px;padding:0 8px;font-size:.82rem;font-weight:600;display:flex}.column-option:hover{background:var(--slate-50)}.column-option input{width:16px;height:16px;accent-color:var(--indigo-600)}a{color:var(--indigo-600);text-decoration:none}[hidden]{display:none!important}.table-section{border-radius:0 0 12px 12px;min-height:400px}.table-wrap{width:100%}table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:.95rem}thead th{z-index:2;background:var(--slate-100);color:var(--slate-700);text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--slate-200);font-size:.72rem;font-weight:700;position:sticky;top:0}th,td{border-bottom:1px solid var(--slate-100);vertical-align:middle;word-wrap:break-word;padding:14px 16px}.col-no{width:7%}.col-kanji{width:17%}.col-hiragana{width:16%}.col-romaji{width:15%}.col-english,.col-myanmar{width:20%}.col-actions{text-align:center;width:5%}.number-cell{color:var(--slate-500);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}tbody tr{transition:var(--transition-smooth)}tbody tr:hover{background:#f1f5f980}tr.is-learned td{opacity:.75;background-color:#f8fafc80}tr.is-learned:hover td{opacity:1}.jp{color:var(--slate-900);font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;font-size:1.05rem;font-weight:700}.action-cell{text-align:center}.icon-button{cursor:pointer;color:var(--slate-400);transition:var(--transition-smooth);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:inline-flex}.icon-button:hover{background:var(--slate-100);color:var(--slate-700)}.icon-button.star-btn:hover{color:#fbbf24;background:#fef3c7}.icon-button.star-btn.active{color:#fbbf24}.icon-button.audio-btn{opacity:0;color:var(--indigo-500);margin-right:6px}.icon-button.audio-btn.large{opacity:1;background:var(--indigo-50);border-radius:12px;padding:8px}.icon-button.audio-btn.large:hover{background:var(--indigo-100)}tr:hover .icon-button.audio-btn{opacity:1}.kanji-cell{align-items:center;display:flex}.masked .reveal-content{cursor:pointer;-webkit-user-select:none;user-select:none;filter:blur(4px);opacity:.3;transition:var(--transition-smooth);position:relative}.masked .reveal-content:after{content:"";z-index:1;background:#f1f5f966;border-radius:6px;position:absolute;inset:-4px -8px}.masked:hover .reveal-content{filter:blur(2px);opacity:.6}.masked.revealed .reveal-content{filter:blur();opacity:1;cursor:default;-webkit-user-select:text;user-select:text}.masked.revealed .reveal-content:after{display:none}.flashcard-container{background:linear-gradient(180deg, var(--glass-bg) 0%, transparent 100%);flex-direction:column;align-items:center;min-height:500px;padding:40px 20px;display:flex}.flashcard{width:100%;max-width:600px;box-shadow:var(--shadow-lg);border:1px solid var(--indigo-50);transition:var(--transition-smooth);background:#fff;border-radius:24px;overflow:hidden}.flashcard-header{border-bottom:1px solid var(--slate-100);background:var(--slate-50);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.flashcard-meta{color:var(--slate-500);letter-spacing:.05em;font-family:Outfit,sans-serif;font-weight:700}.flashcard-body{text-align:center;gap:32px;padding:48px 24px;display:grid}.flashcard-kanji{color:var(--slate-900);justify-content:center;align-items:center;gap:16px;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;font-size:clamp(3.5rem,8vw,5rem);font-weight:900;line-height:1.1;display:flex}.flashcard-reading{color:var(--indigo-600);font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif;font-size:1.5rem;font-weight:500}.romaji-hint{color:var(--slate-500);margin-top:4px;font-family:Inter,sans-serif;font-size:1.1rem;display:block}.flashcard-meaning{color:var(--slate-700);flex-direction:column;gap:8px;font-size:1.25rem;display:flex}.flashcard-meaning strong{color:var(--slate-900);font-size:1.5rem}.flashcard-controls{align-items:center;gap:24px;margin-top:32px;display:flex}.flashcard-progress{color:var(--slate-500);font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.empty-state{color:var(--slate-600);text-align:center;padding:60px 20px;font-size:1.05rem}.qa-container{background:linear-gradient(180deg, var(--glass-bg) 0%, transparent 100%);flex-direction:column;align-items:center;min-height:500px;padding:40px 20px;display:flex}.qa-card{width:100%;max-width:600px;box-shadow:var(--shadow-lg);border:1px solid var(--indigo-50);background:#fff;border-radius:24px;overflow:hidden}.qa-body{gap:32px;padding:48px 32px 32px;display:grid}.qa-prompt{text-align:center;flex-direction:column;gap:8px;display:flex}.qa-prompt strong{color:var(--slate-900);font-size:1.8rem;line-height:1.2}.qa-prompt span{color:var(--slate-600);font-size:1.2rem}.qa-input-wrap{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.qa-input{text-align:center;border:2px solid var(--slate-200);background:var(--slate-50);width:100%;max-width:400px;color:var(--slate-900);transition:var(--transition-smooth);border-radius:16px;padding:16px;font-family:Inter,sans-serif;font-size:1.5rem}.qa-input:focus{border-color:var(--indigo-500);background:#fff;box-shadow:0 0 0 4px #4f46e51a}.qa-input.is-correct{color:#065f46;background:#ecfdf5;border-color:#10b981}.qa-input.is-error{color:#991b1b;background:#fef2f2;border-color:#ef4444;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}.qa-feedback{opacity:0;height:24px;font-size:.95rem;font-weight:600;transition:opacity .2s}.qa-feedback.visible{opacity:1}.qa-input.is-correct+.qa-feedback{color:#10b981}.qa-input.is-error+.qa-feedback{color:#ef4444}.qa-reveal{border-top:1px solid var(--slate-100);flex-direction:column;align-items:center;gap:16px;padding-top:24px;animation:.3s ease-out fade-in;display:flex}.qa-actions{background:var(--slate-50);border-top:1px solid var(--slate-100);gap:16px;padding:24px 32px;display:flex}.qa-actions button{flex:1}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:500px;margin:0 auto;display:grid}.quiz-btn{border:2px solid var(--slate-200);color:var(--slate-700);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:24px 16px;font-size:1.1rem;transition:all .2s;display:flex}.quiz-btn:hover:not(:disabled){border-color:var(--indigo-300);background:var(--indigo-50)}.quiz-btn.is-correct{color:#065f46;background:#ecfdf5;border-color:#10b981}.quiz-btn.is-error{color:#991b1b;background:#fef2f2;border-color:#ef4444;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}.quiz-btn strong{color:var(--slate-900);display:block}.quiz-btn.is-correct strong,.quiz-btn.is-error strong{color:inherit}.quiz-result{text-align:center;min-height:28px;font-size:1.2rem;font-weight:600}@media (width<=1040px){.site-header{flex-direction:column;gap:16px;padding:16px 0}.nav-links{justify-content:center;width:100%}.hero{grid-template-columns:1fr;gap:32px;min-height:auto;padding-top:16px}.hero-panel{align-content:start;padding:24px}.study-layout{grid-template-columns:1fr;gap:20px}.chapter-rail{max-height:none;padding-bottom:8px;display:flex;position:static;overflow-x:auto}.chapter-rail button{min-width:180px}}@media (width<=760px){.site-header,main{width:min(100% - 24px,1400px)}.page-title-row{flex-direction:column;align-items:stretch;gap:16px}.book-detail-head{flex-direction:row;align-items:center;gap:16px}.book-detail-head p{display:none}.book-card,.book-card.list-card{grid-template-columns:1fr}.book-cover{width:100%;min-height:140px}.book-cover.large{width:60px;min-height:80px;padding:8px}.book-cover.large strong{font-size:1rem}.controls{grid-template-columns:1fr 1fr;gap:8px}.search-field{grid-column:1/-1}.summary-strip{flex-direction:column;align-items:stretch;gap:12px}.strip-metrics{justify-content:space-between}.study-toggles{flex-wrap:wrap;justify-content:flex-start;width:100%;margin-left:0}.table-wrap{overflow-x:visible}table,thead,tbody,th,td,tr{display:block}table{min-width:0}thead{display:none}tbody{flex-direction:column;gap:12px;padding:0;display:flex}tr{box-shadow:var(--shadow-sm);border:1px solid var(--slate-200);transition:var(--transition-smooth);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;padding:16px;display:flex;position:relative}tr.is-learned{border-color:var(--slate-200);background-color:#f8fafccc}td{border:none!important;padding:0!important}td[data-table-column=no]{display:none}td.action-cell{position:absolute;top:16px;right:16px}td[data-table-column=kanji]{width:auto;margin-bottom:8px;margin-right:8px}.kanji-cell{color:var(--slate-900);flex-direction:row;align-items:center;gap:8px;font-size:1.4rem;font-weight:700;display:flex}.kanji-cell .audio-btn{opacity:1;background:var(--slate-100);border-radius:50%;margin:0;padding:6px}td[data-table-column=hiragana]{width:auto;margin-bottom:8px;padding-right:32px!important}td[data-table-column=hiragana] .reveal-content{background:var(--indigo-50);color:var(--indigo-700);border:1px solid var(--indigo-100);border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:600;display:inline-flex}td[data-table-column=hiragana].masked .reveal-content{background:var(--slate-200);border-color:var(--slate-300);color:#0000}td[data-table-column=romaji]{display:none}td[data-table-column=english]{width:100%;color:var(--slate-800);margin-bottom:2px;font-size:1.05rem;font-weight:600}td[data-table-column=myanmar]{width:100%;color:var(--slate-600);font-size:.95rem}.column-menu{left:0;right:auto}.qa-body{gap:24px;padding:24px 16px 16px}.qa-prompt strong{font-size:1.4rem}.qa-input{padding:12px;font-size:1.2rem}.quiz-grid{grid-template-columns:1fr}.quiz-btn{padding:16px 12px}}