:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f4f5f3;--color-surface:#fff;--color-text:#202820;--color-muted:#505b50;--color-border:#a8b2a7;--color-primary:#274c3b;--color-primary-hover:#193829;--color-focus:#1c5670;--color-error:#8c2323;--color-error-bg:#fff4f4;--color-status:#254d35;--color-status-bg:#edf6ef;--font-body:"Segoe UI", system-ui, sans-serif;--text-small:.875rem;--text-body:1rem;--text-section:1.375rem;--text-title:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius:.5rem;--width-page:60rem;--width-form:28rem;--width-reading:42rem;--target-size:2.75rem}*{box-sizing:border-box}html{font-family:var(--font-body);background:var(--color-background);color:var(--color-text)}body{font-size:var(--text-body);margin:0;line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--color-primary);text-underline-offset:var(--space-1);overflow-wrap:anywhere;text-decoration-thickness:1px}a:hover{color:var(--color-primary-hover);text-decoration-thickness:2px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,p{margin:0}h1{font-size:var(--text-title);margin-bottom:var(--space-4);overflow-wrap:anywhere;font-weight:600;line-height:1.2}h2{font-size:var(--text-section);font-weight:600;line-height:1.35}p+p{margin-top:var(--space-4)}fieldset{border:0;min-width:0;margin:0;padding:0}.main-content{width:100%;max-width:var(--width-page);padding:var(--space-12) var(--space-6) var(--space-16);flex:1;margin:0 auto}.auth-panel{max-width:var(--width-form);margin:0 auto}.reading-panel{max-width:var(--width-reading);margin:0 auto}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-8)}.intro{color:var(--color-muted);margin-bottom:var(--space-6)}.stack{gap:var(--space-6);display:grid}@media (width<=36rem){:root{--text-title:1.75rem}.main-content{padding:var(--space-8) var(--space-4) var(--space-12)}.panel{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.site-header,.site-footer{width:100%;max-width:var(--width-page);padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;margin:0 auto;display:flex}.site-header{border-bottom:1px solid var(--color-border)}.site-footer{color:var(--color-muted);font-size:var(--text-small);border-top:1px solid var(--color-border)}.brand{color:var(--color-text);font-weight:600;line-height:1.5;text-decoration:none}.brand span{font-weight:400;font-size:var(--text-small);color:var(--color-muted);display:block}nav{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}nav a{min-height:var(--target-size);align-items:center;display:inline-flex}nav a[aria-current=page]{font-weight:700}.skip-link{left:var(--space-4);z-index:10;padding:var(--space-3) var(--space-4);background:var(--color-surface);position:absolute;top:-6rem}.skip-link:focus{top:var(--space-4)}.form{gap:var(--space-6);display:grid}.form-fields{gap:var(--space-4);display:grid}.field{gap:var(--space-2);display:grid}.field label{font-weight:600}.field input{width:100%;min-width:0;min-height:var(--target-size);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);color:var(--color-text);background:var(--color-surface)}.field input:disabled{color:var(--color-muted);background:var(--color-background)}.password-row{align-items:stretch;gap:var(--space-2);display:flex}.password-row input{flex:1}.password-toggle{padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-primary);min-height:var(--target-size);flex-shrink:0}.password-toggle:hover{background:var(--color-background)}.field-hint{color:var(--color-muted);font-size:var(--text-small)}.button{min-height:var(--target-size);padding:var(--space-3) var(--space-6);border-radius:var(--radius);border:1px solid var(--color-primary);color:var(--color-surface);background:var(--color-primary);justify-content:center;align-items:center;gap:var(--space-2);font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--color-primary-hover);color:var(--color-surface)}.button:active{border-color:var(--color-text)}.button:disabled{color:var(--color-muted);background:var(--color-background);border-color:var(--color-border)}.button--secondary{background:var(--color-surface);color:var(--color-primary)}.button--secondary:hover{background:var(--color-background);color:var(--color-primary-hover)}.actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.actions>a:not(.button),.form-link{min-height:var(--target-size);align-items:center;display:inline-flex}.notice{color:var(--color-status);background:var(--color-status-bg);border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius);overflow-wrap:anywhere}.notice--error{color:var(--color-error);background:var(--color-error-bg);border-color:var(--color-error)}.account-header{justify-content:space-between;align-items:start;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.account-header h1{margin-bottom:var(--space-2)}.account-content{gap:var(--space-4);display:grid}.area-list{border-top:1px solid var(--color-border);margin:0;padding:0;list-style:none}.area-list li{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.reading-section{margin-top:var(--space-8)}.reading-section h2{margin-bottom:var(--space-3)}@media (width<=36rem){.site-header,.site-footer{padding:var(--space-4);gap:var(--space-4)}.actions .button{width:100%}}@media (forced-colors:active){.button,.notice,.field input,.password-toggle{border-color:buttontext}}