/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.contents{display:contents}.table{display:table}.lowercase{text-transform:lowercase}.select-all{-webkit-user-select:all;user-select:all}}:root{--ink:#342d31;--pink:#c94f78;--pink-dark:#9f365d;--blush:#f7dfe7;--paper:#fffdfb;--cream:#fff8f0;--blue:#1677c8;--line:#eadde1;--shadow:0 18px 55px #58313e21}*{box-sizing:border-box}html{background:#e9e4e2}body{color:var(--ink);background:radial-gradient(circle at 50% 0,#fff 0,#f1ece9 70%);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button{font:inherit;color:inherit}button:focus-visible{outline-offset:2px;outline:3px solid #f0a7be}.app-shell{background:var(--paper);flex-direction:column;width:min(820px,100%);min-height:100vh;margin:auto;display:flex;position:relative;box-shadow:0 0 80px #281f2226}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffeb;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 20px;display:grid;position:sticky;top:0}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#e8799c,#b83c67);border-radius:50% 50% 45% 45%;place-items:center;width:34px;height:34px;font-family:serif;font-size:20px;display:grid}.top-action{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:12px 0;font-weight:600}.top-action:disabled{cursor:default}.back-action{text-align:left}.home-action{text-align:right}.home-view{background:linear-gradient(#ffe8ef 0 235px,#fff 235px);flex:1;position:relative;overflow:hidden}.hero-banner{z-index:2;height:235px;padding:30px clamp(24px,7vw,62px);position:relative}.hero-kicker{letter-spacing:.16em;color:#866d77;font-size:11px;font-weight:900}.hero-banner h1{letter-spacing:-.04em;color:#7c6470;margin:11px 0 4px;font-family:Georgia,serif;font-size:clamp(39px,7vw,62px);font-weight:500}.hero-banner h1 i{color:var(--pink);font-style:normal;font-weight:400}.hero-banner>div{letter-spacing:.08em;color:var(--pink-dark);text-shadow:0 3px 7px #a0365d26;font-family:serif;font-size:clamp(38px,7vw,62px)}.kana-watermark{color:#7c64701a;z-index:0;font-family:serif;font-size:35px;line-height:1.7;position:absolute;top:285px;left:28px}.home-menu{z-index:2;flex-direction:column;gap:34px;width:min(470px,70%);margin:50px 5% 160px auto;display:flex;position:relative}.home-menu button{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:8px 0;transition:transform .2s;display:flex}.home-menu button:hover{transform:translate(8px)}.home-menu span{color:var(--pink);text-shadow:0 1px #fff;font-family:Georgia,serif;font-size:clamp(30px,5vw,45px);font-style:italic;font-weight:700}.home-menu small{color:#a58f98;text-transform:uppercase;letter-spacing:.09em;margin:4px 0 0 5px;font-size:12px}.blossoms{color:#ef9bb4;opacity:.55;letter-spacing:-.35em;font-size:60px;position:absolute;bottom:20px;right:-12px;transform:rotate(-8deg)}.content-view{flex:1;padding:50px clamp(20px,6vw,54px) 90px}.section-heading{text-align:center;margin-bottom:36px}.section-heading.compact{margin-bottom:24px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;color:var(--pink);font-size:11px;font-weight:900}.section-heading h2,.empty-state h2{letter-spacing:-.035em;margin:10px 0;font-family:Georgia,serif;font-size:clamp(35px,5vw,48px);font-weight:500}.script-grid{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.script-card{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:80px 1fr auto;align-items:center;gap:20px;padding:25px;display:grid}.script-card:last-child{border-bottom:0}.script-card:hover{background:#fff7fa}.script-symbol{color:var(--pink-dark);font-family:serif;font-size:58px}.script-card>span:nth-child(2){flex-direction:column;gap:5px;display:flex}.script-card b{font-size:22px}.script-card small{color:#9b8a91}.script-card>span:last-child{color:var(--blue);font-size:30px}.study-options{border:1px solid var(--line);background:linear-gradient(#fff,#fff8fa);border-radius:20px;margin-bottom:16px;padding:18px;box-shadow:0 8px 24px #613c4912}.option-line{border-bottom:1px solid var(--line);color:#96848b;justify-content:space-between;align-items:center;padding-bottom:14px;font-size:13px;display:flex}.select-all{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:4px;font-weight:700}.option-block{grid-template-columns:auto 1fr;align-items:center;gap:18px;padding-top:15px;display:grid}.option-label{font-size:14px;font-weight:700}.segmented{background:#eee9ea;border-radius:10px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 8px;font-size:13px;font-weight:600}.segmented button.active{color:var(--pink-dark);background:#fff;box-shadow:0 2px 7px #3c2a3029}.shuffle-toggle{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;display:flex;position:relative}.shuffle-toggle>span{flex-direction:column;gap:2px;display:flex}.shuffle-toggle b{font-size:14px}.shuffle-toggle small{color:#9b8a91}.shuffle-toggle input{opacity:0;position:absolute}.shuffle-toggle i{background:#d6ced1;border-radius:20px;width:48px;height:28px;transition:all .2s;position:relative}.shuffle-toggle i:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 5px #806d74}.shuffle-toggle input:checked+i{background:var(--pink)}.shuffle-toggle input:checked+i:after{transform:translate(20px)}.group-list{border:1px solid var(--line);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.group-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:26px 1fr auto;align-items:center;gap:13px;padding:15px;display:grid}.group-row:last-child{border-bottom:0}.group-row:nth-child(2n){background:#faf8f8}.group-row.selected{background:#fff2f6}.check{color:#fff;border:2px solid #cbbfc3;border-radius:50%;place-items:center;width:23px;height:23px;font-size:13px;display:grid}.selected .check{background:var(--pink);border-color:var(--pink)}.group-copy{flex-direction:column;gap:3px;display:flex}.group-copy b{font-size:16px}.group-copy small{color:#9d8e93}.group-symbols{color:#917d84;font-family:serif;font-size:20px}.sticky-actions{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--line);background:#fffdfbe0;border-radius:17px;grid-template-columns:auto 1fr;gap:9px;margin-top:18px;padding:9px;display:grid;position:sticky;bottom:12px}.primary-button,.bank-button{cursor:pointer;border:0;border-radius:11px;padding:14px 18px;font-weight:800}.primary-button{color:#fff;background:linear-gradient(#d75b82,#b93e68)}.primary-button:disabled{opacity:.4}.bank-button{color:var(--pink-dark);background:#f7eef1}.bank-button i{background:#fff;border-radius:20px;padding:2px 7px;font-style:normal}.deck-view{background:linear-gradient(145deg,#fff3e8,#f8e4d8);flex:1;padding:24px clamp(16px,5vw,44px) 45px}.deck-meta{color:#fff;background:#201f22;justify-content:space-between;align-items:center;height:47px;margin:-24px calc(-1*clamp(16px,5vw,44px)) 18px;padding:0 clamp(16px,5vw,44px);display:flex}.deck-meta span{font-weight:800}.deck-meta b{color:#d9cbd0;font-size:13px}.learning-card{text-align:center;cursor:default;background:linear-gradient(145deg,#fff,#f8f6f5);border:1px solid #d9d6d4;border-radius:18px;grid-template-rows:auto 1fr auto;width:100%;height:min(63vh,610px);min-height:440px;padding:24px;display:grid;overflow:hidden;box-shadow:0 18px 35px #4b352e2e}.learning-card[aria-label=Flip\ card]{cursor:pointer}.card-topline{text-transform:uppercase;letter-spacing:.14em;color:#a89b9c;justify-content:space-between;font-size:10px;font-weight:900;display:flex}.kana-character,.romaji-front{align-self:center;line-height:1}.kana-character{font-family:serif;font-size:clamp(115px,24vw,190px)}.romaji-front{color:var(--pink-dark);font-family:Georgia,serif;font-size:clamp(64px,15vw,115px)}.answer-panel{text-align:left;background:#f7dfe7ad;border-radius:13px;grid-template-columns:auto 1px 1fr;align-items:center;gap:18px;min-height:120px;padding:17px 20px;display:grid}.answer-panel .romaji{color:var(--pink-dark);font-family:Georgia,serif;font-size:34px}.answer-kana{color:var(--pink-dark);font-family:serif;font-size:45px}.divider{background:#d9bfc8;width:1px;height:55px}.answer-panel p{color:#765e67;margin:0;font-size:14px;line-height:1.45}.tap-prompt{color:#9b7d87;justify-content:center;align-items:center;gap:8px;padding:30px;font-weight:700;display:flex}.tap-prompt span{font-size:24px}@keyframes flip{0%{opacity:.65;transform:rotateY(8deg)}to{opacity:1;transform:none}}.card-tools{justify-content:center;gap:10px;margin:18px 0;display:flex}.card-tools button{cursor:pointer;background:#ffffffbf;border:1px solid #e0cfd2;border-radius:12px;flex-direction:column;align-items:center;min-width:82px;padding:8px 12px;display:flex}.card-tools span{color:var(--pink-dark);font-size:22px}.card-tools small{font-size:11px;font-weight:700}.card-tools .saved span{color:#d24e77}.deck-nav{color:#d68a9f;background:#302f33;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;margin:0 calc(-1*clamp(16px,5vw,44px));padding:0 clamp(16px,5vw,44px);display:grid}.deck-nav button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.deck-nav button:first-child{text-align:left}.deck-nav button:last-child{text-align:right}.progress-dots{gap:4px;display:flex}.progress-dots i{background:#68666a;border-radius:50%;width:5px;height:5px}.progress-dots i.active{background:#e28ca5;border-radius:4px;width:16px}.empty-state{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:18px;margin-top:70px;padding:50px 25px}.empty-state>span{color:var(--pink);font-size:48px}.empty-state p{color:#8b777e}.empty-state .primary-button{margin-top:15px}footer{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.13em;color:#9e8c92;background:#fff;justify-content:space-between;align-items:center;height:48px;padding:0 22px;font-size:10px;display:flex}@media (width<=600px){.app-shell{box-shadow:none}.topbar{height:60px;padding:0 13px}.brand span:last-child{display:none}.home-view{background:linear-gradient(#ffe8ef 0 215px,#fff 215px)}.hero-banner{height:215px;padding:24px 18px}.hero-banner h1{font-size:38px}.hero-banner>div{font-size:39px}.home-menu{gap:29px;width:65%;margin-top:48px;margin-bottom:130px}.home-menu span{font-size:30px}.kana-watermark{font-size:28px;top:255px;left:15px}.blossoms{font-size:45px}.content-view{padding:35px 13px 80px}.section-heading h2{font-size:35px}.script-card{grid-template-columns:62px 1fr auto;padding:19px}.script-symbol{font-size:48px}.option-block{grid-template-columns:1fr;gap:8px}.group-symbols{display:none}.sticky-actions{grid-template-columns:1fr 1fr}.deck-view{padding:18px 12px 35px}.deck-meta{margin:-18px -12px 13px;padding:0 15px}.learning-card{height:62vh;min-height:405px;padding:18px}.answer-panel{text-align:center;grid-template-columns:1fr;gap:8px;min-height:132px}.divider{width:100%;height:1px}.deck-nav{margin:0 -12px;padding:0 13px}.progress-dots i:nth-child(n+5){display:none}.card-tools{margin:14px 0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.bank-menu-view .section-heading p{color:#8b777e;max-width:520px;margin:8px auto 0;line-height:1.5}.bank-picker{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.bank-picker button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;grid-template-columns:58px 1fr auto 18px;align-items:center;gap:15px;padding:19px 22px;display:grid}.bank-picker button:last-child{border-bottom:0}.bank-picker button:hover{background:#fff5f8}.bank-glyph{color:var(--pink-dark);font-family:serif;font-size:39px}.bank-picker button>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.bank-picker b{font-size:17px}.bank-picker small{color:#97858c}.bank-picker i{color:#9b8a91;background:#f7eef1;border-radius:20px;padding:5px 9px;font-size:12px;font-style:normal}.bank-picker strong{color:var(--blue);font-size:25px}.deck-view{perspective:1400px}.learning-card{transform-style:preserve-3d;will-change:transform}.is-flipped{animation:.52s cubic-bezier(.4,0,.2,1) card-turn}@keyframes card-turn{0%{transform:rotateY(0)}48%{transform:rotateY(88deg);box-shadow:0 7px 18px #4b352e1f}52%{transform:rotateY(-88deg);box-shadow:0 7px 18px #4b352e1f}to{transform:rotateY(0)}}@media (width<=600px){.bank-picker button{grid-template-columns:48px 1fr auto 14px;padding:16px 14px}.bank-picker i{font-size:10px}.bank-glyph{font-size:34px}}.master-reset,.section-reset{color:#a83559;cursor:pointer;background:#fff7f9;border:1px solid #e5b6c3;border-radius:11px;padding:11px 14px;font-weight:750;display:block}.master-reset{margin:-18px 0 14px auto}.section-reset{margin:-20px 0 14px auto}.contents-view{padding-bottom:120px}.contents-list{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 9px 28px #5b394412}.contents-row{border-bottom:1px solid var(--line);grid-template-columns:34px 75px 1fr auto;align-items:center;gap:14px;min-height:88px;padding:12px 18px;display:grid}.contents-row:last-child{border-bottom:0}.contents-row:nth-child(2n){background:#f5f2f3}.list-heart{color:#c9bbc0;font-size:25px}.list-kana{color:#171317;font-family:serif;font-size:39px}.list-romaji{font-size:20px;font-weight:700}.contents-row small{color:#948087;text-align:right}.empty-list{text-align:center;color:#9a858d;background:#fff;border:1px dashed #d6c5ca;border-radius:16px;padding:45px 20px}.contents-actions{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--line);background:#fffdfbe6;border-radius:16px;justify-content:flex-end;margin-top:18px;padding:9px;display:flex;position:sticky;bottom:12px}.contents-actions .primary-button{min-width:220px}.list-heading{margin:34px 0 12px;font-family:Georgia,serif;font-size:25px;font-weight:500}.question-count{border-top:1px solid var(--line);grid-template-columns:auto 1fr 95px;align-items:center;gap:13px;margin-top:15px;padding-top:15px;display:grid}.count-choices{flex-wrap:wrap;gap:6px;display:flex}.count-choices button{cursor:pointer;background:#fff;border:1px solid #dbcbd0;border-radius:9px;padding:7px 9px;font-size:12px}.count-choices button.active{background:var(--pink);color:#fff;border-color:var(--pink)}.count-choices button:disabled{opacity:.35}.question-count input{background:#fff;border:1px solid #d8c8cd;border-radius:9px;width:100%;padding:9px}.quiz-view{background:linear-gradient(145deg,#fff3e8,#f8e4d8);flex:1;padding:24px clamp(16px,5vw,44px) 50px}.quiz-view .deck-meta{margin:-24px calc(-1*clamp(16px,5vw,44px)) 24px}.quiz-card{height:260px;box-shadow:var(--shadow);background:#fff;border:1px solid #ddd2d4;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.quiz-kana{font-family:serif;font-size:105px}.quiz-romaji{color:var(--pink-dark);font-family:Georgia,serif;font-size:70px}.quiz-choices{grid-template-columns:1fr 1fr;gap:11px;margin-top:18px;display:grid}.quiz-choices button{cursor:pointer;background:#fff;border:1px solid #ddcdd2;border-radius:14px;min-height:64px;font-size:20px;font-weight:750}.quiz-choices button.correct{color:#27723a;background:#e6f5e9;border-color:#61a870}.quiz-choices button.wrong{color:#a33732;background:#fde9e8;border-color:#dc706a}.quiz-choices button.muted{opacity:.48}.quiz-feedback{border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:5px 14px;margin-top:16px;padding:15px 17px;display:grid}.quiz-feedback.correct{color:#27643a;background:#e6f5e9}.quiz-feedback.wrong{color:#8d3632;background:#fde9e8}.quiz-feedback b{font-size:19px}.quiz-feedback span{grid-column:1}.quiz-feedback .primary-button{grid-area:1/2/3}.results-view .section-heading p{color:#8c777f}.result-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.center-button{margin:25px auto;display:block}.results-view .list-heart{color:#d0567a}@media (width<=600px){.master-reset,.section-reset{margin-top:-10px}.contents-row{grid-template-columns:27px 55px 1fr;gap:10px;padding:10px 12px}.contents-row small{display:none}.list-kana{font-size:32px}.list-romaji{font-size:17px}.question-count{grid-template-columns:1fr}.quiz-view{padding:18px 12px 35px}.quiz-view .deck-meta{margin:-18px -12px 18px}.quiz-card{height:220px}.quiz-kana{font-size:88px}.quiz-romaji{font-size:58px}.quiz-choices{grid-template-columns:1fr}.quiz-choices button{min-height:52px}.quiz-feedback{grid-template-columns:1fr}.quiz-feedback .primary-button{grid-area:auto/1;margin-top:8px}.result-actions{flex-direction:column}.contents-actions .primary-button{width:100%}}.chart-link{color:var(--pink-dark);cursor:pointer;background:#f7e9ee;border:0;border-radius:9px;padding:7px 11px;font-size:12px;font-weight:750}.kana-chart-view .section-heading p,.vocab-setup .section-heading p{color:#8c7980}.chart-section{margin:28px 0}.chart-section h3{margin:0 0 10px;font-family:Georgia,serif;font-size:24px;font-weight:500}.kana-chart{background:#fff;border:1px solid #cfc5c8;border-radius:13px;overflow:hidden}.chart-row{border-bottom:1px solid #d7cfd1;grid-template-columns:repeat(5,1fr);display:grid}.chart-row:last-child{border-bottom:0}.chart-cell{border-right:1px solid #d7cfd1;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:83px;display:flex}.chart-cell:last-child{border-right:0}.chart-cell b{font-family:serif;font-size:34px;font-weight:500}.chart-cell small{color:#76666b;font-family:Georgia,serif;font-style:italic}.vocab-options{margin:18px 0 24px}.vocab-options>.option-label{margin-bottom:10px;display:block}.option-label small{color:#9a878e;font-weight:400}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lesson-grid button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:13px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:11px;display:grid}.lesson-grid button.active{background:#fff0f5;border-color:#d986a1}.lesson-grid b{color:var(--pink-dark);font-size:20px}.lesson-grid small{color:#78686e;line-height:1.25}.topic-chips{flex-wrap:wrap;gap:7px;display:flex}.topic-chips button{cursor:pointer;background:#fff;border:1px solid #ddcfd3;border-radius:20px;padding:8px 11px;font-size:12px}.topic-chips button.active{background:var(--pink);border-color:var(--pink);color:#fff}.vocab-summary{justify-content:center;align-items:baseline;gap:9px;margin:24px 0 12px;display:flex}.vocab-summary b{color:var(--pink-dark);font-family:Georgia,serif;font-size:38px}.vocab-summary span{color:#8e7a81}.full-button{width:100%;display:block}.vocab-list .contents-row{grid-template-columns:38px 120px 100px 1fr auto;min-height:76px}.lesson-badge{width:30px;height:30px;color:var(--pink-dark);background:#f4e3e9;border-radius:50%;place-items:center;font-weight:800;display:grid}.vocab-reading{font-size:24px}.vocab-kanji{font-family:serif;font-size:22px}.vocab-list .list-romaji{font-size:15px;font-weight:600}.vocab-japanese,.vocab-english{flex-direction:column;align-self:center;align-items:center;gap:10px;display:flex}.vocab-japanese b{font-family:serif;font-size:clamp(54px,12vw,95px);font-weight:500}.vocab-japanese small{color:#94777f;font-family:serif;font-size:30px}.vocab-english{color:var(--pink-dark);font-family:Georgia,serif;font-size:clamp(34px,7vw,58px);line-height:1.15}.vocab-answer{text-align:center;color:#85445a;justify-content:center;font-size:25px;display:flex}.vocab-answer span{flex-direction:column;gap:5px;display:flex}.vocab-answer b{font-family:serif;font-size:32px}.vocab-answer small{color:#8b6b76;font-family:serif;font-size:22px}@media (width<=600px){.option-line{gap:5px}.chart-link{padding:6px 8px}.lesson-grid{grid-template-columns:1fr 1fr}.lesson-grid button{grid-template-columns:24px 1fr;padding:9px}.vocab-list .contents-row{grid-template-columns:30px 1fr 1fr}.vocab-list .list-romaji{grid-column:2/4}.vocab-list .contents-row small{display:none}.vocab-reading{font-size:20px}.kana-chart-view{padding-left:8px;padding-right:8px}.chart-cell{min-height:67px}.chart-cell b{font-size:27px}.chart-cell small{font-size:11px}}.learning-card{position:relative}.romaji-peek{z-index:2;max-width:calc(100% - 40px);color:var(--pink-dark);white-space:nowrap;text-overflow:ellipsis;background:#fffffff0;border:1px solid #e2c8d0;border-radius:999px;padding:7px 14px;font-family:Georgia,serif;font-size:17px;font-weight:700;position:absolute;top:52px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 5px 14px #4b352e1a}.bulk-buttons,.selection-heading>span{gap:7px;display:flex}.selection-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.selection-heading button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:4px;font-size:12px;font-weight:750}.topic-note{color:#927f86;margin:-3px 0 11px;font-size:12px;line-height:1.4}.score-percent{color:var(--pink-dark);margin:12px auto 0;font-family:Georgia,serif;font-size:clamp(54px,10vw,82px);font-weight:500;line-height:1;display:block}.score-percent+h2{margin-top:3px}.hero-banner h1{max-width:650px}.hero-banner h1 em{color:#a58f98;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle;margin-left:.18em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:.32em;font-style:normal;font-weight:800;display:inline-block}.hero-banner>div{letter-spacing:.03em;white-space:nowrap;font-size:clamp(24px,5.2vw,46px)}.all-bank-button{background:linear-gradient(90deg,#fff5f8,#fff)!important}.account-view .section-heading p{color:#8c7980;max-width:560px;margin:10px auto;line-height:1.5}.account-forms{grid-template-columns:1fr 1fr;gap:16px;display:grid}.account-forms form,.account-signed-in{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:22px}.account-forms h3{margin:0 0 18px;font-family:Georgia,serif;font-size:25px;font-weight:500}.account-forms label{flex-direction:column;gap:6px;margin:13px 0;font-size:13px;font-weight:750;display:flex}.account-forms label small{color:#9b898f;font-weight:400}.account-forms input{background:#fff;border:1px solid #d9cbd0;border-radius:10px;width:100%;padding:11px;font-size:16px}.account-forms button{width:100%;margin-top:8px}.account-message{color:#943a35;text-align:center;background:#fde9e8;border-radius:10px;padding:12px;font-weight:700}.local-account-note{color:#917d84;text-align:center;max-width:600px;margin:20px auto 0;font-size:12px;line-height:1.5}.account-signed-in{justify-content:center;align-items:center;gap:16px;max-width:480px;margin:auto;display:flex}.account-avatar{background:var(--blush);width:54px;height:54px;color:var(--pink-dark);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:28px;display:grid}.account-signed-in .section-reset{margin:0 0 0 auto}@media (width<=600px){.account-forms{grid-template-columns:1fr}.hero-banner h1{font-size:34px}.hero-banner>div{font-size:clamp(21px,6.3vw,25px)}.account-signed-in{flex-wrap:wrap}.account-signed-in .section-reset{margin:0}}.self-rating{background:#ffffffb8;border:1px solid #ddcfd3;border-radius:13px;margin:-8px 0 14px;overflow:hidden}.rating-summary{color:#806e75;border-bottom:1px solid #eadde1;align-items:center;gap:14px;padding:7px 11px;font-size:11px;display:flex}.rating-summary b{color:var(--ink)}.rating-summary small{color:#9b898f;margin-left:auto}.rating-buttons{grid-template-columns:1fr 1fr;display:grid}.rating-buttons button{cursor:pointer;background:0 0;border:0;padding:9px;font-size:12px;font-weight:800}.rating-buttons button+button{border-left:1px solid #eadde1}.rating-buttons .unknown{color:#a3483f;background:#fff0ed}.rating-buttons .known{color:#347344;background:#ebf7ed}.quiz-card-tools{justify-content:center;gap:8px;margin:12px 0 -5px;display:flex}.quiz-card-tools button{color:var(--pink-dark);cursor:pointer;background:#fff;border:1px solid #dccbd0;border-radius:12px;padding:8px 13px;font-weight:850}.quiz-card-tools button span{color:#76666c;margin-left:5px;font-size:11px;font-weight:650}.quiz-card-tools button.active{background:#fff0f5;border-color:#d986a1}.quiz-reading{color:var(--pink-dark);background:#fff0f5;border-radius:999px;padding:5px 13px;font-family:Georgia,serif;font-size:17px;font-weight:700}.japanese-reading{font-family:serif;font-size:20px}@media (width<=600px){.rating-summary small{display:none}.card-tools{flex-wrap:wrap}.card-tools button{min-width:70px}.quiz-card-tools{flex-wrap:wrap}}.home-view{background:linear-gradient(#ffe8ef 0 275px,#fff 275px)}.hero-banner{height:275px}.hero-banner h1{margin-bottom:10px;font-size:clamp(35px,5.7vw,50px)}.hero-banner>div{font-size:clamp(24px,5.2vw,46px)}@media (width<=600px){.home-view{background:linear-gradient(#ffe8ef 0 255px,#fff 255px)}.hero-banner{height:255px}.hero-banner h1{font-size:32px;line-height:1.08}.hero-banner>div{font-size:clamp(21px,6.3vw,25px)}}.session-summary{flex-direction:column;justify-content:center;display:flex}.summary-score-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.summary-score-grid>div{border:1px solid var(--line);min-height:185px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.summary-score-grid .known{color:#347344;background:#edf8ef}.summary-score-grid .unknown{color:#a3483f;background:#fff1ee}.summary-score-grid strong{font-family:Georgia,serif;font-size:62px;font-weight:500;line-height:1}.summary-score-grid b{font-size:16px}.unmarked-count{text-align:center;color:#8e7a81;margin:18px 0 0}.summary-actions{justify-content:center;gap:10px;margin-top:25px;display:flex}.summary-actions button:disabled{opacity:.45;cursor:default}@media (width<=600px){.summary-score-grid>div{min-height:145px}.summary-score-grid strong{font-size:45px}.summary-actions{flex-direction:column}}
