:root{color-scheme:light;--paper:#ffffff;--wash:#f3f3f1;--line:#d4d4cf;--ink:#111111;--muted:#666661;--soft:#e8e8e4;--danger:#7b1c1c;--max:1440px;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.65}h1,h2,h3,p{margin-top:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.app-page{min-height:100vh}.app-header{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr auto 1fr;min-height:72px;padding:14px clamp(20px,4vw,64px);position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96)}.app-header>:last-child{justify-self:end}.brand{font-size:17px;font-weight:900;letter-spacing:.18em}.prototype-label{font-size:12px;letter-spacing:.06em;margin:0;text-transform:uppercase}.button{align-items:center;border:1px solid var(--ink);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;min-height:44px;padding:10px 18px;transition:background .12s ease,color .12s ease}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:#343434}.button.ghost,.button.secondary{background:var(--paper);color:var(--ink)}.button.ghost:hover,.button.secondary:hover{background:var(--wash)}.button.ghost{border-color:var(--line)}.button.compact{min-height:38px;padding:7px 14px}.button.large{min-height:54px;padding-inline:28px}.button:disabled{cursor:not-allowed;opacity:.35}.eyebrow{color:var(--muted);display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.dashboard{margin:0 auto;max-width:var(--max);padding:64px clamp(20px,4vw,64px) 100px}.dashboard-hero{border-bottom:1px solid var(--ink);display:grid;grid-gap:60px;gap:60px;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);padding:40px 0 72px}.dashboard-hero h1{font-size:clamp(42px,6vw,88px);letter-spacing:-.06em;line-height:.98;max-width:920px}.dashboard-hero p{font-size:18px;max-width:680px}.hero-diagram{align-self:end;border:1px solid var(--line);display:grid;grid-template-columns:1fr auto}.hero-diagram i,.hero-diagram span{border-bottom:1px solid var(--line);padding:16px}.hero-diagram i{border-left:1px solid var(--line);font-style:normal}.hero-diagram :nth-last-child(-n+2){border-bottom:0}.section-heading-row{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin:64px 0 24px}.section-heading-row h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.04em;margin-bottom:0}.section-heading-row p{margin-bottom:0;max-width:720px}.card-actions,.inline-actions,.page-footer-actions{display:flex;flex-wrap:wrap;gap:10px}.document-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.document-card{border:1px solid var(--line);display:flex;flex-direction:column;min-height:330px;padding:28px}.document-card:hover{border-color:var(--ink)}.card-heading,.completion-row{align-items:center;display:flex;justify-content:space-between}.document-card h2{font-size:30px;letter-spacing:-.04em;margin:24px 0 10px}.document-card p{flex:1 1}.status{border:1px solid var(--line);font-size:11px;font-weight:800;padding:5px 8px}.status.published{background:var(--ink);border-color:var(--ink);color:var(--paper)}.completion-row{font-size:13px;margin-bottom:8px}.progress-track{background:var(--soft);height:6px;margin-bottom:24px}.progress-track span{background:var(--ink);display:block;height:100%}.new-document{margin:0 auto;max-width:1080px;padding:100px clamp(20px,5vw,80px)}.new-document>h1{font-size:clamp(48px,7vw,84px);letter-spacing:-.06em;margin-bottom:16px}.type-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:56px}.type-card{background:var(--paper);border:1px solid var(--line);color:var(--ink);cursor:pointer;min-height:430px;padding:30px;text-align:left}.type-card:hover{border-color:var(--ink)}.type-card strong{display:block;font-size:34px;letter-spacing:-.04em;margin:68px 0 10px}.type-card ul{border-top:1px solid var(--line);color:var(--muted);line-height:1.8;list-style:none;margin:30px 0;padding:20px 0 0}.wire-number{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.08em}.editor-meta{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:var(--max);padding:34px clamp(20px,4vw,64px) 22px}.editor-meta h1{font-size:clamp(28px,4vw,46px);letter-spacing:-.04em;margin-bottom:0}.completion-badge{background:var(--wash);border:1px solid var(--line);font-size:12px;font-weight:800;padding:10px 14px}.step-nav{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);margin:0 auto;max-width:var(--max);padding-inline:clamp(20px,4vw,64px)}.step-nav a,.step-nav>span{border-left:1px solid var(--line);color:var(--muted);display:grid;font-size:13px;font-weight:700;min-height:48px;padding:16px;place-items:center;text-align:center}.step-nav>:last-child{border-right:1px solid var(--line)}.step-nav a.active{background:var(--ink);color:var(--paper)}.step-nav .locked-step{background:var(--wash);color:#888;cursor:not-allowed}.content-workspace{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;margin:0 auto;max-width:var(--max);min-height:680px}.topic-outline{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:24px 16px}.outline-summary{align-items:center;background:var(--wash);display:flex;font-size:12px;justify-content:space-between;margin-bottom:28px;padding:12px}.topic-outline section+section{margin-top:28px}.topic-outline h2{color:var(--muted);font-size:11px;letter-spacing:.08em;padding-inline:8px;text-transform:uppercase}.topic-button{align-items:center;background:transparent;border:0;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;min-height:44px;padding:12px 10px;text-align:left;width:100%}.topic-button.active,.topic-button:hover{background:var(--wash)}.topic-button.active{box-shadow:inset 3px 0 0 var(--ink);font-weight:800}.topic-form{padding:48px clamp(28px,6vw,88px)}.form-heading{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;margin-bottom:36px;padding-bottom:30px}.form-heading h2{font-size:42px;letter-spacing:-.05em;margin-bottom:8px}.field-list{display:grid;grid-gap:26px;gap:26px}.field{display:grid;grid-gap:10px;gap:10px}.field>span{font-size:13px;font-weight:800}.field b,.field em{color:var(--muted);font-size:10px;font-style:normal;letter-spacing:.05em;text-transform:uppercase}.sensitive-warning{border-left:3px solid var(--ink);color:var(--muted);font-size:11px;line-height:1.5;padding-left:10px}.field input,.field textarea{background:var(--paper);border:1px solid var(--line);border-radius:0;color:var(--ink);min-height:50px;padding:14px 16px;width:100%}.field textarea{min-height:132px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--ink);outline:1px solid var(--ink)}.form-navigation{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:48px;padding-top:24px}.wire-note{border-left:1px solid var(--line);border-right:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.7;padding:28px 22px}.wire-note strong{color:var(--ink)}.wire-note ul{padding-left:18px}.center-panel,.empty-state,.public-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:40px;text-align:center}.wire-icon{align-items:center;border:1px solid var(--ink);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:800;height:54px;justify-content:center;margin-bottom:24px;width:54px}.preview-workspace{align-items:start;display:grid;grid-gap:clamp(40px,8vw,120px);gap:clamp(40px,8vw,120px);grid-template-columns:minmax(260px,420px) minmax(360px,430px);justify-content:center;padding:64px clamp(20px,5vw,80px) 100px}.preview-explainer{position:-webkit-sticky;position:sticky;top:140px}.preview-explainer h2{font-size:clamp(36px,5vw,58px);letter-spacing:-.05em}.preview-explainer ol{border-top:1px solid var(--line);line-height:1.8;margin-top:34px;padding:22px 0 0 22px}.phone-frame{background:var(--ink);border:1px solid var(--ink);border-radius:34px;box-shadow:0 20px 60px rgba(0,0,0,.13);padding:12px}.phone-bar{background:var(--paper);border-radius:20px 20px 0 0;height:20px;position:relative}.phone-bar:after{background:var(--ink);border-radius:20px;content:"";height:5px;left:50%;position:absolute;top:7px;transform:translateX(-50%);width:72px}.phone-screen{background:var(--paper);border-radius:0 0 24px 24px;height:760px;overflow-y:auto}.public-page{background:var(--wash);min-height:100vh;padding:40px 16px}.public-guide{background:var(--paper);border:1px solid var(--line);margin:0 auto;max-width:540px}.public-guide.embedded{border:0;font-size:13px}.context-switcher,.guide-contents,.guide-cover,.guide-footer,.guide-priority-note,.guide-topic,.priority-summary{padding:28px}.guide-cover{border-bottom:1px solid var(--line)}.guide-cover h1{font-size:clamp(34px,10vw,56px);letter-spacing:-.06em;line-height:1.02}.cover-placeholder{align-items:center;aspect-ratio:4/3;background:linear-gradient(45deg,transparent 49%,var(--line) 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,var(--line) 50%,transparent 51%),var(--wash);border:1px solid var(--line);color:var(--muted);display:flex;font-size:11px;justify-content:center;margin-top:28px}.context-switcher{border-bottom:1px solid var(--line)}.context-switcher>div:first-child{display:flex;justify-content:space-between}.context-switcher>div:first-child strong{font-size:20px}.context-reason{color:var(--muted);font-size:11px;margin:8px 0 0}.phase-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));margin-top:18px}.phase-buttons button{background:var(--paper);border:1px solid var(--line);cursor:pointer;min-height:44px}.phase-buttons button+button{border-left:0}.phase-buttons button.active{background:var(--ink);color:var(--paper)}.text-button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:11px;margin-top:12px;min-height:44px;padding:8px 0;text-decoration:underline}.guide-priority-note{background:var(--ink);color:var(--paper);display:grid;grid-gap:6px;gap:6px}.guide-priority-note span{color:#cfcfc9;font-size:12px}.priority-summary{border-bottom:1px solid var(--line)}.priority-summary-heading{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px}.priority-summary-heading h2{font-size:22px}.priority-card-grid{display:grid;grid-gap:8px;gap:8px}.priority-card{background:var(--wash);border:1px solid var(--line);display:grid;grid-gap:6px;gap:6px;min-height:76px;padding:14px}.priority-card>span{align-items:center;display:flex;font-size:12px;gap:8px}.priority-card small{background:var(--ink);color:var(--paper);font-size:9px;padding:2px 5px}.guide-contents{border-bottom:1px solid var(--line);display:grid;grid-gap:0;gap:0}.guide-contents a{border-top:1px solid var(--line);display:grid;grid-gap:14px;gap:14px;grid-template-columns:32px 1fr;padding:12px 0}.guide-contents a:first-child{border-top:0}.guide-contents span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.guide-topic{border-bottom:1px solid var(--line);scroll-margin-top:16px}.guide-topic h2{font-size:28px;letter-spacing:-.04em;margin:12px 0 22px}.guide-topic dd,.guide-topic dl{margin:0}.guide-topic dl>div{border-top:1px solid var(--line);padding:15px 0}.guide-topic dt{color:var(--muted);font-size:11px;margin-bottom:5px}.guide-topic dd{line-height:1.6;white-space:pre-wrap}.source-badge{background:var(--ink);color:var(--paper);display:inline-block;font-size:9px;margin-left:8px;padding:2px 5px;vertical-align:middle}.source-badge.neutral{background:var(--wash);color:var(--muted)}.guide-footer{align-items:center;display:flex;font-size:11px;justify-content:space-between}.guide-footer span{color:var(--muted)}.design-placeholder,.publish-page,.shares-page{margin:0 auto;max-width:1120px;padding:64px clamp(20px,5vw,72px) 100px}.locked-panel{border:1px solid var(--ink);margin:0 auto;max-width:720px;padding:clamp(32px,7vw,80px);text-align:center}.locked-panel h2{font-size:clamp(36px,6vw,58px);letter-spacing:-.05em}.neutral-swatches{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0}.neutral-swatches span{align-items:flex-end;aspect-ratio:1;border:1px solid var(--line);display:flex;font-size:10px;justify-content:center;padding:12px}.neutral-swatches span:nth-child(2){background:var(--soft)}.neutral-swatches span:nth-child(3){background:var(--ink);color:var(--paper)}.share-list{border-top:1px solid var(--ink)}.share-form{background:var(--wash);border:1px solid var(--line);display:grid;grid-gap:24px;gap:24px;margin-bottom:48px;padding:clamp(22px,4vw,40px)}.share-form-heading{align-items:flex-end;display:flex;gap:24px;justify-content:space-between}.share-form-heading p{max-width:460px}.share-form-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.span-two{grid-column:1/-1}.form-error,.prototype-warning{border-left:3px solid var(--ink);font-size:12px;margin:0;padding:10px 12px}.form-error{background:var(--ink);color:var(--paper)}.share-source{display:grid;grid-gap:6px;gap:6px}.share-source small{color:var(--muted);font-size:10px}.compact-missing-list{column-count:2;list-style-position:inside;margin:24px auto;max-width:480px;text-align:left}.share-row{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-gap:24px;gap:24px;grid-template-columns:1fr auto auto;padding:24px 0}.share-row h3{margin:8px 0 4px}.share-row p{font-size:12px;margin-bottom:0}.share-row code{background:var(--wash);font-size:12px;padding:9px}.empty-inline{border-bottom:1px solid var(--line);color:var(--muted);padding:34px 0}.page-footer-actions{justify-content:flex-end;margin-top:28px}.publish-checklist{margin:0 auto;max-width:780px;text-align:center}.publish-checklist h2{font-size:clamp(38px,6vw,62px);letter-spacing:-.05em}.check-grid{display:grid;grid-gap:10px;gap:10px;margin:42px 0;text-align:left}.check{align-items:center;border:1px solid var(--line);display:grid;grid-gap:16px;gap:16px;grid-template-columns:44px 1fr;padding:16px}.check>span{align-items:center;border:1px solid var(--ink);display:flex;font-weight:900;height:40px;justify-content:center}.check p{margin:4px 0 0}.check.warning{border-color:var(--danger)}.missing-list,.publish-success{background:var(--wash);margin:24px 0;padding:28px;text-align:left}.publish-success{text-align:center}@media (max-width:1040px){.content-workspace{grid-template-columns:230px minmax(0,1fr)}.wire-note{display:none}}@media (max-width:760px){.app-header{grid-template-columns:1fr auto;min-height:62px;padding:10px 16px}.prototype-label{display:none}.dashboard{padding-inline:16px;padding-top:24px}.dashboard-hero{gap:30px;grid-template-columns:1fr;padding-top:24px}.dashboard-hero h1{font-size:48px}.hero-diagram{min-width:0}.document-grid,.type-grid{grid-template-columns:1fr}.editor-meta,.section-heading-row{align-items:stretch;flex-direction:column}.completion-badge{align-self:start}.step-nav{display:grid;grid-template-columns:repeat(2,1fr);padding:0}.step-nav a,.step-nav>span{min-width:0}.share-form-heading{align-items:stretch;flex-direction:column}.share-form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.content-workspace{display:block}.topic-outline{border-left:0;border-right:0;display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px}.outline-summary,.topic-outline h2{display:none}.topic-outline section{display:flex;flex-wrap:wrap;gap:8px;margin:0!important}.topic-button{border:1px solid var(--line);flex:0 0 auto;gap:10px;width:auto}.cover-placeholder{aspect-ratio:3/1;margin-top:18px}.topic-button.active{background:var(--ink);box-shadow:none;color:var(--paper)}.topic-form{padding:30px 18px 70px}.form-heading h2{font-size:34px}.preview-workspace{display:block;padding:30px 14px 80px}.preview-explainer{margin:0 auto 40px;max-width:430px;position:static}.phone-frame{margin:0 auto;max-width:430px}.public-page{padding:0}.public-guide{border:0}.share-row{align-items:stretch;grid-template-columns:1fr}.share-row code{overflow-x:auto}}