:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--main-background:#212121;--sidebar-background:#1a1a1a;--surface-background:#2a2a2a;--popover-background:#1e1e1e;--border-color:#333;--border-strong-color:#4a4a4a;--text-color:#e8e8e8;--text-secondary:#b8b8b8;--text-muted:#888;--contrast-color:#fff;--brand-color:#f5d54f;--brand-hover-color:gold;--brand-contrast-color:#1a1a1a;--brand-text-color:#f5d54f;--brand-tint-background:#2f2f2f;--accent-color:#4a9eff;--accent-contrast-color:#fff;--accent-dim:#1e3a5f;--hover-background:#2a2a2a;--selected-background:#1e3a5f;--divider-on-accent-color:#ffffff26;--input-background:#181818;--error-color:#ff6b6b;--success-color:#4caf50;--danger-color:#f44336;--danger-background:#f4433626;--danger-text-color:#ffaaa3;--danger-muted-border-color:#5a3a3a;--danger-muted-text-color:#e88e88;--word-badge-background:#3d3d3d;--word-badge-color:#fff;--lesson-badge-text-color:#bcf;--vowel-color:#5f0;--consonant-color:#80ceff;--modifier-color:var(--vowel-color);--modifier-opacity:.5;--silent-opacity:.35;--word-hover-background:#ffffff0f;--above-lesson-color:#ff9800;--irregular-color:#c300ff;--word-selection-background:#000;--word-selection-color:#fff;--word-selection-underline-color:#444;--chart-grid-color:#2a2a2a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--main-background:#fafafa;--sidebar-background:#f0f0f0;--surface-background:#fff;--popover-background:#fff;--border-color:#d6d6d6;--border-strong-color:#b5b5b5;--text-color:#1f1f1f;--text-secondary:#4a4a4a;--text-muted:#6b6b6b;--contrast-color:#000;--brand-color:#f5d54f;--brand-hover-color:gold;--brand-contrast-color:#1a1a1a;--brand-text-color:#7a5c00;--brand-tint-background:#fff6cc;--accent-color:#1a73e8;--accent-contrast-color:#fff;--accent-dim:#dbe9ff;--hover-background:#ececec;--selected-background:#dbe9ff;--divider-on-accent-color:#0000001f;--input-background:#fff;--error-color:#c62828;--success-color:#2e7d32;--danger-color:#d32f2f;--danger-background:#d32f2f1a;--danger-text-color:#b71c1c;--danger-muted-border-color:#e8b4b4;--danger-muted-text-color:#b23a3a;--word-badge-background:#e0e0e0;--word-badge-color:#1f1f1f;--lesson-badge-text-color:#3949ab;--vowel-color:#2a8f00;--consonant-color:#0068b5;--word-hover-background:#0000000f;--above-lesson-color:#e07000;--irregular-color:#a000d6;--word-selection-background:#fff;--word-selection-color:#000;--word-selection-underline-color:#bbb;--chart-grid-color:#e4e4e4}}*{box-sizing:border-box}html,body{background:var(--main-background);color:var(--text-color);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.55}main{max-width:640px;margin:0 auto;padding:4rem 1.5rem 6rem}header h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:2.4rem}header site-title{font-size:inherit}.tagline{color:var(--text-secondary);margin:0 0 2.5rem;font-size:1.15rem}[data-clickable-words]{--word-selection-underline-offset:10px;--word-selection-underline-thickness:2px}[data-clickable-words] :-webkit-any(p,li,h2){line-height:1.9}[data-clickable-words] :is(p,li,h2){line-height:1.9}::selection{background:var(--word-selection-background,inherit);color:var(--word-selection-color,inherit);text-decoration-line:underline;-webkit-text-decoration-color:var(--word-selection-underline-color,currentColor);text-decoration-color:var(--word-selection-underline-color,currentColor);text-decoration-thickness:var(--word-selection-underline-thickness);text-underline-offset:var(--word-selection-underline-offset,inherit)}.lead p{margin:0 0 1rem}.cta{margin:2.5rem 0}.open-app{background:var(--brand-color);color:var(--brand-contrast-color);border-radius:.5rem;padding:.85rem 1.6rem;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-block}.open-app:hover{background:var(--brand-hover-color)}.invitation{background:var(--brand-tint-background);color:var(--brand-text-color)}.explorer{margin-top:3rem}.explorer h2{color:var(--text-color);margin:0 0 .75rem;font-size:1.2rem}.explorer p{margin:0 0 1rem}.open-explorer{color:var(--accent-color);font-weight:600;text-decoration:none}.open-explorer:hover{text-decoration:underline}.notes{margin-top:3rem}.notes h2{color:var(--text-color);margin:0 0 .75rem;font-size:1.2rem}.notes ul{color:var(--text-secondary);padding-left:1.25rem}.notes li{margin-bottom:.4rem}footer{border-top:1px solid var(--border-color);color:var(--text-muted);margin-top:4rem;padding-top:1.5rem;font-size:.9rem}footer a{color:var(--brand-text-color)}.request-invite{margin-top:3rem}.request-invite h2{color:var(--text-color);margin:0 0 .75rem;font-size:1.2rem}.request-invite form{flex-direction:column;gap:.9rem;margin-top:1rem;display:flex}.request-invite label{color:var(--text-secondary);flex-direction:column;gap:.3rem;font-size:.95rem;display:flex}.request-invite input,.request-invite textarea{background:var(--surface-background);border:1px solid var(--border-color);color:var(--text-color);border-radius:.4rem;padding:.6rem .75rem;font-family:inherit;font-size:1rem}.request-invite input:focus,.request-invite textarea:focus{border-color:var(--brand-color);outline:none}.request-invite button{background:var(--brand-color);color:var(--brand-contrast-color);cursor:pointer;border:none;border-radius:.5rem;align-self:flex-start;padding:.75rem 1.4rem;font-family:inherit;font-size:1rem;font-weight:600}.request-invite button:hover:not(:disabled){background:var(--brand-hover-color)}.request-invite button:disabled{opacity:.5;cursor:not-allowed}.form-message{background:var(--brand-tint-background);color:var(--brand-text-color);border-radius:.4rem;margin:0;padding:.6rem .9rem}.form-message.error{background:var(--danger-background);color:var(--danger-text-color)}