:root{--color-bg:#fdf8f3;--color-surface:#fff;--color-primary:#d6244a;--color-primary-hover:#bc1f41;--color-primary-pressed:#a51b39;--color-primary-tint:#fbebef;--color-primary-tint-strong:#f6d3db;--color-coral:#ff5470;--color-text:#1a1a1a;--color-text-secondary:#555;--color-border:#e5e7eb;--color-border-raised:#efe6df;--color-border-dashed:#d9cfc7;--color-control:#949494;--color-disabled-bg:#f1f1f1;--font-ui:"Montserrat", system-ui, sans-serif;--font-transcription:"Charis SIL", "Times New Roman", serif;--t-12:.75rem;--t-14:.875rem;--t-16:1rem;--t-18:1.125rem;--t-22:1.375rem;--t-32:2rem;--t-44:2.75rem;--text-sm:var(--t-14);--text-base:var(--t-16);--text-lg:var(--t-18);--text-xl:var(--t-22);--text-ipa:1.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--radius:12px;--radius-lg:16px;--shadow:0 2px 8px #4a1b201a;--shadow-lg:0 14px 36px #4a1b201a, 0 2px 6px #4a1b201a;--w-read:44rem;--w-wide:72rem}@font-face{font-family:Montserrat;src:url(/fonts/montserrat-variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--shell-bg:var(--color-bg);--shell-surface:var(--color-surface);--shell-primary:var(--color-primary);--shell-coral:var(--color-coral);--shell-text:var(--color-text);--shell-text-secondary:var(--color-text-secondary);--shell-border:var(--color-border);--shell-radius:var(--radius);--shell-radius-lg:var(--radius-lg);--shell-shadow:var(--shadow-lg)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--shell-bg);min-height:100vh;color:var(--shell-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Montserrat,system-ui,sans-serif;line-height:1.5}[hidden]{display:none!important}.shell{flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem 1rem 3rem;display:flex}.shell__brand{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;width:100%;max-width:28rem;display:flex}.shell__back{color:var(--shell-text-secondary);font-size:var(--t-14);font-weight:500;text-decoration:none}.shell__back:hover{color:var(--shell-primary);text-decoration:underline}.shell__home{color:var(--shell-primary);font-weight:700;font-size:var(--t-18);letter-spacing:-.01em;text-decoration:none}.shell__home:hover{text-decoration:underline}.shell__mode{border:1px dashed var(--shell-coral);border-radius:var(--shell-radius);background:var(--shell-surface);width:100%;max-width:28rem;color:var(--shell-text-secondary);font-size:var(--t-14);margin:0;padding:.5rem 1rem}.shell__main{width:100%;max-width:28rem}.shell__card{background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:var(--shell-radius-lg);box-shadow:var(--shell-shadow);flex-direction:column;gap:1rem;padding:2rem 1.5rem;display:flex}.shell__title{font-size:var(--t-22);letter-spacing:-.01em;margin:0;font-weight:700}.shell__title:focus{outline:none}.shell__title:focus-visible{outline:3px solid var(--shell-primary);outline-offset:4px;border-radius:4px}.shell__text,.shell__muted,.shell__status,.shell__aside,.shell__hint{margin:0}.shell__muted,.shell__hint,.shell__aside{color:var(--shell-text-secondary);font-size:var(--t-14)}.shell__muted span{color:var(--shell-text);overflow-wrap:anywhere}.shell__placeholder{font-weight:600}.shell__form{flex-direction:column;gap:.5rem;display:flex}.shell__label{font-weight:600;font-size:var(--t-16);margin-top:.5rem}.shell__input{font:inherit;color:inherit;border:1px solid var(--color-control);border-radius:var(--shell-radius);background:var(--shell-surface);width:100%;min-height:2.75rem;padding:.5rem .75rem}.shell__input:focus-visible{outline:3px solid var(--shell-primary);outline-offset:1px;border-color:var(--shell-primary)}.shell__password{position:relative}.shell__password .shell__input{padding-right:7.5rem}.shell__password .shell__input::-ms-reveal{display:none}.shell__reveal{border-radius:var(--shell-radius);color:var(--shell-primary);font:inherit;font-size:var(--t-14);cursor:pointer;background:0 0;border:0;align-items:center;gap:.375rem;padding:0 .75rem;font-weight:600;display:inline-flex;position:absolute;top:0;bottom:0;right:0}.shell__reveal:focus-visible{outline:3px solid var(--shell-primary);outline-offset:-3px}.shell__error,.shell__success{border-radius:var(--shell-radius);font-size:var(--t-16);background:var(--shell-bg);border-left:4px solid var(--shell-primary);margin:.25rem 0 0;padding:.5rem .75rem}.shell__success{border-left-color:var(--shell-coral)}.shell__button{font:inherit;cursor:pointer;border-radius:var(--shell-radius);border:1px solid var(--shell-primary);background:var(--shell-primary);color:#fff;min-height:2.75rem;margin-top:.5rem;padding:.5rem 1.5rem;font-weight:600}.shell__button:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.shell__button:active{background:var(--color-primary-pressed);border-color:var(--color-primary-pressed)}.shell__button:disabled{cursor:not-allowed;background:var(--color-disabled-bg);border-color:var(--shell-border);color:var(--shell-text-secondary)}.shell__button:focus-visible{outline:3px solid var(--shell-text);outline-offset:2px}.shell__button--secondary{background:var(--shell-surface);color:var(--shell-primary)}.shell__button--secondary:hover,.shell__button--secondary:active{background:var(--color-primary-tint);border-color:var(--shell-primary)}.shell__button--quiet{color:var(--shell-primary);background:0 0;border-color:#0000;min-height:auto;margin-top:0;padding:.25rem .5rem;text-decoration:underline}.shell__button--quiet:hover,.shell__button--quiet:active{background:var(--color-primary-tint);border-color:#0000}.shell__button--quiet:disabled{color:var(--shell-text-secondary);background:0 0}.shell__links{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.shell__aside .shell__button--quiet{padding-left:.25rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.shell__home:focus-visible,.shell__back:focus-visible{outline:3px solid var(--shell-primary);outline-offset:2px;border-radius:4px}