@import url('/fonts.css');
:root{color-scheme:dark;--bg:#10151e;--panel:#171e29;--line:#343d4b;--ink:#f3efe6;--muted:#acb7c8;--orange:#ff8a48;--green:#a1d1b1;--danger:#ffb6aa;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a{color:var(--orange);text-underline-offset:4px}a:hover{color:#ffb485}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--orange);border-radius:4px;background:var(--orange);color:#1d2025;padding:.7rem 1rem;font-weight:700;cursor:pointer;text-decoration:none;line-height:1.3}button:hover,.button:hover{background:#ffad7d;color:#10151e}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;border-color:#657080;color:var(--ink)}.secondary:hover{background:#2a3442;color:var(--ink)}.text-button{background:none;border:0;padding:.4rem;color:var(--orange);font-size:.84rem}.text-button:hover{background:#253040;color:var(--ink)}.danger{color:var(--danger)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.45rem,4.5vw,4.6rem);font-weight:600;line-height:1.06;letter-spacing:-.045em;margin-bottom:1.5rem}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}h2{font-size:1.5rem;letter-spacing:-.025em;margin-bottom:.8rem}h3{font-size:1.3rem;line-height:1.25;margin:.8rem 0}p{line-height:1.6}main,.masthead,footer{max-width:1500px;margin:auto;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}.masthead{min-height:100px;display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line)}.brand{font-size:.86rem;letter-spacing:.08em;color:var(--ink);text-decoration:none;font-weight:bold;display:flex;gap:.4rem;align-items:center}.brand span{font-weight:normal}.brand-dot{background:var(--orange);color:var(--bg);width:28px;height:28px;display:grid;place-content:center;margin-left:.5rem;font-size:1.3rem}.edition,.quiet-link,.tiny,.eyebrow,.hero-meta,.tag,.section-label,.count,footer{font-family:var(--mono);font-size:.7rem;letter-spacing:.07em}.edition{margin-left:auto;color:var(--muted)}.quiet-link{font-size:.75rem}.hero{display:grid;grid-template-columns:3fr 1fr;gap:5rem;padding:4.5rem 0 3.5rem}.eyebrow{color:var(--orange);line-height:1.6;margin-bottom:1.15rem}.lede{font-size:1.06rem;max-width:720px;color:var(--muted)}.hero-meta{display:flex;gap:1.5rem;flex-wrap:wrap;padding-top:.5rem;color:var(--muted)}.hero-note{border-left:1px solid var(--line);padding-left:2rem;margin-top:.7rem}.hero-note>p{font-size:1.3rem;line-height:1.45;margin-top:1rem}.hero-note strong{font-weight:400;color:var(--orange)}.tiny{color:var(--muted)}.rule-line{height:1px;background:var(--line);width:70px;margin:1.7rem 0}.hero-note .small{font-size:.8rem;line-height:1.7}.small{font-size:.8rem;line-height:1.5;color:var(--muted)}.status-strip{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;background:#202a36;border:1px solid var(--line);font-size:.82rem;color:var(--muted);border-radius:4px}.status-strip span:first-child:before{content:'●';color:var(--orange);margin-right:.6rem}.tabs{display:flex;gap:2rem;border-bottom:1px solid var(--line);margin:1.3rem 0 1.5rem;overflow:auto}.tabs button{background:transparent;border:none;border-radius:0;color:var(--muted);font-family:var(--mono);font-size:.8rem;padding:1rem 0;border-bottom:3px solid transparent;white-space:nowrap}.tabs button[aria-current]{color:var(--ink);border-bottom-color:var(--orange)}#notice:empty{display:none}#notice{padding:1rem 1.2rem;margin-bottom:1.5rem;background:#24332d;border-left:3px solid var(--green);line-height:1.5}#notice.error{border-color:var(--danger);background:#3b292d}.join{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;background:var(--ink);color:var(--bg);padding:1.7rem 2rem;margin-bottom:1.5rem;border-radius:4px}.join p{margin:0;font-size:.9rem;max-width:560px}.join label{color:#343c47}.join input{background:white;color:var(--bg);border-color:#979da6}.join .inline input{min-width:100px;flex:1}.join .inline button{white-space:nowrap}.inline{display:flex;gap:.6rem;align-items:center}.preview{border:1px dashed #5d6877;border-radius:4px;padding:1.2rem 1.5rem;margin-bottom:1.5rem}.preview p{margin:.7rem 0 0}.workspace-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:1.5rem;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:1.6rem;min-width:0}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.panel-heading h2{margin-bottom:.7rem}.panel .eyebrow{margin-bottom:.5rem}.count{padding:.3rem .5rem;border:1px solid var(--line);white-space:nowrap;color:var(--muted)}.hint{font-size:.86rem;color:var(--muted);line-height:1.6;margin-bottom:1.3rem}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.55}label{display:block;font-size:.8rem;color:var(--muted);margin:1rem 0 .45rem}input,textarea,select{width:100%;background:#0f151f;color:var(--ink);border:1px solid #495466;border-radius:4px;padding:.75rem;font-size:.9rem}textarea{resize:vertical;line-height:1.55}input[type=file]{font-size:.68rem;padding:.6rem .4rem}input::placeholder,textarea::placeholder{color:#8290a3}input[type=file]::file-selector-button{background:#303c4c;color:var(--ink);border:0;padding:.2rem}.pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.7rem}.form-footer button{font-size:.83rem}.section-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);border-top:1px solid var(--line);margin:1.5rem 0 1rem;padding-top:1rem}.record{padding:1rem 0;border-bottom:1px solid var(--line)}.record h3{font-size:1rem;margin:0 0 .4rem}.record-body{font-size:.85rem;color:#cbd2dc;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;margin:.7rem 0}.record-meta{font-family:var(--mono);font-size:.65rem;color:var(--muted);line-height:1.5}.record-actions{display:flex;gap:.5rem;justify-content:end}.record-actions button{font-size:.73rem;padding:.4rem .65rem}.empty{padding:2rem 1rem;text-align:center;border:1px dashed var(--line);color:var(--muted);font-size:.88rem}.answer{border-top:1px solid var(--line);padding:1.2rem 0}.answer:first-child{border:0}.question-text{color:var(--orange);font-size:.88rem}.answer-text{font-size:.94rem;white-space:pre-wrap;overflow-wrap:anywhere}.source{background:#0f151f;padding:.8rem;margin:.6rem 0;border-left:2px solid var(--orange);font-size:.8rem;overflow-wrap:anywhere}.source summary{cursor:pointer;line-height:1.5}.source p{white-space:pre-wrap;margin:.7rem 0 0}.search-heading{font-family:var(--mono);font-size:.7rem;color:var(--orange);margin:1.5rem 0 .7rem}.reminder{font-size:.83rem;padding:1rem 0;border-bottom:1px solid var(--line)}.reminder p{margin:0 0 .5rem}.checkin{background:#263a32;border:1px solid #4b6959;padding:1rem;margin-top:1rem;font-size:.9rem}.checkin p{margin-bottom:.4rem}.milestones{padding:0;list-style:none;counter-reset:milestone}.milestones li{counter-increment:milestone;border-bottom:1px solid var(--line);padding:1rem 0;display:flex;gap:.8rem;line-height:1.45;font-size:.9rem}.milestones li:before{content:counter(milestone,decimal-leading-zero);font-family:var(--mono);font-size:.75rem;color:var(--muted);padding-top:.1rem}.milestones li.done:before{content:'✓';color:var(--green)}.milestones li.done{color:var(--green)}.rules-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.5rem}.code-editor{font-family:var(--mono);font-size:.85rem;tab-size:2}.rule-definitions dt{font-family:var(--mono);color:var(--orange);font-size:.85rem;margin:1rem 0 .5rem}.rule-definitions dd{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.callout{padding:1rem;border-left:2px solid var(--orange);font-size:.9rem;background:#232c38}.guide-heading{max-width:750px;padding:1rem 0 2rem}.guide-heading h2{font-size:2.4rem}.guide-heading p{color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.guide-grid p,.guide-bottom p{font-size:.9rem;color:#c9d1dc}.tag{color:var(--orange)}.guide-bottom{margin-top:1.5rem}.takeaway{padding:3rem 0;margin-top:2rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:2rem}.takeaway p{color:var(--muted);margin-bottom:0}.takeaway .eyebrow{color:var(--orange);margin-bottom:.7rem}.takeaway-actions{display:flex;flex-direction:column;gap:.7rem}footer{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-top:1.5rem;padding-bottom:2rem;color:var(--muted);line-height:1.5}.skip{position:fixed;top:-200px;left:20px;z-index:20;background:var(--ink);padding:1rem;color:var(--bg)}.skip:focus{top:10px}[hidden]{display:none!important}code{font-family:var(--mono);color:#f4b28e;font-size:.85em}@media(max-width:1050px){.hero{gap:2rem;grid-template-columns:2fr 1fr}.workspace-grid{grid-template-columns:1fr 1fr}.panel{padding:1.2rem}.form-footer{align-items:stretch;flex-direction:column}.form-footer>div{align-self:end}.join{gap:1.5rem}.join .inline{flex-direction:column;align-items:stretch}}@media(max-width:760px){.masthead{min-height:80px;gap:1rem;flex-wrap:wrap;padding-top:1rem;padding-bottom:1rem}.edition{display:none}.quiet-link{margin-left:auto;font-size:.65rem}.brand{font-size:.68rem}.hero{grid-template-columns:1fr;padding:2.5rem 0;gap:2rem}.hero-note{border-left:0;border-top:1px solid var(--line);padding:1.2rem 0 0;display:none}.workspace-grid,.rules-grid,.guide-grid,.join{grid-template-columns:1fr}.join{padding:1.3rem}.join .inline{flex-direction:row}.join .inline button{font-size:.8rem}.status-strip{flex-direction:column;gap:.5rem}.tabs{gap:1.5rem}.tabs button{font-size:.7rem}.takeaway{align-items:start;flex-direction:column}.takeaway-actions{width:100%}footer{flex-direction:column;gap:.6rem}.pair{gap:.7rem}.guide-heading h2{font-size:2rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.portability{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;margin-top:2rem}.resume-entry{margin-bottom:1.5rem}.resume-entry .inline input{flex:1;min-width:100px}.resume-entry form{max-width:700px}.check-label{display:flex;align-items:start;gap:.6rem;line-height:1.6}.check-label input{width:auto;margin-top:.3rem}.import-details{max-height:280px;overflow:auto;margin:1rem 0;padding:.8rem;background:#0f151f;border:1px solid var(--line);border-radius:4px}.import-details p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}.import-details summary{cursor:pointer;font-size:.85rem;padding:.4rem 0}.confirmation-phrase{font-family:var(--mono);color:var(--orange);overflow-wrap:anywhere}.portability .inline{flex-wrap:wrap}#import-preview{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem}#import-confirm-form .inline{margin-top:.8rem}#download-resume-code{margin-top:.7rem}@media(max-width:760px){.portability{grid-template-columns:1fr}.resume-entry .inline{flex-direction:column;align-items:stretch}}