:root{--shutoku-accent: #356FA5;--shutoku-card-border: #D5CA9C;--shutoku-card-ivory: #FDFCF7;--shutoku-destructive: #C0392B;--shutoku-grade-again: #B4402F;--shutoku-grade-difficult: #B45D20;--shutoku-grade-easy: #4F7D55;--shutoku-grade-good: #356FA5;--shutoku-grade-okay: #846800;--shutoku-gradient-horizon: #F6EDCA;--shutoku-gradient-sky: #FBF7E6;--shutoku-gradient-water: #DDEFFF;--shutoku-horizon-line: #CDBA6F;--shutoku-icon-outline: #6A8BAD;--shutoku-inset-fill: #F5F1DC;--shutoku-on-sun-gold: #021C34;--shutoku-success: #4F7D55;--shutoku-sun-gold: #EFD35D;--shutoku-sun-ink: #846800;--shutoku-text-primary: #021C34;--shutoku-text-secondary: #566E85;--shutoku-page-padding: 16px;--shutoku-top-inset: 8px;--shutoku-card-spacing: 16px;--shutoku-card-padding: 18px;--shutoku-card-radius: 18px;--shutoku-tool-card-min-height: 96px;--shutoku-card-border-width: 1px;--shutoku-home-columns: 2;--shutoku-home-tile-min: 0px;--shutoku-tool-card-text-inset: 10px;--shutoku-deck-card-min: 470px;--shutoku-deck-stat-spacing: 8px;--shutoku-list-cell-min: 0px;--shutoku-inset-radius: 10px;--shutoku-inset-padding: 12px;--shutoku-stepper-button: 44px;--shutoku-stepper-gap: 12px;--shutoku-stepper-value-min: 56px;--shutoku-max-content-width: none;--shutoku-max-browse-width: none;--shutoku-shadow-elevation: 10px;--shutoku-shadow-opacity: .05;--shutoku-serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--shutoku-sans: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shutoku-size-display: 34px;--shutoku-line-display: 41px;--shutoku-size-card-title: 22px;--shutoku-line-card-title: 28px;--shutoku-size-tool-card-title: 20px;--shutoku-line-tool-card-title: 25px;--shutoku-size-section-title: 20px;--shutoku-line-section-title: 25px;--shutoku-size-japanese-title: 20px;--shutoku-line-japanese-title: 28px;--shutoku-size-japanese-reading: 12px;--shutoku-line-japanese-reading: 17px;--shutoku-size-body: 15px;--shutoku-line-body: 21px;--shutoku-size-label: 13px;--shutoku-size-stat-value: 17px;--shutoku-size-caption: 12px;--shutoku-line-caption: 16px;--shutoku-size-deck-stat: 28px;--shutoku-line-deck-stat: 34px}.t-tablet{--shutoku-page-padding: 28px;--shutoku-top-inset: 16px;--shutoku-card-spacing: 20px;--shutoku-card-padding: 22px;--shutoku-card-radius: 20px;--shutoku-tool-card-min-height: 96px;--shutoku-home-columns: auto;--shutoku-home-tile-min: 240px;--shutoku-tool-card-text-inset: 16px;--shutoku-list-cell-min: 300px;--shutoku-max-content-width: 1000px;--shutoku-max-browse-width: 1100px;--shutoku-size-card-title: 34px;--shutoku-line-card-title: 41px;--shutoku-size-tool-card-title: 28px;--shutoku-line-tool-card-title: 34px;--shutoku-size-section-title: 28px;--shutoku-line-section-title: 34px;--shutoku-size-japanese-title: 28px;--shutoku-line-japanese-title: 39px;--shutoku-size-japanese-reading: 15px;--shutoku-line-japanese-reading: 21px;--shutoku-size-body: 20px;--shutoku-line-body: 27px;--shutoku-size-label: 17px;--shutoku-size-stat-value: 22px;--shutoku-size-caption: 15px;--shutoku-line-caption: 20px;--shutoku-size-deck-stat: 52px;--shutoku-line-deck-stat: 62px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--shutoku-accent: #5E99D1;--shutoku-card-border: #303F4D;--shutoku-card-ivory: #18212B;--shutoku-destructive: #E5675A;--shutoku-grade-again: #E0705C;--shutoku-grade-difficult: #E09256;--shutoku-grade-easy: #7BA981;--shutoku-grade-good: #5E99D1;--shutoku-grade-okay: #EFD35D;--shutoku-gradient-horizon: #1B1706;--shutoku-gradient-sky: #05111E;--shutoku-gradient-water: #000D1D;--shutoku-horizon-line: #60552A;--shutoku-icon-outline: #6E8FB0;--shutoku-inset-fill: #232F3B;--shutoku-on-sun-gold: #021C34;--shutoku-success: #7BA981;--shutoku-sun-gold: #EFD35D;--shutoku-sun-ink: #EFD35D;--shutoku-text-primary: #E9EDF0;--shutoku-text-secondary: #7E97B0}}:root[data-theme=dark]{--shutoku-accent: #5E99D1;--shutoku-card-border: #303F4D;--shutoku-card-ivory: #18212B;--shutoku-destructive: #E5675A;--shutoku-grade-again: #E0705C;--shutoku-grade-difficult: #E09256;--shutoku-grade-easy: #7BA981;--shutoku-grade-good: #5E99D1;--shutoku-grade-okay: #EFD35D;--shutoku-gradient-horizon: #1B1706;--shutoku-gradient-sky: #05111E;--shutoku-gradient-water: #000D1D;--shutoku-horizon-line: #60552A;--shutoku-icon-outline: #6E8FB0;--shutoku-inset-fill: #232F3B;--shutoku-on-sun-gold: #021C34;--shutoku-success: #7BA981;--shutoku-sun-gold: #EFD35D;--shutoku-sun-ink: #EFD35D;--shutoku-text-primary: #E9EDF0;--shutoku-text-secondary: #7E97B0}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--shutoku-sans);font-size:var(--shutoku-size-body);line-height:var(--shutoku-line-body);color:var(--shutoku-text-primary);background:linear-gradient(to bottom,var(--shutoku-gradient-sky) 0%,var(--shutoku-gradient-horizon) 45%,var(--shutoku-gradient-water) 100%) fixed;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100%}.pane{flex:1 1 auto;min-width:0;overflow-y:auto;max-height:100vh}.divider{flex:0 0 10px;cursor:col-resize;touch-action:none;border:none;padding:0;background:transparent;position:relative}.divider:after{content:"";position:absolute;inset:0 4px;background:var(--shutoku-card-border)}.divider:focus-visible{outline:2px solid var(--shutoku-accent);outline-offset:-2px}.page{padding:var(--shutoku-page-padding);padding-top:calc(var(--shutoku-page-padding) + var(--shutoku-top-inset));max-width:var(--shutoku-max-content-width);margin:0 auto;padding-bottom:64px}.page-browse{max-width:var(--shutoku-max-browse-width)}.eyebrow{font-family:var(--shutoku-sans);font-size:var(--shutoku-size-label);letter-spacing:2px;font-weight:600;color:var(--shutoku-sun-ink);margin:0 0 10px}h1.title,h2.title{font-family:var(--shutoku-serif);font-size:var(--shutoku-size-display);line-height:var(--shutoku-line-display);font-weight:600;margin:0}.title-rule{height:1px;width:160px;max-width:100%;margin:10px 0 20px;background:var(--shutoku-horizon-line);border:0}.subtitle{color:var(--shutoku-text-secondary);margin:8px 0 0}.section-title{font-family:var(--shutoku-serif);font-size:var(--shutoku-size-section-title);line-height:var(--shutoku-line-section-title);font-weight:600;margin:28px 0 12px}.back{display:inline-block;margin-bottom:12px;color:var(--shutoku-accent);text-decoration:none;font-size:var(--shutoku-size-label);font-weight:600}.back:hover{text-decoration:underline}.ja{font-family:var(--shutoku-sans);font-size:var(--shutoku-size-japanese-title);line-height:var(--shutoku-line-japanese-title);font-weight:500}.ja-reading{font-family:var(--shutoku-sans);font-size:var(--shutoku-size-japanese-reading);line-height:var(--shutoku-line-japanese-reading);color:var(--shutoku-text-secondary);font-weight:400}.card{background:var(--shutoku-card-ivory);border:var(--shutoku-card-border-width) solid var(--shutoku-card-border);border-radius:var(--shutoku-card-radius);padding:var(--shutoku-card-padding);box-shadow:0 2px var(--shutoku-shadow-elevation) rgb(0 0 0 / var(--shutoku-shadow-opacity))}.stack{display:grid;gap:var(--shutoku-card-spacing)}.stack>*,.grid>*,.row>*,.deck-grid>*,.list-grid>*{min-width:0}.home-grid{display:grid;gap:var(--shutoku-card-spacing);grid-template-columns:repeat(2,minmax(0,1fr))}.t-tablet .home-grid{grid-template-columns:repeat(auto-fill,minmax(var(--shutoku-home-tile-min),1fr))}.tile{display:flex;align-items:center;justify-content:center;text-align:center;min-height:var(--shutoku-tool-card-min-height);text-decoration:none;color:inherit;padding:var(--shutoku-card-padding) var(--shutoku-tool-card-text-inset);font-family:var(--shutoku-serif);font-size:var(--shutoku-size-tool-card-title);line-height:var(--shutoku-line-tool-card-title);font-weight:600}.tile:hover{border-color:var(--shutoku-accent)}.deck-grid{display:grid;gap:var(--shutoku-card-spacing);grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--shutoku-deck-card-min)),1fr))}.deck-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--shutoku-deck-stat-spacing);margin-top:12px}.deck-stat-value{font-size:var(--shutoku-size-deck-stat);line-height:var(--shutoku-line-deck-stat);font-weight:600;font-variant-numeric:tabular-nums}.deck-stat-value.zero{color:var(--shutoku-text-secondary)}.list-grid{display:grid;gap:var(--shutoku-card-spacing);grid-template-columns:1fr}.t-tablet .list-grid{grid-template-columns:repeat(auto-fill,minmax(var(--shutoku-list-cell-min),1fr))}.inset{background:var(--shutoku-inset-fill);border-radius:var(--shutoku-inset-radius);padding:var(--shutoku-inset-padding)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-flow{flex-wrap:wrap}.list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.list>*{min-width:0}pre,.licence-body,.caption{overflow-wrap:anywhere}.ja,.ja-reading,.sentence-ja{line-break:strict;overflow-wrap:break-word}.list-link{display:block;text-decoration:none;color:inherit;background:var(--shutoku-card-ivory);border:var(--shutoku-card-border-width) solid var(--shutoku-card-border);border-radius:var(--shutoku-inset-radius);padding:12px var(--shutoku-inset-padding)}.list-link:hover{border-color:var(--shutoku-accent)}.label{font-size:var(--shutoku-size-label);font-weight:600;color:var(--shutoku-text-secondary)}.caption{font-size:var(--shutoku-size-caption);line-height:var(--shutoku-line-caption);color:var(--shutoku-text-secondary)}.stat{font-size:var(--shutoku-size-stat-value);font-weight:600}.mono{font-variant-numeric:tabular-nums}a.btn{text-decoration:none;display:inline-block}button,.btn{font:inherit;font-weight:600;border-radius:12px;border:var(--shutoku-card-border-width) solid var(--shutoku-card-border);background:var(--shutoku-card-ivory);color:var(--shutoku-text-primary);padding:10px 16px;cursor:pointer}button:hover:not(:disabled),.btn:hover{border-color:var(--shutoku-accent)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--shutoku-accent);outline-offset:2px}.btn-primary{background:var(--shutoku-sun-gold);border-color:var(--shutoku-sun-gold);color:var(--shutoku-on-sun-gold)}.btn-destructive{color:var(--shutoku-destructive);border-color:var(--shutoku-destructive)}.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.controls>select,.controls>input{width:auto}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],select,textarea{font:inherit;width:100%;padding:10px 12px;border-radius:10px;border:var(--shutoku-card-border-width) solid var(--shutoku-card-border);background:var(--shutoku-card-ivory);color:var(--shutoku-text-primary)}.field{display:grid;gap:6px;margin-bottom:12px}.chip{display:inline-block;background:var(--shutoku-inset-fill);border:var(--shutoku-card-border-width) solid var(--shutoku-card-border);border-radius:999px;padding:4px 12px;font-size:var(--shutoku-size-caption);color:var(--shutoku-text-secondary)}button.chip{cursor:pointer;font-weight:600}button.chip[aria-pressed=true]{background:var(--shutoku-sun-gold);border-color:var(--shutoku-sun-gold);color:var(--shutoku-on-sun-gold)}button.chip[data-partial=true]{background:var(--shutoku-inset-fill);border-color:var(--shutoku-sun-gold);color:var(--shutoku-text-primary)}.stepper{display:flex;align-items:center;gap:var(--shutoku-stepper-gap)}.stepper button{width:var(--shutoku-stepper-button);height:var(--shutoku-stepper-button);border-radius:999px;padding:0;color:var(--shutoku-accent);font-size:var(--shutoku-size-section-title);line-height:1}.stepper .value{min-width:var(--shutoku-stepper-value-min);text-align:center;font-size:var(--shutoku-size-stat-value);font-weight:600;font-variant-numeric:tabular-nums}.face{font-family:var(--shutoku-sans);font-size:calc(var(--shutoku-size-display) * 1.4);line-height:1.35;font-weight:500;text-align:center;margin:24px 0 8px;line-break:strict}.face-reading{text-align:center;font-size:var(--shutoku-size-section-title);color:var(--shutoku-text-secondary);margin:0 0 24px}.face-en{font-family:var(--shutoku-serif);font-size:var(--shutoku-size-display);line-height:var(--shutoku-line-display);text-align:center;margin:24px 0}.sentence-ja{font-family:var(--shutoku-sans);font-size:var(--shutoku-size-body);line-height:1.8}.grades{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.grade{color:#fff;border:none;padding:12px 4px;font-size:var(--shutoku-size-label);display:grid;gap:2px}.grade .preview{font-size:var(--shutoku-size-caption);font-weight:400;opacity:.85}.grade-again{background:var(--shutoku-grade-again)}.grade-difficult{background:var(--shutoku-grade-difficult)}.grade-okay{background:var(--shutoku-grade-okay)}.grade-good{background:var(--shutoku-grade-good)}.grade-easy{background:var(--shutoku-grade-easy)}.verdict-correct{color:var(--shutoku-success);font-weight:600}.verdict-wrong{color:var(--shutoku-destructive);font-weight:600}.verdict-accent{color:var(--shutoku-sun-ink);font-weight:600}.turns{display:grid;gap:12px}.turn{padding:12px var(--shutoku-inset-padding);border-radius:var(--shutoku-inset-radius)}.turn-you{background:var(--shutoku-inset-fill);margin-left:12%}.turn-tutor{background:var(--shutoku-card-ivory);border:var(--shutoku-card-border-width) solid var(--shutoku-card-border);margin-right:12%}.turn .who{font-size:var(--shutoku-size-label);font-weight:600;color:var(--shutoku-text-secondary);margin-bottom:4px}.table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--shutoku-card-border);font-size:var(--shutoku-size-body)}th{font-size:var(--shutoku-size-label);color:var(--shutoku-text-secondary);font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.paradigm td:first-child{color:var(--shutoku-text-secondary);width:11ch}.paradigm td{font-family:var(--shutoku-sans)}.paradigm .empty{color:var(--shutoku-text-secondary)}.kana-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.kana-cell{background:var(--shutoku-card-ivory);border:var(--shutoku-card-border-width) solid var(--shutoku-card-border);border-radius:var(--shutoku-inset-radius);padding:8px 4px;text-align:center}.kana-cell .glyph{font-family:var(--shutoku-sans);font-size:var(--shutoku-size-section-title);font-weight:500}.kana-cell .romaji{font-size:var(--shutoku-size-caption);color:var(--shutoku-text-secondary)}.gate{min-height:100%;display:grid;place-items:center;padding:var(--shutoku-page-padding)}.gate .card{width:min(420px,100%)}.notice{border-left:3px solid var(--shutoku-accent);padding-left:12px;color:var(--shutoku-text-secondary)}.notice-error{border-left-color:var(--shutoku-destructive);color:var(--shutoku-destructive)}.meter{height:8px;border-radius:999px;background:var(--shutoku-inset-fill);overflow:hidden}.meter>span{display:block;height:100%;background:var(--shutoku-sun-gold)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}