*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}[hidden]{display:none!important}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}#root{isolation:isolate}.page-loader{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary);font-size:var(--text-sm)}:root{--guide-width: 48rem;--guide-illustration-width: 32rem;--guide-line-height: 1.75;--guide-heading-height: 1.2;--guide-border: 1px;--guide-editor-height: 18rem;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--filter-control-font-size: .78rem;--filter-control-padding: .32rem .5rem;--filter-control-radius: 6px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--color-srs-apprentice: #dd0093;--color-srs-guru: #882d9e;--color-srs-master: #294ddb;--color-srs-enlightened: #0891b2;--color-srs-burned: #faac05;--color-srs-locked: #a0a0a0;--color-difficulty-beginner: #4caf50;--color-difficulty-intermediate: #ffc107;--color-difficulty-advanced: #ff9800;--color-difficulty-expert: #f44336;--font-item: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif}[data-theme=mangaka-pencil],[data-theme=paper],[data-theme=sakura],[data-theme=indigo],[data-theme=night]{--color-radical: #6b8ca3;--color-kanji: #8a3b3b;--color-vocabulary: #6e5a8a;--color-grammar: #4f7a5a;--color-anki: #7a6040;--bg-app: #f4f1ea;--bg-card: #ffffff;--bg-card-hover: #f8f6f0;--bg-card-border: rgba(0, 0, 0, .08);--bg-elevated: #ffffff;--text-primary: #1c1c1c;--text-secondary: #4a4a4a;--text-muted: #7a7a7a;--text-inverse: #ffffff;--color-correct: #3a7a57;--color-incorrect: #a64a3b;--color-warning: #8a6a2a;--color-error: #a64a3b;--color-quality-perfect: var(--color-correct);--color-quality-assisted: #8a6a2a;--color-quality-recognition: #7a5a30;--color-quality-failure: var(--color-incorrect);--color-accent: #2f2f2f;--color-accent-hover: #000000;--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .08);--glass-blur: 2px;--surface-card: #ffffff;--surface-input: #fdfcf9;--border-subtle: rgba(0, 0, 0, .1);--shadow-soft: 0 2px 6px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .12);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06)}[data-theme=sakura-light]{--color-radical: #0077cc;--color-kanji: #cc1f2b;--color-vocabulary: #7b3fa0;--color-grammar: #1e7e44;--color-anki: #b35900;--bg-app: #f6f1f4;--bg-card: rgba(255, 255, 255, .8);--bg-card-hover: rgba(255, 255, 255, .95);--bg-card-border: rgba(0, 0, 0, .06);--bg-elevated: #ffffff;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-muted: #7a7aa0;--text-inverse: #ffffff;--color-correct: #1e7e44;--color-incorrect: #cc1f2b;--color-warning: #b35900;--color-error: #cc1f2b;--color-quality-perfect: var(--color-correct);--color-quality-assisted: #b8860b;--color-quality-recognition: #c76f00;--color-quality-failure: var(--color-incorrect);--color-accent: #c1404a;--color-accent-hover: #a83540;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(193, 64, 74, .08);--glass-blur: 12px;--surface-card: #ffffff;--surface-input: #ffffff;--border-subtle: rgba(0, 0, 0, .08);--shadow-soft: 0 2px 12px rgba(26, 26, 46, .04);--shadow-medium: 0 4px 24px rgba(26, 26, 46, .08);--shadow-card: 0 4px 24px rgba(26, 26, 46, .06)}[data-theme=colorblind]{--color-radical: #56b4e9;--color-kanji: #e69f00;--color-vocabulary: #009e73;--color-grammar: #0072b2;--color-anki: #cc79a7;--bg-app: #0f1117;--bg-card: #161a22;--bg-card-hover: #1c2130;--bg-card-border: rgba(255, 255, 255, .08);--bg-elevated: #1c2130;--text-primary: #e6e8ef;--text-secondary: #b0b4c4;--text-muted: #8b90a7;--text-inverse: #0f1117;--color-correct: #009e73;--color-incorrect: #d55e00;--color-warning: #e69f00;--color-error: #d55e00;--color-quality-perfect: var(--color-correct);--color-quality-assisted: #e69f00;--color-quality-recognition: #cc79a7;--color-quality-failure: var(--color-incorrect);--color-accent: #56b4e9;--color-accent-hover: #7dc8f0;--color-srs-master: #0072b2;--color-srs-enlightened: #009e73;--color-srs-burned: #cc79a7;--glass-bg: rgba(22, 26, 34, .85);--glass-border: rgba(255, 255, 255, .06);--glass-blur: 4px;--surface-card: #161a22;--surface-input: #1c2130;--border-subtle: rgba(255, 255, 255, .08);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .3);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .4);--shadow-card: 0 4px 16px rgba(0, 0, 0, .4)}[data-theme=mangaka-pencil] body:before,html[data-theme=mangaka-pencil]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/textures/paper-fibers.png);opacity:.2;pointer-events:none;z-index:0}[data-theme=mangaka-pencil] .app-layout{position:relative;z-index:1}[data-theme=mangaka-pencil] .app-nav{background:#ffffffeb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=mangaka-pencil] .btn--primary{box-shadow:none}[data-theme=mangaka-pencil] .btn--primary:hover{filter:brightness(.85)}[data-theme=mangaka-pencil] input,[data-theme=mangaka-pencil] select,[data-theme=mangaka-pencil] textarea{background:var(--surface-input);border:2px solid var(--border-subtle)}[data-theme=mangaka-pencil] input:focus,[data-theme=mangaka-pencil] select:focus,[data-theme=mangaka-pencil] textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:none}[data-theme=mangaka-pencil] .review-card__character,[data-theme=mangaka-pencil] .lesson-card__character{filter:contrast(1.05) saturate(.9)}[data-theme=mangaka-pencil] .dashboard-hero__title,[data-theme=mangaka-pencil] .dashboard-preview__title,[data-theme=mangaka-pencil] .library__title,[data-theme=mangaka-pencil] .progress-page__title{position:relative}[data-theme=mangaka-pencil] .dashboard-hero__title:after,[data-theme=mangaka-pencil] .library__title:after,[data-theme=mangaka-pencil] .progress-page__title:after{content:"";position:absolute;left:0;bottom:-4px;width:40px;height:2px;background:var(--color-accent);opacity:.6}body.review-mode[data-theme=mangaka-pencil]{--bg-app: #ebe7df}[data-theme=mangaka-pencil] .sakura-bg,[data-theme=mangaka-pencil] .sakura-bg:before,[data-theme=mangaka-pencil] .sakura-bg:after{display:none}html:is([data-theme=paper],[data-theme=sakura],[data-theme=indigo],[data-theme=night]){--bg-app: #f7f4ed;--bg-card: #fffdf7;--bg-card-hover: #f3eee3;--bg-card-border: #d8cdb9;--bg-elevated: #fffdf7;--surface-card: #fffdf7;--surface-input: #fffdf7;--text-primary: #302f27;--text-secondary: #66604f;--text-muted: #6d6759;--text-inverse: #ffffff;--color-accent: #436248;--color-accent-hover: #304d35;--learner-wash: #eee8db;--learner-wood: #b7a37e}html:is([data-theme=paper],[data-theme=sakura],[data-theme=indigo],[data-theme=night]){--learner-fiber: #8a795016;--learner-fiber-soft: #a5947506;--learner-tone: #8b795b4d}html:is([data-theme=paper],[data-theme=sakura],[data-theme=indigo],[data-theme=night])[data-learner-contrast=true]{--text-primary: #151710;--text-secondary: #36392c;--text-muted: #45483c;--bg-card-border: #766f5d;--color-accent: #25462a;--learner-wood: #837558}html:is([data-theme=paper],[data-theme=sakura],[data-theme=indigo],[data-theme=night]),[data-learner-swatch=paper]{--learner-heading-font: inherit;--learner-seal: #8e4739;--learner-ink: #302f27;--learner-motif: #76614524;--learner-glow: #c59c5829;--surface-raised: var(--bg-card);--surface-muted: var(--learner-wash);--surface-2: var(--bg-card-hover);--border: var(--bg-card-border);--border-subtle: var(--bg-card-border);--accent: var(--color-accent);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted)}[data-learner-swatch=paper]{--bg-app: #f7f4ed;--bg-card: #fffdf7;--bg-card-hover: #f3eee3;--bg-card-border: #d8cdb9;--text-primary: #302f27;--text-secondary: #66604f;--text-inverse: #fff;--color-accent: #436248;--learner-wash: #eee8db}html[data-theme][data-theme=sakura],[data-learner-swatch=sakura]{--bg-app: #f6edf1;--bg-card: #fffbfc;--bg-card-hover: #f2e4eb;--bg-card-border: #cbb0bd;--bg-elevated: #fffbfc;--surface-card: #fffbfc;--surface-input: #fff9fc;--text-primary: #3d2d35;--text-secondary: #6d5360;--text-muted: #755e69;--text-inverse: #fffbfc;--color-accent: #865067;--color-accent-hover: #6d3c51;--learner-wash: #ecdae3;--learner-wood: #a67d8c;--learner-seal: #984d68;--learner-ink: #704e5d;--learner-motif: #a26b8528;--learner-fiber: #a26b850b;--learner-fiber-soft: #a26b8504;--learner-tone: #ae7c9440;--learner-sakura-bark: #8058645c;--learner-sakura-petal: #dd9db580;--learner-sakura-edge: #ba7c9259;--learner-sakura-center: #9e617b99;--color-correct: #376348;--color-incorrect: #a33f48;--color-error: #a33f48;--color-warning: #805817;--color-accent-soft: #86506712}html:is([data-theme=paper],[data-theme=sakura],[data-theme=indigo],[data-theme=night])[data-theme=indigo],[data-learner-swatch=indigo]{--bg-app: #eee4cf;--bg-card: #fff8e9;--bg-card-hover: #f4ead5;--bg-card-border: #c4ad80;--bg-elevated: #fff8e9;--surface-card: #fff8e9;--surface-input: #fffbf1;--text-primary: #253944;--text-secondary: #53636a;--text-muted: #686553;--text-inverse: #fff8e9;--color-accent: #284e68;--color-accent-hover: #173c54;--learner-wash: #e0d2b4;--learner-wood: #9b7546;--learner-heading-font: Georgia, "Yu Mincho", serif;--learner-seal: #984f38;--learner-ink: #284e68;--learner-motif: #284e682b;--learner-fiber: #6b563214;--learner-fiber-soft: #6b563209;--learner-tone: #9b754654;--color-correct: #346449;--color-incorrect: #a14231;--color-error: #a14231;--color-warning: #775617;--color-accent-soft: #284e6814}html:is([data-theme=paper],[data-theme=sakura],[data-theme=indigo],[data-theme=night])[data-theme=night],[data-learner-swatch=night]{color-scheme:dark;--bg-app: #152330;--bg-card: #203241;--bg-card-hover: #293f50;--bg-card-border: #526571;--bg-elevated: #263b4b;--surface-card: #203241;--surface-input: #1a2a38;--text-primary: #f2ead8;--text-secondary: #c5cbd0;--text-muted: #b3bdc3;--text-inverse: #172431;--color-accent: #edc17e;--color-accent-hover: #ffdaa0;--learner-wash: #263b4b;--learner-wood: #bfa174;--learner-seal: #dba69a;--learner-ink: #edc17e;--learner-motif: #a8c3d324;--learner-glow: #edc17e26;--learner-fiber: #b5c7d909;--learner-fiber-soft: #b5c7d904;--learner-tone: #bfa17440;--color-correct: #97d7b1;--color-success: #97d7b1;--color-incorrect: #ffb0a6;--color-error: #ffb0a6;--color-warning: #edc17e;--color-radical: #a1c9e3;--color-kanji: #ffb0a6;--color-vocabulary: #d4c1ef;--color-grammar: #a5d5b3;--color-anki: #e6c58f;--color-accent-soft: #edc17e16;--surface-success-subtle: #97d7b112;--glass-bg: #203241ee;--glass-border: #526571;--shadow-soft: 0 2px 6px #00000020;--shadow-medium: 0 4px 12px #00000030;--shadow-card: 0 2px 8px #00000020}html:is([data-theme=paper],[data-theme=sakura],[data-theme=indigo],[data-theme=night])[data-learner-contrast=true]{--bg-card-border: #766f5d;--text-primary: #151710;--text-secondary: #36392c;--text-muted: #45483c}html:is([data-theme=paper],[data-theme=sakura],[data-theme=indigo],[data-theme=night])[data-theme=night][data-learner-contrast=true]{--bg-card-border: #bdc5c8;--text-primary: #ffffff;--text-secondary: #eeeade;--text-muted: #dddaca}html:is([data-theme=paper],[data-theme=sakura],[data-theme=indigo],[data-theme=night]){--color-accent-contrast: var(--text-inverse)}:root{--learner-px-1120: 1120px;--learner-px-48: 48px;--learner-px-32: 32px;--learner-px-80: 80px;--learner-px-22: 22px;--learner-px-24: 24px;--learner-px-64: 64px;--learner-px-1: 1px;--learner-px-23: 23px;--learner-px-minus--7: -.7px;--learner-px-10: 10px;--learner-px-3: 3px;--learner-px-4: 4px;--learner-title-size: 1.875rem;--learner-px-12: 12px;--learner-px-2: 2px;--learner-rem--9: .9rem;--learner-px-940: 940px;--learner-px-250: 250px;--learner-px-55: 55px;--learner-px-35: 35px;--learner-px-16: 16px;--learner-px-15: 15px;--learner-px-20: 20px;--learner-rem-1: 1rem;--learner-rem--75: .75rem;--learner-px-7: 7px;--learner-rem--65: .65rem;--learner-px--2: .2px;--learner-px-17: 17px;--learner-px-360: 360px;--learner-rem-1-65: 1.65rem;--learner-px-14: 14px;--learner-rem--94: .94rem;--learner-px-410: 410px;--learner-px-25: 25px;--learner-px-28: 28px;--learner-px-8: 8px;--learner-rem--88: .88rem;--learner-px-26: 26px;--learner-rem-2-1: 2.1rem;--learner-px-65: 65px;--learner-rem--78: .78rem;--learner-rem--86: .86rem;--learner-px-780: 780px;--learner-px-minus-20: -20px;--learner-px-5: 5px;--learner-px-6: 6px;--learner-px-18: 18px;--learner-px-125: 125px;--learner-px-640: 640px;--learner-px-60: 60px;--learner-rem-2: 2rem;--learner-rem-2-5: 2.5rem;--learner-rem--84: .84rem;--learner-px-44: 44px;--learner-page-width: 920px;--learner-label-text: .6875rem;--learner-sidebar-width: 200px;--learner-px-36: 36px;--learner-px-11: 11px;--learner-px-78: 78px;--learner-rem--625: .625rem;--learner-control-text: .8125rem;--learner-px-420: 420px;--learner-px-38: 38px;--learner-px-40: 40px;--learner-px-9: 9px;--learner-rem-3-5: 3.5rem;--learner-rem-1-75: 1.75rem;--learner-rem-1-625: 1.625rem;--learner-rem-2-25: 2.25rem;--learner-px-52: 52px;--learner-px-280: 280px;--learner-px-92: 92px;--learner-rem-1-125: 1.125rem;--learner-rem-4-2: 4.2rem;--learner-rem-1-375: 1.375rem;--learner-px-54: 54px;--learner-rem--9375: .9375rem;--learner-rem-3-25: 3.25rem;--learner-rem-1-5: 1.5rem;--learner-rem-2-7: 2.7rem;--learner-rem--76: .76rem;--learner-px-1-3: 1.3px;--learner-rem-3: 3rem;--learner-px-650: 650px;--learner-px-248: 248px;--learner-px-minus-2: -2px;--learner-rem-1-45: 1.45rem;--learner-rem--73: .73rem;--learner-rem--8: .8rem;--learner-px-134: 134px;--learner-px--6: .6px;--learner-px--9: .9px;--learner-px-19: 19px;--learner-px-21: 21px;--learner-px-37: 37px;--learner-px-180: 180px;--learner-px-220: 220px;--learner-px-minus-100: -100px;--learner-px-minus-105: -105px;--learner-px-minus-40: -40px;--learner-px-115: 115px;--learner-px-110: 110px;--learner-px-58: 58px;--learner-px-49: 49px;--learner-px-minus-8: -8px;--learner-rem-1-05: 1.05rem;--learner-px-145: 145px;--learner-px-13: 13px;--learner-rem--7: .7rem;--learner-px-320: 320px;--learner-px-270: 270px;--learner-rem-1-2: 1.2rem;--learner-px-42: 42px;--learner-px-166: 166px;--learner-px-540: 540px;--learner-px-56: 56px;--learner-px-minus-18: -18px;--learner-px-240: 240px;--learner-px-390: 390px;--learner-px-minus-95: -95px;--learner-px-minus-130: -130px;--learner-px-350: 350px;--learner-px-minus-90: -90px;--learner-px-minus-230: -230px;--learner-px-130: 130px;--learner-px-minus-24: -24px;--learner-px-170: 170px;--learner-px-minus-155: -155px;--learner-px-minus-50: -50px;--learner-px-minus-140: -140px;--learner-px-minus-115: -115px;--learner-px-245: 245px;--learner-px-136: 136px;--learner-px-27: 27px;--learner-px-46: 46px;--learner-px-34: 34px;--learner-px-61: 61px;--learner-px-66: 66px;--learner-px-70: 70px;--learner-px-100: 100px;--learner-px-minus-88: -88px;--learner-px-120: 120px;--learner-px--65: .65px;--learner-px--95: .95px;--learner-px-175: 175px;--learner-px-440: 440px;--learner-px-33: 33px;--learner-px--7: .7px;--learner-px-330: 330px;--learner-px-31: 31px;--learner-px-50: 50px;--learner-px-155: 155px;--learner-px-minus-72: -72px;--learner-px-520: 520px;--learner-px-57: 57px;--learner-px-85: 85px;--learner-px-86: 86px;--learner-px-87: 87px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:3px var(--space-sm);font-size:var(--text-xs)}.btn--lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-base)}.btn--primary{background:var(--color-accent);color:var(--text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--ghost{background:transparent;border-color:var(--bg-card-border);color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.btn--accent{background:var(--color-correct);color:var(--text-inverse)}.btn--accent:hover:not(:disabled){background:color-mix(in srgb,var(--color-correct) 85%,#000)}.btn--danger{background:var(--color-error, #ef4444);color:var(--text-inverse)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-error, #ef4444) 85%,#000)}.admin-disclosure-control{display:inline-grid;flex:0 0 auto;width:1.5rem;height:1.5rem;place-items:center;padding:0;border:1px solid var(--border-subtle, var(--bg-card-border, rgba(0, 0, 0, .12)));border-radius:50%;background:var(--surface-card, var(--bg-card, #fff));color:var(--text-muted, #667085);font-size:1rem;font-weight:700;line-height:1}button.admin-disclosure-control{cursor:pointer}button.admin-disclosure-control:hover,button.admin-disclosure-control:focus-visible{border-color:var(--color-accent, #c83f4b);color:var(--color-accent, #c83f4b);outline:none}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #0000004d;animation:toast-in .25s ease-out;pointer-events:auto}.toast--success{background:var(--color-success, #10b981);color:var(--text-inverse)}.toast--error{background:var(--color-error, #ef4444);color:var(--text-inverse)}.toast--info{background:var(--color-surface-raised, #2a2a3a);color:var(--color-text, #e8e8e8);border:1px solid var(--color-border, #3a3a4a)}.toast__icon{font-size:1rem;line-height:1}.toast__message{flex:1}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.app-layout{display:flex;flex-direction:column;min-height:100dvh;background:var(--bg-app)}.app-nav{position:sticky;top:0;z-index:var(--z-overlay);display:flex;align-items:center;gap:var(--space-md);height:56px;padding:0 var(--space-xl);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur, 12px));-webkit-backdrop-filter:blur(var(--glass-blur, 12px))}.app-nav__brand{font-size:var(--text-lg);font-weight:700;color:var(--color-accent);text-decoration:none;white-space:nowrap;flex-shrink:0;transition:color var(--transition-fast)}.app-nav__brand:hover{color:var(--color-accent-hover)}.app-nav__links{display:flex;align-items:center;gap:var(--space-xs);flex:1;overflow:hidden}.app-nav__links a:not(.app-nav__study-cta){font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.app-nav__links a:not(.app-nav__study-cta):hover{color:var(--text-primary);background:var(--bg-card-hover)}.app-nav__links a:not(.app-nav__study-cta).active{color:var(--text-primary);background:var(--bg-card-hover);font-weight:600}.app-nav__study-cta{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);background:transparent;border:1px solid var(--border-subtle);text-decoration:none;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast)}.app-nav__study-cta:hover{background:var(--bg-card-hover);border-color:var(--color-accent)}.app-nav__actions{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto;flex-shrink:0}.app-nav__admin-link{font-size:var(--text-sm);color:var(--color-accent);text-decoration:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-accent);white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.app-nav__admin-link:hover,.app-nav__admin-link.active{background:var(--color-accent);color:var(--text-inverse)}.app-nav__theme-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-pill);background:transparent;cursor:pointer;font-size:var(--text-lg);transition:background var(--transition-fast)}.app-nav__theme-toggle:hover{background:var(--bg-card-hover)}.app-nav__avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--text-inverse);font-size:var(--text-sm);font-weight:700;flex-shrink:0;-webkit-user-select:none;user-select:none}.app-nav__signout{font-size:var(--text-sm);color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.app-nav__signout:hover{color:var(--text-primary);background:var(--bg-card-hover)}.app-nav__usermenu{position:relative}.app-nav__usermenu-btn{display:flex;align-items:center;gap:var(--space-xs);max-width:220px;padding:var(--space-2xs, 2px) var(--space-xs);background:none;border:1px solid transparent;border-radius:var(--radius-pill);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);transition:background var(--transition-fast),border-color var(--transition-fast)}.app-nav__usermenu-btn:hover,.app-nav__usermenu-btn[aria-expanded=true]{background:var(--bg-card-hover);border-color:var(--border-subtle)}.app-nav__usermenu-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav__usermenu-caret{font-size:var(--text-xs);color:var(--text-tertiary, var(--text-secondary))}.app-nav__usermenu-list{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:180px;display:flex;flex-direction:column;padding:var(--space-2xs, 4px);background:var(--bg-elevated);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-medium);z-index:var(--z-overlay)}.app-nav__usermenu-item{display:block;width:100%;text-align:left;padding:var(--space-sm) var(--space-md);border:none;background:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);text-decoration:none;cursor:pointer;white-space:nowrap}.app-nav__usermenu-item:hover{background:var(--bg-card-hover)}.app-nav__usermenu-sep{height:1px;margin:var(--space-2xs, 4px) var(--space-sm);background:var(--bg-card-border)}.app-nav__usermenu-item--signout{color:var(--color-danger, #c0392b)}.app-content{flex:1;padding:var(--space-xl) var(--space-2xl);max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}.app-content.app-content--immersive{padding-top:var(--space-md)}.app-content.app-content--admin{--admin-content-bg: #eef0f3;max-width:none;padding:0;background:var(--admin-content-bg)}.app-content.app-content--admin>*{max-width:none;width:100%}@media (max-width: 640px){.app-nav{position:fixed;top:auto;bottom:var(--space-md);left:var(--space-md);right:var(--space-md);height:48px;padding:0 var(--space-sm);gap:0;border-radius:var(--radius-pill);border:1px solid var(--bg-card-border);box-shadow:var(--shadow-medium);z-index:var(--z-overlay);justify-content:center}.app-nav__brand{display:none}.app-nav__links{flex:1;justify-content:space-around;gap:0}.app-nav__links a:not(.app-nav__study-cta){font-size:var(--text-xs);padding:var(--space-xs);flex:1;text-align:center;border-radius:var(--radius-md);min-height:44px;display:flex;align-items:center;justify-content:center}.app-nav__study-cta{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm)}.app-nav__actions{display:flex;gap:var(--space-2xs, 4px);margin-left:var(--space-xs);flex-shrink:0}.app-nav__theme-toggle,.app-nav__admin-link,.app-nav__usermenu-name{display:none}.app-nav__usermenu-btn{padding:var(--space-2xs, 2px);min-height:44px}.app-nav__usermenu-list{top:auto;bottom:calc(100% + var(--space-xs))}.app-content{padding:var(--space-md) var(--space-md) calc(48px + var(--space-xl) + var(--space-md))}.app-content--immersive{padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0px))}.app-nav--hidden{display:none}.app-nav.app-nav--concept-storyboards{position:sticky;inset:0 0 auto;height:48px;padding:0 var(--space-md);border-radius:0;justify-content:space-between}.app-nav--concept-storyboards .app-nav__brand{display:block}.app-nav--concept-storyboards .app-nav__links{display:none}.app-nav--concept-storyboards .app-nav__actions{margin-left:auto}.app-content--concept-storyboards{padding-bottom:var(--space-md)}}[data-learner-ui] body{background:var(--bg-app);color:var(--text-primary)}html[data-learner-ui]{scrollbar-gutter:stable}[data-learner-ui] .app-content:not(.app-content--admin){max-width:var(--learner-px-1120);padding:var(--learner-px-48) var(--learner-px-32) var(--learner-px-80)}.learner-nav{width:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--learner-px-32);padding:var(--learner-px-22) clamp(var(--learner-px-24),4vw,var(--learner-px-64));border-bottom:var(--learner-px-1) solid var(--bg-card-border)}.learner-brand{font-size:var(--learner-px-23);font-weight:650;letter-spacing:var(--learner-px-minus--7);color:var(--text-primary);text-decoration:none}.learner-brand small{display:block;font-size:var(--learner-px-10);letter-spacing:var(--learner-px-3);font-weight:400;margin-top:var(--learner-px-4)}.learner-nav nav{display:flex;align-items:center;gap:var(--learner-title-size)}.learner-nav nav a,.learner-carnet{color:var(--text-secondary);text-decoration:none;padding:var(--learner-px-12) 0;border-bottom:var(--learner-px-2) solid transparent}.learner-nav a.active{border-bottom-color:var(--color-accent);color:var(--color-accent);font-weight:650}.learner-carnet{justify-self:end;font-size:var(--learner-rem--9);white-space:nowrap}.learner-space{max-width:var(--learner-px-940);margin:auto}.learner-dojo-layout{display:grid;grid-template-columns:var(--learner-px-250) minmax(0,1fr);gap:var(--learner-px-55);margin-top:var(--learner-px-35)}.learner-capacity-list{display:flex;flex-direction:column;align-self:start}.learner-capacity-list button{text-align:left;position:relative;background:none;border:0;border-bottom:var(--learner-px-1) solid var(--bg-card-border);padding:var(--learner-px-16) var(--learner-px-15) var(--learner-px-15) var(--learner-px-20);color:var(--text-primary);cursor:pointer}.learner-capacity-list button>span{display:block;font-size:var(--learner-rem-1);font-weight:550}.learner-capacity-list small{display:block;font-size:var(--learner-rem--75);color:var(--text-secondary);margin:var(--learner-px-7) 0}.learner-capacity-list em{font-size:var(--learner-rem--65);font-style:normal;letter-spacing:var(--learner-px--2)}.learner-capacity-list button[aria-pressed=true]{background:var(--learner-wash);border-left:var(--learner-px-3) solid var(--text-primary);padding-left:var(--learner-px-17)}.learner-capacity-list button[aria-pressed=true]>span:before{content:"• "}.learner-capacity-detail{position:relative;padding:var(--learner-px-12) 0;min-height:var(--learner-px-360)}.learner-capacity-detail h2{font-size:var(--learner-rem-1-65);margin:0 0 var(--learner-px-14);font-family:Georgia,serif;font-weight:400}.learner-capacity-detail>p{font-size:var(--learner-rem--94);line-height:1.75;max-width:var(--learner-px-410);color:var(--text-secondary)}.learner-practice-pickers{display:flex;gap:var(--learner-px-25);margin:var(--learner-px-28) 0 0}.learner-practice-pickers button{background:none;border:0;border-bottom:var(--learner-px-1) solid transparent;padding:var(--learner-px-8) 0;font-size:var(--learner-rem--88);color:var(--text-secondary);cursor:pointer}.learner-practice-pickers button[aria-pressed=true]{border-bottom:var(--learner-px-2) solid var(--text-primary);color:var(--text-primary);font-weight:650}.learner-practice-pickers button[aria-pressed=true]:before{content:"• "}.learner-language-leaf{margin:var(--learner-px-23) 0 var(--learner-px-26)}.learner-language-leaf p{font-size:var(--learner-rem-2-1);line-height:1.8;font-family:Yu Mincho,serif;letter-spacing:var(--learner-px-2)}.learner-language-leaf span{display:block;height:var(--learner-px-1);width:var(--learner-px-65);background:var(--text-primary);margin-top:var(--learner-px-25);transform:rotate(-1deg)}.learner-practice-cta{min-height:var(--learner-px-48);border-radius:var(--learner-px-3);background:var(--color-accent);color:var(--text-inverse)}.learner-capacity-detail .learner-time-note{font-size:var(--learner-rem--75);margin-top:var(--learner-px-12)}.learner-future-note{margin:var(--learner-px-35) 0}.learner-quiet{padding:var(--learner-px-10) 0;border:0;background:none;color:var(--color-accent);cursor:pointer}.learner-dojo-after{display:flex;align-items:center;justify-content:space-between;gap:var(--learner-px-20);flex-wrap:wrap;font-size:var(--learner-rem--78);color:var(--text-secondary);padding-top:var(--learner-px-22);border-top:var(--learner-px-1) solid var(--bg-card-border);margin-top:var(--learner-px-28)}.learner-dojo-after a{color:var(--color-accent)}.learner-more-practices{margin-top:var(--learner-px-24);font-size:var(--learner-rem--86)}.learner-more-practices summary{cursor:pointer;color:var(--text-secondary)}.learner-exercise-action{margin-bottom:var(--learner-px-16)}.learner-practice-pickers{flex-wrap:wrap}.learner-practice{max-width:var(--learner-px-780);margin:var(--learner-px-minus-20) auto 0}.learner-practice-header{display:flex;justify-content:space-between;align-items:center;gap:var(--learner-px-20);margin-bottom:var(--learner-px-20);padding-bottom:var(--learner-px-16);border-bottom:var(--learner-px-1) solid var(--bg-card-border)}.learner-practice-header h1{font-size:var(--text-xl);font-weight:550}.learner-practice-header a,.learner-practice-header button{flex-shrink:0;padding:var(--learner-px-10) var(--learner-px-14);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-5);color:var(--text-primary);font-size:var(--learner-rem--86);background:var(--bg-card);text-decoration:none;cursor:pointer}.learner-practice :is(.recognition-match,.kana-sprint,.confusion-lab,.word-reading,.sentence-reading){padding:var(--learner-px-22);gap:var(--learner-px-16);border-radius:var(--learner-px-6)}.learner-practice :is(.recognition-match__head,.kana-sprint__head,.confusion-lab__head,.word-reading__head,.sentence-reading__head){display:none}.learner-config{border-top:var(--learner-px-1) solid var(--bg-card-border);border-bottom:var(--learner-px-1) solid var(--bg-card-border);padding:var(--learner-px-12) 0}.learner-config summary{cursor:pointer;color:var(--text-primary);font-size:var(--learner-rem--9)}.learner-config>div{display:flex;flex-direction:column;gap:var(--learner-px-18);margin-top:var(--learner-px-20)}.learner-practice :is(.recognition-match__groups,.kana-sprint__groups){grid-template-columns:repeat(auto-fill,minmax(var(--learner-px-125),1fr));gap:var(--learner-px-8)}.learner-practice :is(.recognition-match__group,.kana-sprint__group):focus-within{outline:var(--learner-px-3) solid var(--color-accent);outline-offset:var(--learner-px-2)}.learner-practice .pev2__card{max-width:var(--learner-px-640);padding:var(--learner-px-22) var(--learner-px-26);gap:var(--learner-px-14);border-radius:var(--learner-px-6);box-shadow:none}.learner-practice .pev2__wrap-up{display:none}.learner-practice .recognition-match__options{gap:var(--learner-px-10)}.learner-practice .recognition-match__option{min-height:var(--learner-px-60);font-size:var(--learner-rem-2);padding:var(--learner-px-10)}.learner-practice .recognition-match__prompt{font-size:var(--learner-rem-2-5);padding:var(--learner-px-4) 0}.learner-practice .pev2__stimulus{margin:0}.learner-practice .kana-sprint__custom>.kana-sprint__reco-title,.learner-practice .kana-sprint__custom>.kana-sprint__reco-title+p{display:none}.learner-practice .pev2__header-main h2{font-size:var(--learner-rem-1);font-weight:500}.learner-inline-practice{margin:var(--learner-px-24) 0 0;max-width:none}.learner-inline-practice>section{margin-bottom:0}.learner-flow .learner-practice-pickers{margin-top:var(--learner-px-18)}.learner-flow .learner-practice :is(.recognition-match,.kana-sprint,.confusion-lab,.word-reading,.sentence-reading){background:transparent;border:none;padding:0}.learner-flow-header{display:flex;align-items:center;justify-content:space-between;gap:var(--learner-px-20);padding-bottom:var(--learner-px-14);border-bottom:var(--learner-px-1) solid var(--bg-card-border);font-size:var(--learner-rem--88)}.learner-flow-header button,.learner-flow-header a{background:transparent;border:0;color:var(--text-secondary);text-decoration:underline;text-underline-offset:var(--learner-px-3);padding:var(--learner-px-8) 0;cursor:pointer;font-size:var(--learner-rem--84)}.learner-flow[data-stage=summary] .learner-inline-practice{max-width:none;margin:var(--learner-px-20) 0}.learner-confusion-select{width:100%;padding:var(--learner-px-10);min-height:var(--learner-px-44);border:var(--learner-px-1) solid var(--bg-card-border);background:var(--surface-input);color:var(--text-primary);font-size:var(--learner-rem-1);border-radius:var(--learner-px-4)}[data-learner-ui] .app-content:not(.app-content--admin):has(.learner-flow){padding-top:var(--learner-px-24);padding-bottom:var(--learner-px-24)}.learner-size-select{display:none}.learner-flow{max-width:var(--learner-page-width);font-size:var(--text-sm)}.learner-flow .learner-flow-title{font-family:inherit;font-size:var(--learner-title-size);font-weight:500;line-height:1.3;margin-bottom:var(--learner-px-8)}.learner-flow .learner-eyebrow{font-size:var(--learner-label-text);margin-bottom:var(--learner-px-10)}.learner-flow .learner-dojo-layout{grid-template-columns:var(--learner-sidebar-width) minmax(0,1fr);gap:var(--learner-px-36);margin-top:var(--learner-px-24)}.learner-flow .learner-capacity-list button{padding:var(--learner-px-11) var(--learner-px-14);min-height:var(--learner-px-78)}.learner-flow .learner-capacity-list button[aria-pressed=true]{padding-left:var(--learner-px-11)}.learner-flow .learner-capacity-list button>span{font-size:var(--text-sm)}.learner-flow .learner-capacity-list small{font-size:var(--learner-label-text);margin:var(--learner-px-4) 0}.learner-flow .learner-capacity-list em{font-size:var(--learner-rem--625)}.learner-flow .learner-capacity-detail{padding:var(--learner-px-4) 0;min-height:0}.learner-flow .learner-capacity-heading{font-family:inherit;font-size:var(--text-xl);font-weight:500;margin-bottom:var(--learner-px-12)}.learner-flow .learner-practice-pickers{gap:var(--learner-px-22);margin-top:0}.learner-flow .learner-practice-pickers button{font-size:var(--learner-control-text);padding:var(--learner-px-8) 0}.learner-flow .learner-inline-practice{margin-top:var(--learner-px-18)}.learner-flow .learner-future-note{font-size:var(--text-sm);line-height:1.6;margin:var(--learner-px-18) 0;max-width:var(--learner-px-420)}.learner-flow .learner-config{padding:var(--learner-px-10) 0}.learner-flow .learner-config summary{font-size:var(--learner-control-text)}.learner-flow .dojo-legend,.learner-flow .confusion-lab__legend{font-size:var(--learner-label-text);line-height:1.5;margin-bottom:var(--learner-px-7)}.learner-flow .dojo-sizes,.learner-flow .dojo-scripts{gap:var(--learner-px-7)}.learner-flow .dojo-size,.learner-flow .dojo-script{padding:var(--learner-px-8) var(--learner-px-12);min-height:var(--learner-px-38);box-sizing:border-box;font-size:var(--learner-control-text);font-weight:500;border-radius:var(--learner-px-5)}.learner-flow .dojo-size:focus-within{outline:var(--learner-px-3) solid var(--color-accent);outline-offset:var(--learner-px-2)}.learner-flow .learner-confusion-select{padding:var(--learner-px-8) var(--learner-px-10);min-height:var(--learner-px-38);font-size:var(--text-sm)}.learner-flow :is(.recognition-match__lead,.kana-sprint__lead,.confusion-lab__lead,.word-reading__lead,.sentence-reading__lead){font-size:var(--text-sm);line-height:1.6}.learner-flow :is(.recognition-match__btn,.kana-sprint__btn,.confusion-lab__btn,.word-reading__btn,.sentence-reading__btn){align-self:flex-start;inline-size:fit-content;max-width:100%;min-height:var(--learner-px-40);padding:var(--learner-px-9) var(--learner-px-16);font-size:var(--text-sm);line-height:1.4;border-radius:var(--learner-px-5)}.learner-flow .pev2__card{gap:var(--learner-px-12);padding:var(--learner-px-20) var(--learner-px-24)}.learner-flow .pev2__header-main,.learner-flow .pev2__header-main h2{font-size:var(--learner-rem-1);line-height:1.4}.learner-flow .pev2__progress,.learner-flow .pev2__instructions{font-size:var(--learner-control-text)}.learner-flow .pev2 .pev2-kana-stimulus{font-size:var(--learner-rem-3-5);line-height:1.15;padding:var(--learner-px-4) 0}.learner-flow .word-reading__prompt{font-size:var(--learner-rem-1-75);line-height:1.8;padding:var(--learner-px-4) 0}.learner-flow .sentence-reading__prompt{font-size:var(--learner-rem-1-625);line-height:1.9;padding:var(--learner-px-4) 0}.learner-flow :is(.recognition-match__prompt,.confusion-lab__prompt){font-size:var(--learner-rem-2-25);line-height:1.3;padding:var(--learner-px-3) 0}.learner-flow :is(.recognition-match__option,.confusion-lab__option){min-height:var(--learner-px-52);padding:var(--learner-px-8);font-size:var(--learner-rem-2);border-radius:var(--learner-px-5)}.learner-flow .pev2__response input{min-height:var(--learner-px-44);padding:var(--learner-px-9) var(--learner-px-12);font-size:var(--learner-rem-1);line-height:1.4}.learner-flow .pev2__primary-action button{inline-size:min(100%,var(--learner-px-280));min-height:var(--learner-px-40);padding:var(--learner-px-9) var(--learner-px-16);font-size:var(--text-sm);line-height:1.4}.learner-flow .dojo-stats{grid-template-columns:repeat(auto-fit,minmax(var(--learner-px-92),1fr));gap:var(--learner-px-8)}.learner-flow .dojo-stat{padding:var(--learner-px-10);border-radius:var(--learner-px-5)}.learner-flow .dojo-stat dt{font-size:var(--learner-label-text);line-height:1.4}.learner-flow .dojo-stat dd{font-size:var(--learner-rem-1-125)}.learner-flow .learner-dojo-after{margin-top:var(--learner-px-24);padding-top:var(--learner-px-16);font-size:var(--learner-rem--75)}.learner-flow[data-stage=summary] .learner-inline-practice{margin-top:var(--learner-px-20);margin-bottom:var(--learner-px-18)}[data-learner-japanese=large] .learner-flow .pev2 .pev2-kana-stimulus{font-size:var(--learner-rem-4-2)}[data-learner-japanese=large] .learner-flow :is(.word-reading__prompt,.sentence-reading__prompt){font-size:var(--learner-rem-2-1)}[data-learner-japanese=large] .learner-flow :is(.recognition-match__option,.confusion-lab__option){font-size:var(--learner-rem-2-5)}@media (max-width: 640px){[data-learner-ui] .app-content:not(.app-content--admin):has(.learner-flow){padding-top:var(--learner-px-16)}.learner-flow .learner-eyebrow{display:none}.learner-flow .learner-flow-title{font-size:var(--learner-rem-1-375);line-height:1.4}.learner-flow .learner-dojo-layout{display:block;margin-top:var(--learner-px-18)}.learner-flow .learner-capacity-list{gap:0 var(--learner-px-8);margin-bottom:var(--learner-px-22)}.learner-flow .learner-capacity-list button{min-height:var(--learner-px-54);padding-top:var(--learner-px-8);padding-bottom:var(--learner-px-8)}.learner-flow .learner-capacity-list small{display:none}.learner-flow .learner-capacity-list em{display:block;margin-top:var(--learner-px-4)}.learner-flow .learner-capacity-detail{padding:0}.learner-flow .learner-capacity-heading{font-size:var(--learner-rem-1-125)}.learner-flow .learner-practice-pickers{gap:var(--learner-px-18)}.learner-flow .learner-practice-pickers button{min-height:var(--learner-px-44);font-size:var(--text-sm)}.learner-flow .dojo-size,.learner-flow .dojo-script,.learner-flow .learner-confusion-select{min-height:var(--learner-px-44)}.learner-flow .dojo-sizes{display:none}.learner-flow .learner-size-select{display:block;width:100%;min-height:var(--learner-px-44);padding:var(--learner-px-8) var(--learner-px-10);color:var(--text-primary);background:var(--surface-input);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-4);font-size:var(--learner-rem--9375)}.learner-flow .dojo-size{padding:var(--learner-px-10)}.learner-flow :is(.recognition-match__btn,.kana-sprint__btn,.confusion-lab__btn,.word-reading__btn,.sentence-reading__btn),.learner-flow .pev2__primary-action button{min-height:var(--learner-px-44);font-size:var(--learner-rem--9375)}.learner-flow .pev2__card{padding:var(--learner-px-16);gap:var(--learner-px-12)}.learner-flow .pev2 .pev2-kana-stimulus{font-size:var(--learner-rem-3-25)}.learner-flow .word-reading__prompt{font-size:var(--learner-rem-1-625)}.learner-flow .sentence-reading__prompt{font-size:var(--learner-rem-1-5)}.learner-flow .dojo-stats{grid-template-columns:repeat(2,1fr)}}[data-learner-japanese=large] .learner-language-leaf p,[data-learner-japanese=large] .learner-practice .recognition-match__option{font-size:var(--learner-rem-2-7)}.learner-eyebrow{color:var(--color-accent);font-size:var(--learner-rem--76);letter-spacing:var(--learner-px-1-3);margin-bottom:var(--learner-px-14)}.learner-space h1{font-family:Georgia,serif;font-size:clamp(var(--learner-rem-2),4vw,var(--learner-rem-3));font-weight:400;margin:0 0 var(--learner-px-16)}.learner-intro{color:var(--text-secondary);line-height:1.8;max-width:var(--learner-px-650);margin-bottom:var(--learner-px-36)}.learner-rooms{display:grid;grid-template-columns:1fr 1fr;gap:var(--learner-px-20)}.learner-room{padding:var(--learner-px-28);color:var(--text-primary);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-8);background:var(--bg-card);text-decoration:none;min-height:var(--learner-px-248);box-shadow:0 var(--learner-px-4) 0 var(--learner-wash)}a.learner-room:hover{border-color:var(--color-accent);transform:translateY(var(--learner-px-minus-2))}.learner-room h2{font-size:var(--learner-rem-1-45);margin:var(--learner-px-22) 0 var(--learner-px-12)}.learner-room p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--learner-px-22)}.learner-room-number{color:var(--color-accent);font-family:Georgia,serif;font-size:var(--text-xl)}.learner-availability{float:right;font-size:var(--learner-rem--73);color:var(--text-secondary)}.learner-room-link{color:var(--color-accent);font-size:var(--learner-rem--9);font-weight:600}.learner-room--future{background:transparent;box-shadow:none;border-style:dashed}.learner-footnote,.learner-future{color:var(--text-secondary);font-size:var(--learner-rem--9);margin-top:var(--learner-title-size);line-height:1.8}.learner-future{border-top:var(--learner-px-1) solid var(--bg-card-border);padding-top:var(--learner-px-24)}.learner-paper{background:var(--bg-card);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-8);padding:var(--learner-px-28);margin-bottom:var(--learner-px-22);line-height:1.8}.learner-personal-tabs{display:flex;gap:var(--learner-px-25);flex-wrap:wrap;margin:var(--learner-px-26) 0 var(--learner-px-32);border-bottom:var(--learner-px-1) solid var(--bg-card-border)}.learner-personal-tabs button{background:none;border:0;border-bottom:var(--learner-px-2) solid transparent;padding:var(--learner-px-10) 0;font-size:var(--learner-rem--9);color:var(--text-secondary);cursor:pointer}.learner-personal-tabs button[aria-pressed=true]{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:650}.learner-notebook .learner-paper{background:transparent;border:0;padding:0 0 var(--learner-px-24)}.learner-notebook .learner-paper ul{padding-left:var(--learner-px-20)}.learner-notebook .learner-paper li{margin:var(--learner-px-20) 0}.learner-path-link{display:inline-block;color:var(--color-accent);font-size:var(--learner-rem--8);margin:var(--learner-px-4) 0 var(--learner-px-16);text-decoration:underline;text-underline-offset:var(--learner-px-3)}.learner-paper h2{font-family:Georgia,serif;font-size:var(--learner-rem-1-5);margin-bottom:var(--learner-px-16);font-weight:400}.learner-paper p{color:var(--text-secondary)}.learner-paper a{color:var(--color-accent)}.learner-preferences{display:grid;gap:var(--learner-px-16);margin-bottom:var(--learner-px-24)}.learner-preferences label{display:flex;align-items:center;gap:var(--learner-px-12)}.learner-preferences select{max-width:100%;padding:var(--learner-px-8);background:var(--surface-input);color:var(--text-primary);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-6)}.learner-preferences input{width:var(--learner-px-18);height:var(--learner-px-18);accent-color:var(--color-accent)}.learner-history-row{display:flex;gap:var(--learner-px-20);align-items:center;padding:var(--learner-px-20) 0;border-bottom:var(--learner-px-1) solid var(--bg-card-border);text-decoration:none}.learner-history-row>span:last-child{margin-left:auto;font-size:var(--learner-rem--86)}.learner-history-row small{display:block;color:var(--text-secondary);font-size:var(--learner-rem--8)}[data-learner-ui] .today{max-width:var(--learner-page-width);padding-top:0}[data-learner-ui] .app-layout:has(.today){position:relative;isolation:isolate}[data-learner-ui] .app-layout:has(.today):before{content:"";position:fixed;inset:var(--learner-px-134) 0 0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--learner-fiber) var(--learner-px--6),transparent var(--learner-px--9)),repeating-linear-gradient(112deg,transparent 0 var(--learner-px-18),var(--learner-fiber-soft) var(--learner-px-19) var(--learner-px-20),transparent var(--learner-px-21) var(--learner-px-37));background-size:var(--learner-px-5) var(--learner-px-7),100% 100%}[data-learner-ui] .today{position:relative;isolation:isolate}[data-learner-ui] .today:before{content:"";position:absolute;width:var(--learner-px-180);height:var(--learner-px-220);right:var(--learner-px-minus-100);top:var(--learner-title-size);z-index:-1;pointer-events:none;opacity:.45;border-radius:50% 40% 45% 50%;transform:rotate(-12deg);background:repeating-linear-gradient(145deg,transparent 0 var(--learner-px-7),var(--learner-tone) var(--learner-px-8) var(--learner-px-9));-webkit-mask-image:radial-gradient(ellipse,black 15%,transparent 68%);mask-image:radial-gradient(ellipse,black 15%,transparent 68%)}[data-learner-ui] .today:after{content:"";position:absolute;left:var(--learner-px-minus-105);bottom:var(--learner-px-minus-40);width:var(--learner-sidebar-width);height:var(--learner-px-115);z-index:-1;pointer-events:none;opacity:.4;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 var(--learner-px-18),var(--learner-tone) var(--learner-px-19) var(--learner-px-20),transparent var(--learner-px-21) var(--learner-px-28));-webkit-mask-image:linear-gradient(90deg,transparent,black 30%,transparent);mask-image:linear-gradient(90deg,transparent,black 30%,transparent)}[data-learner-contrast=true] .app-layout:has(.today):before,[data-learner-contrast=true] .today:before,[data-learner-contrast=true] .today:after{display:none}[data-learner-ui] .today__greeting{font-family:inherit;font-size:var(--learner-title-size);font-weight:500;line-height:1.3;color:var(--text-primary);margin:0}[data-learner-ui] .today-card--primary{position:relative;background:var(--bg-card);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-8);padding:var(--learner-px-44);box-shadow:var(--learner-px-8) var(--learner-px-8) 0 var(--learner-wash);overflow:hidden}[data-learner-ui] .today-card--primary:after{content:"";pointer-events:none;position:absolute;right:0;top:0;bottom:0;width:var(--learner-px-110);opacity:.35;border-left:var(--learner-px-5) solid var(--learner-wood);background:repeating-linear-gradient(0deg,transparent 0 var(--learner-px-54),var(--learner-wood) var(--learner-px-55) var(--learner-px-58)),repeating-linear-gradient(90deg,transparent 0 var(--learner-px-48),var(--learner-wood) var(--learner-px-49) var(--learner-px-52))}[data-learner-ui] .today-card__heading{font-family:Georgia,serif;font-weight:400;font-size:clamp(var(--learner-rem-2),4vw,var(--learner-rem-3));max-width:75%}[data-learner-ui] .today-card__reason{max-width:70%;line-height:1.8}[data-learner-ui] .today-card__cta{background:var(--color-accent);color:var(--text-inverse);border-radius:var(--learner-px-7);padding:var(--learner-px-15) var(--learner-px-26);font-size:var(--learner-rem-1);font-weight:650}[data-learner-ui] .today-secondary{margin-top:var(--learner-title-size)}[data-learner-ui] .today-practice,[data-learner-ui] .today-culture{margin-top:var(--learner-px-26)}[data-learner-ui] :focus-visible{outline:var(--learner-px-3) solid var(--color-accent);outline-offset:var(--learner-px-4)}[data-learner-large=true]{font-size:var(--learner-px-18)}[data-learner-japanese=large] .learn-sentence__japanese,[data-learner-japanese=large] .learn-line__jp,[data-learner-japanese=large] .japanese-sentence{font-size:var(--learner-rem-2)!important;line-height:1.9}@media (max-width: 640px){[data-learner-ui] .today:before,[data-learner-ui] .today:after{display:none}.learner-practice{margin-top:var(--learner-px-minus-8)}.learner-practice-header{gap:var(--learner-px-12);margin-bottom:var(--learner-px-14)}.learner-practice-header h1{font-size:var(--learner-rem-1-05)}.learner-practice-header a,.learner-practice-header button{max-width:var(--learner-px-145);text-align:center;padding:var(--learner-px-9);font-size:var(--learner-rem--8)}.learner-practice :is(.recognition-match,.kana-sprint,.confusion-lab,.word-reading,.sentence-reading){padding:var(--learner-px-16)}.learner-practice .pev2__card{padding:var(--learner-px-18);gap:var(--learner-px-12)}.learner-dojo-layout{display:block;margin-top:var(--learner-px-24)}.learner-capacity-list{display:grid;grid-template-columns:1fr 1fr;margin-bottom:var(--learner-px-25)}.learner-capacity-list button{padding:var(--learner-px-13) var(--learner-px-10)}.learner-capacity-list button[aria-pressed=true]{padding-left:var(--learner-px-7)}.learner-capacity-list small{font-size:var(--learner-rem--7)}.learner-capacity-detail{min-height:var(--learner-px-320)}.learner-nav{display:flex;padding:var(--learner-px-16) var(--learner-px-18) var(--learner-px-8);gap:var(--learner-px-14);flex-wrap:wrap}.learner-brand{font-size:var(--learner-px-20);order:0}.learner-carnet{order:1;margin-left:auto}.learner-nav nav{order:2;width:100%;justify-content:space-around;gap:0}[data-learner-ui] .app-content:not(.app-content--admin){padding:var(--learner-px-28) var(--learner-px-18) var(--learner-px-60)}[data-learner-ui] .today-card--primary{padding:var(--learner-px-28) var(--learner-px-24)}[data-learner-ui] .today-card--primary:after{width:var(--learner-px-35);opacity:.2}[data-learner-ui] .today-card__heading,[data-learner-ui] .today-card__reason{max-width:100%}.learner-rooms{gap:var(--learner-px-12)}.learner-room{padding:var(--learner-px-18);min-height:var(--learner-px-270)}.learner-room h2{font-size:var(--learner-rem-1-2)}.learner-room p{font-size:var(--learner-rem--88)}.learner-availability{float:none;display:block;margin-top:var(--learner-px-8)}.learner-paper{padding:var(--learner-px-22) var(--learner-px-18)}.learner-preferences label:first-child{align-items:flex-start;flex-direction:column}.learner-history-row{gap:var(--learner-px-10);flex-wrap:wrap}}.learner-workspace .learner-workspace-navigation{align-self:start}.learner-workspace .learner-navigation-note{color:var(--text-secondary);font-size:var(--learner-rem--75);line-height:1.6;padding:var(--learner-px-12) var(--learner-px-14)}.learner-workspace .learner-capacity-list button:disabled{opacity:1;cursor:default}.learner-workspace .learner-capacity-list button:disabled:not([aria-pressed=true]){color:var(--text-secondary)}.learner-workspace .learner-flow-header{min-height:var(--learner-px-42);padding-bottom:var(--learner-px-8);font-size:var(--learner-control-text)}.learner-workspace .learner-flow-header button{font-family:inherit;font-size:var(--learner-control-text);line-height:1.4;text-decoration:none;border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-5);padding:var(--learner-px-8) var(--learner-px-10);min-height:var(--learner-px-40)}.learner-workspace .learner-inline-practice .pev2__header-main{display:none}.learner-workspace .learner-inline-practice .pev2__card{margin:0;max-width:none}.learner-workspace[data-stage=summary] .learner-inline-practice :is(.recognition-match__head,.kana-sprint__head,.confusion-lab__head,.word-reading__head,.sentence-reading__head){display:block}.learner-workspace[data-stage=summary] .learner-inline-practice h2{font-family:inherit;font-size:var(--learner-rem-1);font-weight:500;line-height:1.5;color:var(--text-primary);margin:0}.learner-workspace[data-stage=summary] .learner-inline-practice p{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.learner-workspace .learner-summary-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--learner-px-8);border-top:var(--learner-px-1) solid var(--bg-card-border);padding-top:var(--learner-px-18);margin-top:var(--learner-px-4)}.learner-workspace .learner-action{display:inline-flex;align-items:center;justify-content:center;min-height:var(--learner-px-44);padding:var(--learner-px-10) var(--learner-px-13);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-5);background:var(--bg-card);color:var(--text-primary);font-family:inherit;font-size:var(--learner-control-text);font-weight:500;line-height:1.4;text-decoration:none;cursor:pointer}.learner-workspace .learner-action:hover{background:var(--bg-card-hover);border-color:var(--color-accent)}.learner-workspace .learner-action--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--text-inverse)}.learner-workspace .learner-action--primary:hover{background:var(--color-accent-hover);color:var(--text-inverse)}.learner-workspace .culture-section{margin:0}.learner-workspace .culture-section__title,.learner-workspace .culture-note__title{font-family:inherit;font-size:var(--text-xl);font-weight:500;line-height:1.4;margin:0 0 var(--learner-px-12)}.learner-workspace .culture-section__subtitle{font-size:var(--text-sm);line-height:1.6}.learner-workspace .culture-section__list{display:grid;grid-template-columns:1fr;margin:0;padding:0}.learner-workspace .culture-card{display:block;padding:0;min-height:0;text-align:left;background:var(--bg-card);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-6);box-shadow:none}.learner-workspace .culture-card__body{padding:var(--learner-px-18);gap:var(--learner-px-10)}.learner-workspace .culture-card__title{font-family:inherit;font-size:var(--learner-rem-1);font-weight:500;line-height:1.5;margin:0}.learner-workspace .culture-card__summary{font-size:var(--text-sm);line-height:1.7}.learner-workspace .culture-card__meta{font-size:var(--learner-rem--75);font-weight:400}.learner-workspace .learner-content-path{margin-bottom:var(--learner-px-20)}.learner-workspace .culture-note{margin:0;padding:0;max-width:none}.learner-workspace .culture-note__header{margin-bottom:var(--learner-px-20)}.learner-workspace .culture-note__optional,.learner-workspace .culture-note__meta{font-size:var(--learner-rem--75)}.learner-workspace .culture-note__body{font-size:var(--learner-rem--9375);line-height:1.8}.learner-workspace .culture-note__body h2{font-family:inherit;font-size:var(--learner-rem-1-125);font-weight:500;line-height:1.5;margin:var(--learner-px-24) 0 var(--learner-px-12)}.learner-workspace .culture-note__body h3{font-family:inherit;font-size:var(--learner-rem-1);font-weight:500;line-height:1.5;margin:var(--learner-px-20) 0 var(--learner-px-10)}@media (max-width: 640px){.learner-workspace .learner-summary-actions{display:grid;grid-template-columns:1fr}.learner-workspace .learner-action{font-size:var(--text-sm)}.learner-workspace .learner-flow-header{gap:var(--learner-px-8)}.learner-workspace .learner-flow-header button{min-height:var(--learner-px-44);max-width:var(--learner-px-166)}.learner-workspace[data-stage=active] .learner-capacity-list button:not([aria-pressed=true]){display:none}.learner-workspace[data-stage=active] .learner-capacity-list{display:block;margin-bottom:0}.learner-workspace[data-stage=active] .learner-capacity-list button[aria-pressed=true]{width:100%;min-height:var(--learner-px-44)}.learner-workspace[data-stage=active] .learner-capacity-list em{display:none}.learner-workspace[data-stage=active] .learner-navigation-note{padding:var(--learner-px-6) 0;margin:0 0 var(--learner-px-14)}.learner-workspace .culture-section__title,.learner-workspace .culture-note__title{font-size:var(--learner-rem-1-125)}}.learner-capacity-select{display:none}@media (max-width: 640px){.learner-workspace .learner-capacity-list{display:none!important}.learner-workspace .learner-capacity-select{display:block;width:100%;min-height:var(--learner-px-44);padding:var(--learner-px-8) var(--learner-px-12);margin-bottom:var(--learner-px-20);border:var(--learner-px-1) solid var(--bg-card-border);border-left:var(--learner-px-3) solid var(--text-primary);border-radius:var(--learner-px-5);background:var(--learner-wash);color:var(--text-primary);font:inherit;opacity:1}.learner-workspace[data-stage=active] .learner-capacity-select{margin-bottom:0}.learner-workspace .learner-summary-actions{grid-template-columns:1fr 1fr}.learner-workspace .learner-summary-actions .learner-action--primary{grid-column:1 / -1}.learner-workspace .dojo-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.learner-workspace[data-stage=summary] .learner-inline-practice>section{gap:var(--learner-px-10)}.learner-workspace[data-stage=summary] .learner-inline-practice :is(.recognition-match__directional,.confusion-lab__directional){margin:0;padding:0}.learner-workspace[data-stage=summary] .learner-summary-actions{padding-top:var(--learner-px-14)}.learner-workspace .learner-extra-options{margin-top:var(--learner-px-16);font-size:var(--learner-control-text);color:var(--text-secondary)}.learner-workspace .learner-extra-options summary{min-height:var(--learner-px-28);cursor:pointer}.learner-workspace .learner-extra-options p{margin-top:var(--learner-px-12);line-height:1.7;max-width:var(--learner-px-540)}.learner-workspace .learner-summary-actions .learner-action:last-child:nth-child(2){grid-column:1 / -1}.learner-notebook{font-size:var(--text-sm)}.learner-history-overview{padding:0 0 var(--learner-px-24);margin-bottom:var(--learner-px-26);border-bottom:var(--learner-px-1) solid var(--bg-card-border)}[data-learner-ui] .app-content:not(.app-content--admin):has(.learner-notebook,.today){padding-top:var(--learner-px-24);padding-bottom:var(--learner-px-32)}.learner-notebook>.learner-eyebrow,.learner-today-heading>.learner-eyebrow{font-size:var(--learner-label-text);line-height:1.5;margin-bottom:var(--learner-px-10)}.learner-notebook>h1{margin-bottom:var(--learner-px-8)}.learner-notebook>.learner-intro{display:none}.learner-notebook .learner-personal-tabs{margin:var(--learner-px-24) 0 var(--learner-px-20)}.learner-notebook{max-width:var(--learner-page-width)}[data-learner-ui] .today{gap:var(--learner-px-24)}@media (max-width: 640px){[data-learner-ui] .app-content:not(.app-content--admin):has(.learner-notebook,.today){padding-top:var(--learner-px-16)}.learner-notebook>.learner-eyebrow,.learner-today-heading>.learner-eyebrow{display:none}[data-learner-ui] .today__greeting{font-size:var(--learner-rem-1-375);line-height:1.4}.learner-notebook h1{line-height:1.4}.learner-notebook .learner-personal-tabs{margin-top:var(--learner-px-18)}[data-learner-ui] .today{gap:var(--learner-px-18)}}.learner-notebook .learner-history-overview{padding-bottom:var(--learner-px-12);margin-bottom:var(--learner-px-18)}.learner-notebook .learner-history-columns h2{font-size:var(--learner-rem-1-125);line-height:1.4;margin:0 0 var(--learner-px-12)}.learner-history-overview p{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--learner-px-8);margin:0 0 var(--learner-px-5)}.learner-history-overview p strong{font-size:var(--text-xl);font-weight:600}.learner-history-overview p>span{margin:0 var(--learner-px-7);color:var(--text-secondary)}.learner-history-overview small{color:var(--text-secondary);font-size:var(--learner-control-text)}.learner-history-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:var(--learner-px-38)}.learner-history-columns .learner-paper{margin:0;padding:0}.learner-history-columns .learner-history-row{gap:var(--learner-px-12);padding:var(--learner-px-14) 0;line-height:1.6}.learner-history-columns .learner-room-number{font-size:var(--learner-control-text)}.learner-history-columns .learner-history-row strong{font-size:var(--text-sm)}.learner-history-path{display:inline-flex;align-items:center;min-height:var(--learner-px-44);font-size:var(--learner-control-text);margin-top:var(--learner-px-9)}.learner-history-day+.learner-history-day{margin-top:var(--learner-px-24)}.learner-history-day h3{display:flex;flex-wrap:wrap;gap:var(--learner-px-4) var(--learner-px-12);align-items:baseline;font-size:var(--learner-control-text);font-weight:500;color:var(--text-secondary);margin:0 0 var(--learner-px-8)}.learner-history-day h3>span{margin-left:auto;font-size:var(--learner-rem--75)}.learner-history-group{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;border-bottom:var(--learner-px-1) solid var(--bg-card-border);column-gap:var(--learner-px-12)}.learner-history-group details{min-width:0}.learner-history-group summary{cursor:pointer;min-height:var(--learner-px-56);display:flex;gap:var(--learner-px-10);align-items:center;list-style:none;padding:var(--learner-px-7) 0;line-height:1.6}.learner-history-group summary::-webkit-details-marker{display:none}.learner-history-group summary:before{content:"›";color:var(--text-secondary);font-size:var(--text-xl);transform-origin:center}.learner-history-group details[open] summary:before{transform:rotate(90deg)}.learner-history-group summary strong{font-size:var(--text-sm);font-weight:550}.learner-history-group summary small{display:block;color:var(--text-secondary);font-size:var(--learner-rem--75)}.learner-history-replay{min-height:var(--learner-px-44);display:inline-flex;align-items:center;margin-top:var(--learner-px-6);font-size:var(--learner-control-text);text-decoration:none}.learner-history-group ol{list-style:none;padding:0 0 var(--learner-px-12) var(--learner-px-18);margin:0}.learner-notebook .learner-history-group li{display:flex;flex-wrap:wrap;gap:var(--learner-px-4) var(--learner-px-12);align-items:center;margin:0;min-height:var(--learner-px-44);font-size:var(--learner-rem--75);color:var(--text-secondary)}.learner-history-group li a{margin-left:auto;min-height:var(--learner-px-44);display:inline-flex;align-items:center}@media (max-width: 760px){.learner-history-columns{grid-template-columns:1fr;gap:var(--learner-px-26)}.learner-history-overview{margin-bottom:var(--learner-px-22);padding-bottom:var(--learner-px-18)}.learner-history-overview small{display:block;line-height:1.6}.learner-history-columns .learner-history-row{flex-wrap:nowrap}.learner-history-columns .learner-history-row>span:last-child{white-space:nowrap}}.learner-notebook h1{font-family:inherit;font-size:var(--learner-title-size);font-weight:500;line-height:1.3}.learner-notebook .learner-paper h2{font-family:inherit;font-size:var(--text-xl);font-weight:500}@media (max-width: 640px){.learner-notebook h1{font-size:var(--learner-rem-1-375);line-height:1.4}}@media (max-width: 640px){[data-learner-ui] .learn-scene__actionbar{margin-inline:var(--learner-px-minus-18);padding-inline:var(--learner-px-18)}}.learner-account-actions{justify-self:end;display:flex;align-items:center;gap:var(--learner-px-12)}.learner-sakura-garden{display:none}.learner-sakura-branch{display:block;width:100%;height:auto;overflow:visible}.learner-sakura-bark{stroke:var(--learner-sakura-bark)}.learner-sakura-flowers{fill:var(--learner-sakura-petal);stroke:var(--learner-sakura-edge);stroke-width:.7}.learner-sakura-center{fill:var(--learner-sakura-center);stroke:none}.learner-sakura-veins{stroke:var(--learner-sakura-center)}.learner-sakura-petals{fill:var(--learner-sakura-petal)}html[data-learner-ui][data-theme=sakura] .learner-sakura-garden{display:block;position:fixed;inset:var(--learner-px-134) 0 0;pointer-events:none;z-index:-1;overflow:hidden}.learner-sakura-left{position:absolute;width:clamp(var(--learner-px-240),25vw,var(--learner-px-390));left:var(--learner-px-minus-95);bottom:var(--learner-px-minus-130);-webkit-mask-image:linear-gradient(to right,black 35%,transparent);mask-image:linear-gradient(to right,black 35%,transparent)}.learner-sakura-right{position:absolute;width:clamp(var(--learner-px-220),24vw,var(--learner-px-350));right:var(--learner-px-minus-90);top:var(--learner-px-minus-230);transform:rotate(180deg);-webkit-mask-image:linear-gradient(to right,black 35%,transparent);mask-image:linear-gradient(to right,black 35%,transparent)}[data-learner-swatch=sakura] .learner-sample-motif{background:none;opacity:1;-webkit-mask-image:none;mask-image:none;width:var(--learner-px-130);top:var(--learner-px-minus-8);right:var(--learner-px-minus-24);height:var(--learner-px-170)}[data-learner-swatch=sakura] .learner-sample-motif svg{transform:rotate(180deg)}html[data-learner-ui][data-theme=sakura] .learner-nav{background:var(--bg-card);border-bottom:var(--learner-px-1) solid var(--bg-card-border)}html[data-learner-ui][data-theme=sakura] .learner-eyebrow{color:var(--learner-seal)}html[data-learner-ui][data-theme=sakura] :is(.today-card--primary,.learner-workspace .pev2__card,.learner-workspace .culture-card){box-shadow:var(--learner-px-4) var(--learner-px-6) 0 var(--learner-wash);border-radius:var(--learner-px-8)}html[data-learner-ui][data-theme=sakura] .today:before{display:none}html[data-learner-ui][data-theme=sakura] .today-card--primary:after{display:none}html[data-learner-ui][data-theme=sakura] .app-layout:after{display:none}html[data-learner-ui][data-learner-contrast=true] .learner-sakura-garden{display:none}@media (max-width: 640px){.learner-sakura-left{width:var(--learner-px-240);left:var(--learner-px-minus-155);bottom:var(--learner-px-minus-50);opacity:.6}.learner-sakura-right{width:var(--learner-px-240);right:var(--learner-px-minus-140);top:var(--learner-px-minus-115);opacity:.6}}.learner-theme-menu{position:relative}.learner-theme-menu>summary{width:var(--learner-px-40);height:var(--learner-px-44);display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;border-radius:var(--learner-px-5)}.learner-theme-menu>summary::-webkit-details-marker{display:none}.learner-theme-menu>summary:hover,.learner-theme-menu[open]>summary{background:var(--learner-wash)}.learner-theme-icon{width:var(--learner-px-17);height:var(--learner-px-17);display:grid;grid-template-columns:1fr 1fr;gap:var(--learner-px-2);transform:rotate(-8deg)}.learner-theme-icon i{border:var(--learner-px-1) solid var(--text-secondary);border-radius:var(--learner-px-1)}.learner-theme-icon i:first-child{background:var(--color-accent);border-color:var(--color-accent)}.learner-theme-icon i:last-child{background:var(--learner-wood);border-color:var(--learner-wood)}.learner-theme-popover{position:absolute;right:0;top:calc(100% + var(--learner-px-6));width:var(--learner-px-245);padding:var(--learner-px-10);z-index:300;background:var(--bg-elevated);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-7);box-shadow:var(--shadow-medium);text-align:left}.learner-theme-popover>p{color:var(--text-secondary);font-size:var(--learner-rem--75);padding:var(--learner-px-4) var(--learner-px-9) var(--learner-px-8)}.learner-theme-popover button{display:flex;align-items:center;gap:var(--learner-px-10);width:100%;min-height:var(--learner-px-44);padding:var(--learner-px-9);border-radius:var(--learner-px-4);color:var(--text-primary);font-size:var(--text-sm);text-align:left}.learner-theme-popover button:hover,.learner-theme-popover button[aria-pressed=true]{background:var(--learner-wash)}.learner-theme-popover button>span:last-child:not(:nth-child(2)){margin-left:auto}.learner-theme-dot{flex-shrink:0;width:var(--learner-px-22);height:var(--learner-px-22);border-radius:50%;border:var(--learner-px-1) solid var(--bg-card-border);background:linear-gradient(135deg,var(--bg-app) 50%,var(--color-accent) 50%)}.learner-appearance h2{font-size:var(--text-xl);font-weight:500;margin:0 0 var(--learner-px-8)}.learner-appearance-lead,.learner-appearance-note{color:var(--text-secondary);line-height:1.7}.learner-appearance-note{margin-top:var(--learner-px-20);font-size:var(--learner-control-text)}.learner-theme-gallery{display:grid;grid-template-columns:1fr 1fr;gap:var(--learner-px-18);margin-top:var(--learner-px-24)}.learner-theme-choice{overflow:hidden;display:block;width:100%;border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-7);text-align:left;background:var(--bg-card);color:var(--text-primary)}.learner-theme-choice:hover{border-color:var(--color-accent)}.learner-theme-choice[aria-pressed=true]{outline:var(--learner-px-2) solid var(--color-accent);outline-offset:var(--learner-px-3)}.learner-theme-caption{display:grid;grid-template-columns:1fr auto;column-gap:var(--learner-px-10);padding:var(--learner-px-16)}.learner-theme-caption strong{font-size:var(--learner-rem--9375);font-weight:600}.learner-theme-caption small{grid-column:1 / -1;margin-top:var(--learner-px-7);line-height:1.7;font-size:var(--learner-control-text);color:var(--text-secondary)}.learner-theme-selected{color:var(--color-accent);font-size:var(--learner-rem--75)}.learner-theme-sample{position:relative;display:block;height:var(--learner-px-136);overflow:hidden;background:var(--bg-app);border-bottom:var(--learner-px-1) solid var(--bg-card-border)}.learner-sample-nav{position:absolute;inset:0 0 auto;height:var(--learner-px-22);border-bottom:var(--learner-px-1) solid var(--bg-card-border);background:var(--bg-card)}.learner-sample-nav:before{content:"";position:absolute;width:var(--learner-px-27);height:var(--learner-px-3);left:var(--learner-px-18);top:var(--learner-px-9);background:var(--text-primary)}.learner-sample-nav:after{content:"";position:absolute;width:var(--learner-px-52);height:var(--learner-px-2);left:49%;top:var(--learner-px-10);background:var(--color-accent)}.learner-sample-side{position:absolute;left:17%;top:var(--learner-px-46);width:var(--learner-px-34);height:var(--learner-px-61);border-top:var(--learner-px-12) solid var(--learner-wash);border-left:var(--learner-px-2) solid var(--color-accent);background:repeating-linear-gradient(transparent 0 var(--learner-px-17),var(--bg-card-border) var(--learner-px-18) var(--learner-px-19))}.learner-sample-page{position:absolute;top:var(--learner-px-46);left:31%;width:47%;height:var(--learner-px-66);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-3);background:var(--bg-card);padding:var(--learner-px-12);box-shadow:var(--learner-px-4) var(--learner-px-4) 0 var(--learner-wash)}.learner-sample-page i{display:block;background:var(--text-primary);height:var(--learner-px-3);margin-bottom:var(--learner-px-6);opacity:.7;width:68%}.learner-sample-page i:nth-child(2){width:87%;height:var(--learner-px-2);opacity:.25}.learner-sample-page b{display:block;height:var(--learner-px-10);width:var(--learner-px-34);background:var(--color-accent);margin-top:var(--learner-px-10);border-radius:var(--learner-px-2)}.learner-sample-motif{position:absolute;width:var(--learner-px-70);height:var(--learner-px-100);right:0;top:var(--learner-px-35);opacity:.7;background:repeating-linear-gradient(0deg,transparent 0 var(--learner-px-20),var(--learner-wood) var(--learner-px-21) var(--learner-px-22)),repeating-linear-gradient(90deg,transparent 0 var(--learner-px-24),var(--learner-wood) var(--learner-px-25) var(--learner-px-26));-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black)}[data-learner-swatch=indigo] .learner-sample-motif{background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 var(--learner-px-8),var(--color-accent) var(--learner-px-9) var(--learner-px-10),transparent var(--learner-px-11) var(--learner-px-15))}[data-learner-swatch=night] .learner-sample-motif{opacity:1;background:radial-gradient(ellipse at 70% 70%,var(--learner-glow),transparent 65%),repeating-linear-gradient(90deg,transparent 0 var(--learner-px-15),var(--learner-motif) var(--learner-px-16) var(--learner-px-17))}@media (max-width: 640px){.learner-account-actions{order:1;margin-left:auto;gap:var(--learner-px-3)}.learner-account-actions .learner-carnet{margin-left:0;font-size:var(--learner-control-text)}.learner-theme-menu>summary{width:var(--learner-px-36)}.learner-theme-popover{right:var(--learner-px-minus-88)}.learner-theme-gallery{grid-template-columns:1fr;gap:var(--learner-px-16)}.learner-theme-sample{height:var(--learner-px-120)}.learner-theme-caption{padding:var(--learner-px-14)}.learner-personal-tabs{gap:var(--learner-px-8) var(--learner-px-20)}.learner-personal-tabs button{font-size:var(--learner-control-text)}}html[data-learner-ui][data-theme]:not([data-theme=paper]) .app-layout{position:relative;isolation:isolate}html[data-learner-ui][data-theme]:not([data-theme=paper]) .app-layout:before{content:"";position:fixed;inset:var(--learner-px-134) 0 0;z-index:-1;pointer-events:none;background:radial-gradient(var(--learner-fiber) var(--learner-px--65),transparent var(--learner-px--95));background-size:var(--learner-px-5) var(--learner-px-7)}html[data-learner-ui][data-theme]:not([data-theme=paper]) .app-layout:after{content:"";position:fixed;left:0;top:var(--learner-px-175);width:min(24vw,var(--learner-px-360));height:var(--learner-px-440);z-index:-1;pointer-events:none}html[data-learner-ui][data-theme]:not([data-theme=paper]) :is(.learner-flow-title,.learner-capacity-heading,.learner-notebook h1,.learner-paper h2,.learner-appearance h2,.culture-section__title,.culture-note__title,.culture-note__body h2,.today__greeting,.today-card__heading){font-family:var(--learner-heading-font)}html[data-learner-ui][data-theme=indigo] .learner-nav{border-bottom:var(--learner-px-3) double var(--learner-wood);background:var(--bg-card)}html[data-learner-ui][data-theme=indigo] .learner-brand{color:var(--color-accent)}html[data-learner-ui][data-theme=indigo] .learner-brand small{color:var(--learner-seal)}html[data-learner-ui][data-theme=indigo] .app-layout:before{background-image:repeating-linear-gradient(97deg,transparent 0 var(--learner-px-14),var(--learner-fiber-soft) var(--learner-px-15) var(--learner-px-16),transparent var(--learner-px-17) var(--learner-px-33)),radial-gradient(var(--learner-fiber) var(--learner-px--7),transparent var(--learner-px-1));background-size:100% 100%,var(--learner-px-6) var(--learner-px-7)}html[data-learner-ui][data-theme=indigo] .app-layout:after{top:auto;bottom:0;height:var(--learner-px-330);width:min(30vw,var(--learner-px-390));background:repeating-radial-gradient(circle at 50% 100%,transparent 0 var(--learner-px-21),var(--learner-motif) var(--learner-px-22) var(--learner-px-23),transparent var(--learner-px-24) var(--learner-px-31));-webkit-mask-image:linear-gradient(35deg,black,transparent 75%);mask-image:linear-gradient(35deg,black,transparent 75%)}html[data-learner-ui][data-theme=indigo] .learner-capacity-list button[aria-pressed=true]{background:var(--bg-card);border-left-color:var(--color-accent)}html[data-learner-ui][data-theme=indigo] :is(.today-card--primary,.learner-workspace .pev2__card,.learner-workspace .culture-card){border-color:var(--learner-wood);border-radius:var(--learner-px-4);box-shadow:var(--learner-px-5) var(--learner-px-5) 0 var(--learner-wash)}html[data-learner-ui][data-theme=indigo] .today-card--primary:after{border-left-width:var(--learner-px-2);opacity:.2;width:var(--learner-px-100);background:repeating-linear-gradient(0deg,transparent 0 var(--learner-px-54),var(--learner-wood) var(--learner-px-55) var(--learner-px-56)),repeating-linear-gradient(90deg,transparent 0 var(--learner-px-48),var(--learner-wood) var(--learner-px-49) var(--learner-px-50))}html[data-learner-ui][data-theme=indigo] .today:before{transform:none;border-radius:50%;width:var(--learner-px-155);height:var(--learner-px-155);right:var(--learner-px-minus-72);top:var(--learner-px-minus-8);background:radial-gradient(circle,transparent 50%,var(--learner-seal) 51% 52%,transparent 53% 57%,var(--learner-seal) 58% 59%,transparent 60%);opacity:.16;-webkit-mask-image:none;mask-image:none}html[data-learner-ui][data-theme=indigo] .learner-eyebrow{color:var(--learner-seal)}html[data-learner-ui][data-theme=night] .learner-nav{background:var(--surface-input);border-bottom-color:var(--bg-card-border)}html[data-learner-ui][data-theme=night] .learner-brand,html[data-learner-ui][data-theme=night] .learner-brand small{color:var(--color-accent)}html[data-learner-ui][data-theme=night] .app-layout:before{background-image:radial-gradient(ellipse at 85% 35%,var(--learner-glow),transparent 40%),radial-gradient(var(--learner-fiber) var(--learner-px--7),transparent var(--learner-px-1));background-size:100% 100%,var(--learner-px-6) var(--learner-px-8)}html[data-learner-ui][data-theme=night] .app-layout:after{left:auto;right:0;top:auto;bottom:0;width:min(30vw,var(--learner-px-420));height:var(--learner-px-520);background:repeating-linear-gradient(90deg,transparent 0 var(--learner-px-56),var(--learner-motif) var(--learner-px-57) var(--learner-px-58)),repeating-linear-gradient(0deg,transparent 0 var(--learner-px-85),var(--learner-motif) var(--learner-px-86) var(--learner-px-87));-webkit-mask-image:linear-gradient(140deg,transparent 18%,black);mask-image:linear-gradient(140deg,transparent 18%,black);opacity:.6}html[data-learner-ui][data-theme=night] .learner-capacity-list button[aria-pressed=true]{border-left-color:var(--color-accent)}html[data-learner-ui][data-theme=night] .today:before{background:radial-gradient(ellipse,var(--learner-glow),transparent 70%);width:var(--learner-px-320);height:var(--learner-px-420);top:var(--learner-px-minus-50);right:var(--learner-px-minus-115);transform:none;opacity:1}html[data-learner-ui][data-theme=night] .today:after{opacity:.18}html[data-learner-ui][data-theme=night] .today-card--primary:after{opacity:.12;border-left-width:var(--learner-px-1)}html[data-learner-ui][data-theme=night] .today-card--primary{box-shadow:0 var(--learner-px-10) var(--learner-px-32) var(--learner-glow)}html[data-learner-ui][data-theme=night] .learn-scene__actionbar{background:var(--bg-card)}html[data-learner-ui][data-theme=night] .learn-scene__step-image img{filter:none}html[data-learner-ui] .today:after{display:none}html[data-learner-ui] .today>.learner-footnote{position:relative;align-self:flex-start;padding:var(--learner-px-8) var(--learner-px-4) var(--learner-px-12) var(--learner-px-18);font-size:var(--text-sm)}html[data-learner-ui] .today>.learner-footnote:before{content:"";position:absolute;pointer-events:none;left:0;bottom:var(--learner-px-2);width:var(--learner-px-56);height:var(--learner-px-36);border-left:var(--learner-px-1) solid var(--color-accent);border-bottom:var(--learner-px-1) solid var(--color-accent);opacity:.7}html[data-learner-ui] .today>.learner-footnote a{display:inline-flex;align-items:center;min-height:var(--learner-px-32)}html[data-learner-ui][data-learner-contrast=true] .today>.learner-footnote:before{opacity:1}html[data-learner-ui][data-learner-contrast=true] .app-layout:before,html[data-learner-ui][data-learner-contrast=true] .app-layout:after,html[data-learner-ui][data-learner-contrast=true] .today:before,html[data-learner-ui][data-learner-contrast=true] .today:after{display:none}@media (max-width: 640px){html[data-learner-ui][data-theme] .app-layout:after{display:none}html[data-learner-ui][data-theme=indigo] .today-card--primary{box-shadow:var(--learner-px-3) var(--learner-px-3) 0 var(--learner-wash)}}.learner-workspace .vocabulary-dojo{max-width:none;padding:0;margin:0;font-family:inherit}.learner-workspace .vocabulary-dojo :is(h1,h2){font-family:inherit;font-size:var(--text-xl);line-height:1.4}.learner-workspace .vocabulary-dojo__button{min-height:var(--learner-px-40);padding:var(--learner-px-9) var(--learner-px-14);font:inherit;border-radius:var(--learner-px-5)}.learner-workspace .vocabulary-dojo__collection-grid{grid-template-columns:repeat(auto-fit,minmax(var(--learner-px-220),1fr))}.learner-workspace .vocabulary-dojo__collection-card{padding:var(--learner-px-16)}@media (max-width: 640px){.learner-workspace .vocabulary-dojo__button{min-height:var(--learner-px-44)}}.learner-workspace .vocabulary-dojo__card{padding:var(--learner-px-16);border-radius:var(--learner-px-5);text-align:left;align-items:stretch;box-shadow:none}.learner-workspace .vocabulary-dojo__card h3{font-size:var(--text-base)}.learner-workspace .vocabulary-dojo__card p{font-size:var(--text-sm)}.learner-workspace .vocabulary-dojo__actions{justify-content:flex-start}.learner-kana-modes{display:flex;flex-wrap:wrap;gap:var(--learner-px-8);margin:0 0 var(--learner-px-18)}.learner-kana-modes button{min-height:var(--learner-px-40);padding:var(--learner-px-8) var(--learner-px-12);border:var(--learner-px-1) solid var(--bg-card-border);border-radius:var(--learner-px-5);font:inherit;font-size:var(--text-sm);color:var(--text-secondary)}.learner-kana-modes button[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent);background:var(--learner-wash)}.learner-kana-modes button:disabled,.learner-practice-pickers button:disabled{opacity:1;cursor:default}.learner-dojo-recommendation{margin-top:var(--learner-px-20);padding:var(--learner-px-12) var(--learner-px-14);border-top:var(--learner-px-1) solid var(--bg-card-border);font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.learner-dojo-recommendation a{display:inline-block;padding-top:var(--learner-px-8);color:var(--color-accent)}.learner-run-return{display:flex;flex-direction:column;align-items:flex-start;gap:var(--learner-px-8);margin-bottom:var(--learner-px-16)}.learner-run-return small{font-size:var(--learner-label-text);color:var(--text-secondary);line-height:1.5}.learner-recommended-sprint .fks{min-height:0}.learner-recommended-sprint .fks__main{width:100%;max-width:none;padding:0;margin:0;align-items:stretch}.learner-recommended-sprint :is(.fks__prep,.fks__unavailable,.fks__summary){max-width:none;align-items:flex-start;gap:var(--learner-px-14);text-align:left}.learner-recommended-sprint .fks__summary .dojo-stats{width:100%}.learner-recommended-sprint .fks__rec-meta,.learner-recommended-sprint .fks__rec-chips{justify-content:flex-start}.learner-recommended-sprint .fks__topbar{padding:0 0 var(--learner-px-8)}.learner-recommended-sprint :is(.fks__prep-title,.fks__summary-title,.fks__unavail-title){font:inherit;font-size:var(--text-xl)}.learner-recommended-sprint .fks__btn{font-family:inherit;font-size:var(--text-sm);min-height:var(--learner-px-40);padding:var(--learner-px-9) var(--learner-px-14);border-radius:var(--learner-px-5)}.learner-recommended-sprint .fks__btn--start{width:auto;align-self:flex-start;min-width:var(--learner-px-160)}.learner-recommended-sprint .fks__rec-meta-item,.learner-recommended-sprint .fks__rec-coverage{font-size:var(--text-sm)}.learner-workspace .vocabulary-dojo__panel,.learner-workspace .vocabulary-dojo__summary{padding:var(--learner-px-18);border-radius:var(--learner-px-5)}.learner-workspace .vocabulary-dojo__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--learner-px-220)),1fr))}.learner-workspace .vocabulary-dojo__study{width:100%;padding:var(--learner-px-18);gap:var(--learner-px-12);border-radius:var(--learner-px-5)}.learner-workspace .vocabulary-dojo__study-word{font-size:var(--learner-rem-2-5)}.learner-workspace .vocabulary-dojo__study-meaning{font-size:var(--text-xl);margin:0}.learner-workspace .vocabulary-dojo__study-image{width:min(100%,var(--learner-px-280))}@media (min-width: 641px){.learner-workspace .learner-workspace-navigation{position:sticky;top:var(--learner-px-24)}}@media (max-width: 640px){.learner-kana-modes button,.learner-recommended-sprint .fks__btn{min-height:var(--learner-px-44)}.learner-dojo-recommendation{margin:0 0 var(--learner-px-18);padding:var(--learner-px-12) 0}}.admin-shell{--admin-sidebar-bg: #303641;--admin-sidebar-border: #434a57;--admin-sidebar-text: #d9dee6;--admin-sidebar-muted: #aeb7c5;--admin-sidebar-hover: #3b4350;--admin-content-bg: #eef0f3;display:grid;grid-template-columns:minmax(220px,240px) minmax(0,1fr);min-height:calc(100dvh - 56px);align-items:stretch;gap:0;background:var(--admin-content-bg)}.admin-shell__sidebar{position:fixed;inset:56px auto 0 0;z-index:var(--z-raised);width:min(240px,100vw);min-width:0;min-height:0;padding:var(--space-lg) var(--space-md);border-right:1px solid var(--admin-sidebar-border);background:var(--admin-sidebar-bg);overflow-y:auto;box-sizing:border-box}.admin-nav{min-height:100%;padding:var(--space-md) var(--space-sm);background:transparent;font-family:inherit;box-sizing:border-box}.admin-nav__topline{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--space-sm) var(--space-sm);border-bottom:1px solid var(--admin-sidebar-border);margin-bottom:var(--space-sm)}.admin-nav__item{display:block;color:var(--admin-sidebar-text);text-decoration:none;border-radius:var(--radius-sm)}.admin-nav__group+.admin-nav__group{margin-top:var(--space-sm)}.admin-nav__group-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-sm);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--admin-sidebar-muted);font:inherit;font-size:var(--text-sm);font-weight:700;letter-spacing:.01em;text-align:left;cursor:pointer}.admin-nav__group-label{display:inline-flex;align-items:center;gap:6px}.admin-nav__group-icon{width:16px;height:16px;flex:0 0 auto}.admin-nav__group-toggle:hover,.admin-nav__group-toggle:focus-visible,.admin-nav__item:focus-visible{outline:none;background:var(--admin-sidebar-hover)}.admin-nav__items{display:grid;gap:2px;padding:2px 0 var(--space-sm)}.admin-nav__item{padding:5px var(--space-sm) 5px 30px;font-size:var(--text-xs);line-height:1.35}.admin-nav__item--nested{padding-left:30px}.admin-nav__item:hover{color:#fff;background:var(--admin-sidebar-hover)}.admin-nav__item--active{color:#fff;background:var(--admin-sidebar-hover);box-shadow:inset 3px 0 #f05b68;font-weight:700}.admin-shell__content{grid-column:2;grid-row:1;min-width:0;height:auto;padding:var(--space-xl) var(--space-2xl);background:var(--admin-content-bg);overflow-y:visible;box-sizing:border-box}.admin-shell__content>*{width:100%;max-width:none!important;margin-inline:0}.admin-shell__content>:is(.cso,.mbp,.pa,.pmx,.chp,.pmf,.ssa){margin-inline:0!important;padding-top:0!important;padding-inline:0!important}.admin-shell__content a[href="/admin"],.admin-shell__mobile-bar,.admin-shell__drawer-layer{display:none}.admin-nav__close{width:32px;height:32px;border:0;border-radius:var(--radius-sm);background:transparent;color:#fff;font-size:var(--text-xl);cursor:pointer}@media (max-width: 760px){.admin-shell{display:block;min-height:0}.admin-shell__sidebar{display:none;position:static}.admin-shell__mobile-bar{display:block;margin-bottom:var(--space-md)}.admin-shell__content{grid-column:auto;grid-row:auto;padding:0}.admin-shell__menu-trigger{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:44px;padding:var(--space-sm) var(--space-md);border:1px solid var(--bg-card-border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:var(--text-sm);font-weight:700;text-align:left;cursor:pointer}.admin-shell__drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:block}.admin-shell__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#00000059;cursor:default}.admin-shell__drawer{position:relative;width:min(320px,calc(100vw - var(--space-xl)));height:100%;padding:var(--space-md);overflow-y:auto;background:var(--admin-sidebar-bg);box-shadow:var(--shadow-medium);box-sizing:border-box}.admin-nav--mobile{min-height:100%}}.login-bg{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-app);padding:var(--space-md)}.login-card{width:100%;max-width:420px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);backdrop-filter:blur(var(--glass-blur, 12px));-webkit-backdrop-filter:blur(var(--glass-blur, 12px));box-shadow:var(--shadow-medium)}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs);letter-spacing:-.02em}.login-subtitle{font-size:var(--text-xl);color:var(--text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-field{display:flex;flex-direction:column;gap:var(--space-xs)}.login-field label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.login-field input{background:#ffffff0f;border:1px solid var(--bg-card-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;width:100%;box-sizing:border-box}.login-field input::placeholder{color:var(--text-muted)}.login-field input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent)}.login-error{font-size:var(--text-sm);color:var(--color-incorrect);margin:0;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--color-incorrect) 12%,transparent);border-radius:var(--radius-sm)}.login-info{font-size:var(--text-sm);color:var(--color-correct);margin:0;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--color-correct) 12%,transparent);border-radius:var(--radius-sm)}.login-btn{margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.login-btn:hover:not(:disabled){background:var(--color-accent-hover)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-toggle{margin-top:var(--space-lg);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.login-toggle button{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;text-underline-offset:2px}.login-toggle button:hover{color:var(--color-accent-hover)}