@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@500,700&f[]=switzer@400,500,600&display=swap');
:root{color-scheme:light;--bg:#f8f7f3;--surface:#fff;--text:#27273f;--muted:#66666c;--line:#dedde0;--accent:#aa401b;--night:#26263f;--on-night:#faf9f5;--note:#efeee8;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--small:.875rem;--body:1rem;--heading:1.5rem;--title:clamp(1.75rem,3vw,2.25rem)}
:root[data-theme=dark]{color-scheme:dark;--bg:#191922;--surface:#25252f;--text:#f6f5f1;--muted:#babac3;--line:#41414d;--accent:#f5a075;--note:#30303c}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Switzer,sans-serif;font-size:var(--body);line-height:1.55}button,input,textarea{font:inherit}h1,h2{font-family:'Cabinet Grotesk',sans-serif;line-height:1.14;margin:0}h1{font-size:var(--title)}h2{font-size:var(--heading)}p{margin:var(--s4) 0}a{color:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--text);padding:var(--s3) var(--s5);background:var(--text);color:var(--bg);font-weight:600;border-radius:3px}button:disabled{cursor:not-allowed;opacity:.5}button.secondary,button.text-button{background:transparent;color:var(--text)}button.text-button{border:0;padding-inline:var(--s2);font-size:var(--small)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{position:absolute;top:-100px;left:var(--s4);padding:var(--s4);background:var(--surface);z-index:10}.skip:focus{top:var(--s4)}
header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s6) max(var(--s6),calc((100vw - 1120px)/2));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:var(--s3);text-decoration:none;font-size:.75rem;line-height:1.25;font-weight:600;letter-spacing:.05em}.brand svg{width:36px;height:36px}.header-actions{display:flex;align-items:center;gap:var(--s4)}.private-label,.eyebrow,.chapter{font-size:.75rem;letter-spacing:.08em;font-weight:600}.private-label{color:var(--muted)}#theme{padding:var(--s2);width:44px;background:transparent;color:var(--text);border-color:var(--line)}main{max-width:1120px;margin:0 auto;padding:var(--s10) var(--s6) var(--s16)}.page-heading{max-width:720px;margin-bottom:var(--s8)}.eyebrow{color:var(--accent);margin-bottom:var(--s4)}#page-subtitle,.small{color:var(--muted)}.small{font-size:var(--small)}#status{min-height:var(--s6);margin-bottom:var(--s6)}#status[data-kind=error]{color:var(--accent);background:var(--note);padding:var(--s4)}.signin-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s12)}.signin-card{background:var(--surface);border:1px solid var(--line);padding:var(--s8)}.signin-card>p:not(.eyebrow){color:var(--muted)}label{display:block;font-weight:600;font-size:var(--small);margin:var(--s6) 0 var(--s2)}input,textarea{width:100%;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--text);padding:var(--s3);min-height:48px}textarea{resize:vertical}form>button{margin-top:var(--s6)}details{margin-top:var(--s6)}summary{cursor:pointer;min-height:44px;font-size:var(--small)}details label{margin-top:var(--s3)}.welcome-note{background:var(--night);color:var(--on-night);padding:var(--s10);align-self:start}.welcome-note h2{margin-top:var(--s10)}.welcome-note ul{padding-left:var(--s5);margin-block:var(--s8)}.welcome-note li+li{margin-top:var(--s3)}.welcome-note .small{color:#cac9d5}.chapter{color:#ecaa86}.notice{background:var(--note);border:1px solid var(--line);padding:var(--s5)}.notice button{margin:var(--s3) var(--s3) 0 0}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);margin-bottom:var(--s8);flex-wrap:wrap}.pill{display:inline-block;border:1px solid var(--line);padding:var(--s2) var(--s3);font-size:var(--small);margin:0 var(--s2) var(--s2) 0;border-radius:3px}.editor-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:var(--s12)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:var(--heading);font-weight:600;padding:0}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}.save-actions{display:flex;gap:var(--s4);margin-top:var(--s8);flex-wrap:wrap}.editor-note{background:var(--note);padding:var(--s6);align-self:start}.editor-note p{color:var(--muted)}.editor-note ol{padding-left:var(--s5);margin-block:var(--s8)}.editor-note li{padding-block:var(--s3);color:var(--muted)}.editor-note li.current{color:var(--accent);font-weight:600}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:var(--s4);padding:var(--s6);font-size:var(--small);color:var(--muted)}
.visit-choice{margin-top:var(--s6)}.visit-choice legend{font:600 var(--small) Switzer,sans-serif}.visit-options{display:flex;gap:var(--s3);flex-wrap:wrap}.visit-options label{display:flex;align-items:center;gap:var(--s2);margin:var(--s3) 0 0;padding:var(--s3);border:1px solid var(--line);cursor:pointer}.visit-options label:has(:checked){border-color:var(--accent);background:var(--note)}.visit-options input{width:18px;min-height:18px;margin:0;accent-color:var(--accent)}.invitation-step{padding-bottom:var(--s3);border-bottom:1px solid var(--line)}.step-status{display:block;font-size:var(--small);font-weight:400;color:var(--muted);margin-top:var(--s2)}.next-step{border-top:1px solid var(--line);margin-top:var(--s12);padding-top:var(--s10);display:grid;grid-template-columns:1fr 1fr;gap:var(--s8)}.next-step p{color:var(--muted)}.preparation-list article{border-bottom:1px solid var(--line);padding-bottom:var(--s4);margin-bottom:var(--s5)}.preparation-list h3{font-size:var(--body);margin:0}.next-step-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:var(--s8)}.next-step-footer p{max-width:650px}.next-step-footer button{flex-shrink:0}
@media(max-width:760px){.signin-layout,.editor-layout,.field-pair,.next-step{grid-template-columns:1fr}.signin-layout,.editor-layout{gap:var(--s8)}.private-label{display:none}header{padding:var(--s4)}main{padding:var(--s8) var(--s4)}.signin-card,.welcome-note{padding:var(--s6)}footer,.next-step-footer{flex-direction:column}.save-actions button{width:100%}.visit-options{flex-direction:column;gap:0}}
