@import"https://fonts.bunny.net/css?family=inter:400,500,600,700,800|jetbrains-mono:400,500,700&display=swap";:root{color-scheme:light;--gray-50: #f7fafc;--gray-100: #edf2f7;--gray-200: #e2e8f0;--gray-300: #cbd5e0;--gray-400: #a0aec0;--gray-500: #718096;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #171923;--teal-50: #e6fffa;--teal-100: #b2f5ea;--teal-200: #81e6d9;--teal-300: #4fd1c5;--teal-400: #38b2ac;--teal-500: #319795;--teal-600: #2c7a7b;--teal-700: #285e61;--teal-800: #234e52;--teal-900: #1d4044;--blue-50: #ebf8ff;--blue-100: #bee3f8;--blue-200: #90cdf4;--blue-300: #63b3ed;--blue-400: #4299e1;--blue-500: #3182ce;--blue-600: #2b6cb0;--blue-700: #2c5282;--orange-50: #fffaf0;--orange-100: #feebc8;--orange-200: #fbd38d;--orange-300: #f6ad55;--orange-400: #ed8936;--orange-500: #dd6b20;--orange-600: #c05621;--orange-700: #9c4221;--green-50: #f0fff4;--green-100: #c6f6d5;--green-200: #9ae6b4;--green-300: #68d391;--green-400: #48bb78;--green-500: #38a169;--green-600: #2f855a;--green-700: #276749;--red-50: #fff5f5;--red-100: #fed7d7;--red-200: #feb2b2;--red-300: #fc8181;--red-400: #f56565;--red-500: #e53e3e;--red-600: #c53030;--red-700: #9b2c2c;--purple-500: #805ad5;--purple-600: #6b46c1;--color-bg: var(--gray-50);--color-bg-canvas: #ffffff;--color-bg-subtle: var(--gray-100);--color-bg-muted: var(--gray-200);--color-text: var(--gray-900);--color-text-muted: var(--gray-600);--color-text-subtle: var(--gray-500);--color-text-on-accent: #ffffff;--color-border: var(--gray-200);--color-border-emphasized: var(--gray-300);--color-primary: var(--teal-500);--color-primary-hover: var(--teal-600);--color-primary-active: var(--teal-700);--color-primary-subtle: var(--teal-50);--color-accent: var(--blue-500);--color-accent-hover: var(--blue-600);--color-success: var(--green-500);--color-success-bg: var(--green-50);--color-success-border: var(--green-200);--color-success-fg: var(--green-700);--color-warning: var(--orange-500);--color-warning-bg: var(--orange-50);--color-warning-border: var(--orange-200);--color-warning-fg: var(--orange-700);--color-danger: var(--red-500);--color-danger-bg: var(--red-50);--color-danger-border: var(--red-200);--color-danger-fg: var(--red-700);--color-focus-ring: var(--blue-400);--color-person: var(--blue-500);--color-person-bg: var(--blue-50);--color-person-border: var(--blue-200);--color-person-fg: var(--blue-700);--color-action: var(--orange-500);--color-action-bg: var(--orange-50);--color-action-border: var(--orange-200);--color-action-fg: var(--orange-700);--color-object: var(--teal-500);--color-object-bg: var(--teal-50);--color-object-border: var(--teal-200);--color-object-fg: var(--teal-700);--space-0: 0;--space-0_5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-body: var(--text-md);--font-size-h2: var(--text-2xl);--font-size-h1: var(--text-3xl);--line-tight: 1.2;--line-snug: 1.375;--line-normal: 1.5;--tracking-tight: -.025em;--tracking-tighter: -.05em;--shadow-xs: 0 0 0 1px rgb(0 0 0 / .05);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px 0 rgb(0 0 0 / .06);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -1px rgb(0 0 0 / .06);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -2px rgb(0 0 0 / .05);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-outline: 0 0 0 3px rgb(66 153 225 / .6);--motion-fast: .12s;--motion-base: .18s;--motion-slow: .28s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--border-width: 1px}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{min-height:100%}html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--line-normal);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}img,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}ul,ol{list-style:none}a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;background:none;border:0;color:inherit}:focus-visible{outline:none;box-shadow:var(--shadow-outline);border-radius:var(--radius-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{max-width:80rem;margin-inline:auto;padding:var(--space-6) var(--space-4)}.shell__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-6);background:var(--color-bg-canvas);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.shell__title{margin:0}.shell__title a{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.shell__logo{display:inline-block;color:var(--color-text);text-decoration:none;font-family:var(--font-sans);font-weight:800;font-size:var(--text-lg);font-variant:small-caps;letter-spacing:.08em;line-height:1}.shell__logo:hover{color:var(--color-text)}.shell__nav{display:flex;gap:var(--space-1);margin-left:auto}.shell__nav .nav__link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.shell__nav .nav__link:hover{background:var(--color-bg-subtle);color:var(--color-text)}.shell__nav .nav__link.is-active{background:var(--color-primary-subtle);color:var(--color-primary)}.nav__icon{width:20px;height:20px}.stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.stats__item{background:var(--color-bg-canvas);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);min-width:9rem;box-shadow:var(--shadow-sm)}.stats__label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:var(--space-1)}.stats__value{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.heatmap{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--space-2)}@media(max-width:480px){.heatmap{grid-template-columns:repeat(5,minmax(0,1fr))}}.heatmap__cell{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;padding:var(--space-2);background:var(--color-bg-canvas);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out);min-height:64px;overflow:hidden}.heatmap__cell:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--color-border-emphasized)}.heatmap__cell:focus-visible{outline:none;border-color:var(--color-focus-ring);box-shadow:var(--shadow-outline)}.heatmap__cell--empty{background:var(--color-bg-subtle);color:var(--color-text-muted);box-shadow:none}.heatmap__cell--partial{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.heatmap__cell--full{background:var(--color-success-bg);border-color:var(--color-success-border)}.heatmap__digits{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;text-align:center;color:var(--color-text);margin-bottom:var(--space-1)}.heatmap__cell--full .heatmap__digits{color:var(--color-success-fg)}.heatmap__cell--partial .heatmap__digits{color:var(--color-warning-fg)}.heatmap__cell--empty .heatmap__digits{color:var(--color-text-muted)}.heatmap__pao{font-size:.7rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;color:var(--color-text);text-align:center}.edit-panel{width:min(40rem,92vw);max-height:88dvh;padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-canvas);color:var(--color-text);box-shadow:var(--shadow-2xl);margin:auto;overflow:hidden;flex-direction:column}.edit-panel[open]{display:flex}.edit-panel::backdrop{background:#17192399}.edit-panel__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--color-border);flex-shrink:0}.edit-panel__title{font-size:var(--text-xl);font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-tight);margin:0}.edit-panel__main{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.edit-panel__form{display:contents}.edit-panel__body{padding:var(--space-5);overflow-y:auto;flex:1;min-height:0}.edit-panel__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:var(--border-width) solid var(--color-border);background:var(--color-bg-canvas);flex-shrink:0}.edit-panel__close{background:transparent;padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:1.5rem;line-height:1;border-radius:var(--radius-md);transition:background var(--motion-fast) var(--ease-out)}.edit-panel__close:hover{background:var(--color-bg-subtle);color:var(--color-text)}.cheat{list-style:none;padding:0;margin:0 0 var(--space-5);display:grid;gap:var(--space-2)}.cheat__row{display:grid;grid-template-columns:2.5rem 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3) var(--space-4);background:var(--color-primary-subtle);border:var(--border-width) solid var(--teal-200);border-radius:var(--radius-lg);font-size:var(--text-sm)}.cheat__digit{font-family:var(--font-mono);font-weight:700;color:var(--color-primary);font-size:var(--text-2xl);line-height:1}.cheat__letters{font-family:var(--font-mono);font-weight:600;color:var(--color-text)}.cheat__why{color:var(--color-text-muted);font-size:var(--text-xs);text-align:right}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5);border:0}.field__label{font-weight:600;font-size:var(--text-sm);color:var(--color-text)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field__input,.field__textarea{font:inherit;padding:var(--space-2) var(--space-3);background:var(--color-bg-canvas);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:44px;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.field__input:hover,.field__textarea:hover{border-color:var(--color-border-emphasized)}.field__input:focus,.field__textarea:focus{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 1px var(--color-focus-ring)}.field__textarea{min-height:4rem;resize:vertical;line-height:var(--line-snug)}.field--warning .field__input,.field--warning .field__textarea{border-color:var(--color-warning)}.field--error .field__input,.field--error .field__textarea{border-color:var(--color-danger)}.field__feedback{font-size:var(--text-xs);min-height:1lh;color:var(--color-text-muted)}.field--warning .field__feedback,.field__feedback--warn{color:var(--color-warning-fg)}.field--error .field__feedback{color:var(--color-danger-fg)}.breakdown{display:inline-flex;flex-wrap:wrap;gap:4px;font-family:var(--font-mono);font-size:var(--text-sm)}.breakdown__seg{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-1) var(--space-2);line-height:1.1;border-radius:var(--radius-sm)}.breakdown__seg--digit{background:var(--color-primary-subtle);border:var(--border-width) solid var(--teal-200)}.breakdown__digit{font-size:var(--text-xs);color:var(--color-primary);font-weight:700}.breakdown__chars{color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:40px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-xs);text-decoration:none;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.btn:hover{background:var(--color-bg-subtle);border-color:var(--color-border-emphasized);color:var(--color-text)}.btn:active{box-shadow:var(--shadow-xs);transform:translateY(1px)}.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-text-on-accent);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--color-primary-hover);color:var(--color-text-on-accent);border-color:var(--color-primary-hover)}.btn--primary:active{background:var(--color-primary-active);border-color:var(--color-primary-active)}.btn--ghost{border-color:transparent;background:transparent;box-shadow:none}.review{max-width:40rem;margin-inline:auto}.review__header{text-align:center;margin-bottom:var(--space-6)}.review__stats{color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.review__card{background:var(--color-bg-canvas);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-8) var(--space-6);text-align:center}.review__empty{text-align:center;padding:var(--space-10) 0;color:var(--color-text-muted)}.card__role{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-6);border:var(--border-width) solid var(--color-border);background:var(--color-bg-subtle);border-radius:var(--radius-full)}.card__role-label{font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1}.card__role-dir{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;line-height:1}.card__role--person{background:var(--color-person-bg);border-color:var(--color-person-border)}.card__role--person .card__role-label{color:var(--color-person-fg)}.card__role--action{background:var(--color-action-bg);border-color:var(--color-action-border)}.card__role--action .card__role-label{color:var(--color-action-fg)}.card__role--object{background:var(--color-object-bg);border-color:var(--color-object-border)}.card__role--object .card__role-label{color:var(--color-object-fg)}.card__prompt,.card__answer{margin:var(--space-5) 0;font-weight:800;line-height:var(--line-tight);letter-spacing:var(--tracking-tight)}.card__prompt--digits,.card__answer--digits{font-family:var(--font-mono);font-size:clamp(3rem,8vw,5rem);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-primary)}.card__prompt--word,.card__answer--word{font-size:clamp(1.5rem,4vw,2.5rem);color:var(--color-text)}.card__note{color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-2) 0 var(--space-4)}.card__actions,.card__grades{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.card__grade{flex:1 1 0;min-width:7rem}.card__grade--again{background:var(--color-danger-bg);color:var(--color-danger-fg);border-color:var(--color-danger-border)}.card__grade--again:hover{background:var(--red-100);border-color:var(--red-300);color:var(--color-danger-fg)}.card__grade--hard{background:var(--color-warning-bg);color:var(--color-warning-fg);border-color:var(--color-warning-border)}.card__grade--hard:hover{background:var(--orange-100);border-color:var(--orange-300);color:var(--color-warning-fg)}.card__grade--good{background:var(--blue-50);color:var(--blue-700);border-color:var(--blue-200)}.card__grade--good:hover{background:var(--blue-100);border-color:var(--blue-300);color:var(--blue-700)}.card__grade--easy{background:var(--color-success-bg);color:var(--color-success-fg);border-color:var(--color-success-border)}.card__grade--easy:hover{background:var(--green-100);border-color:var(--green-300);color:var(--color-success-fg)}kbd{display:inline-flex;align-items:center;padding:.15em .5em;font-family:var(--font-mono);font-size:.85em;color:var(--color-text);background:var(--color-bg-canvas);border:var(--border-width) solid var(--color-border);border-bottom-width:2px;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);line-height:1;margin-right:var(--space-1)}.scene-parts{display:grid;gap:var(--space-3);margin:var(--space-5) 0}.scene-part{background:var(--color-bg-subtle);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left}.scene-part__role{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.scene-part__digits{font-family:var(--font-mono);color:var(--color-primary);font-weight:700}.scene-part__word{font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight)}.scene-part__note{font-size:var(--text-sm);color:var(--color-text-muted)}.peg-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3);max-width:40rem}.peg-list__row{display:grid;grid-template-columns:3rem 1fr;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-canvas);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.peg-list__digit{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;color:var(--color-primary);text-align:center;align-self:center;letter-spacing:var(--tracking-tight)}.peg-list__main{min-width:0}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.suggestions{list-style:none;padding:0;margin:var(--space-2) 0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.suggestions__item{display:inline-flex;flex-direction:column;align-items:flex-start;padding:var(--space-2) var(--space-3);background:var(--color-bg-canvas);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;min-height:40px;font-family:var(--font-sans);font-size:var(--text-sm);transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.suggestions__item:hover{background:var(--color-primary-subtle);border-color:var(--teal-300);color:var(--color-primary-active);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.suggestions__word{font-weight:600}.suggestions__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.prose{max-width:48rem}.prose h2{font-size:var(--text-3xl);font-weight:800;margin:0 0 var(--space-4);line-height:var(--line-tight);letter-spacing:var(--tracking-tight)}.prose h3{font-size:var(--text-xl);font-weight:700;margin:var(--space-8) 0 var(--space-3);line-height:var(--line-tight);letter-spacing:var(--tracking-tight)}.prose p,.prose ul,.prose ol{margin:0 0 var(--space-4)}.prose ul,.prose ol{padding-left:var(--space-6);list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:var(--space-2)}.prose code{font-family:var(--font-mono);background:var(--color-bg-subtle);padding:.1em .4em;font-size:.9em;border-radius:var(--radius-sm);color:var(--color-primary)}.major-table{width:100%;border-collapse:collapse;margin:var(--space-5) 0;background:var(--color-bg-canvas);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.major-table th,.major-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:var(--border-width) solid var(--color-border);font-size:var(--text-sm)}.major-table th{background:var(--color-bg-subtle);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.06em}.major-table tbody tr:last-child td{border-bottom:0}.major-table td:first-child{font-family:var(--font-mono);font-weight:700;color:var(--color-primary);width:4rem}.gate{max-width:24rem;margin:var(--space-16) auto 0;padding:var(--space-6);background:var(--color-bg-canvas);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.gate__heading{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-5);letter-spacing:var(--tracking-tight)}.gate__form{display:grid;gap:var(--space-3)}.flash{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid;font-size:var(--text-sm)}.flash--success{background:var(--color-success-bg);color:var(--color-success-fg);border-color:var(--color-success-border)}.flash--warning{background:var(--color-warning-bg);color:var(--color-warning-fg);border-color:var(--color-warning-border)}