@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--text:#1f2322;--muted:#6f6a66;--background:#fff;--surface:#faf8f6;--line:#1f23221a;--line-strong:#1f2322d9;--highlight:#d3c4b8;--highlight-hover:#c6b4a6;--task-underline:#1f232233;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:"Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;color:var(--text);background:var(--background);font-family:var(--serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--background)}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2{font-size:inherit;font-weight:inherit}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.45}::selection{background:var(--highlight);color:var(--text)}:focus-visible{outline:2px solid var(--highlight-hover);outline-offset:2px;border-radius:2px}.visually-hidden{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.layout{grid-template-columns:200px minmax(0,60rem);justify-content:center;gap:56px;min-height:100dvh;padding:36px 36px 0;display:grid}.sidebar{flex-direction:column;height:calc(100dvh - 72px);display:flex;position:sticky;top:36px}.wordmark{letter-spacing:-.01em;font-size:24px;line-height:1.15}.nav{font-family:var(--sans);flex-direction:column;gap:10px;margin-top:36px;font-size:14px;display:flex}.nav a{text-underline-offset:4px;width:fit-content;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .15s}.nav a:hover,.nav-active{-webkit-text-decoration-color:var(--text)!important;text-decoration-color:var(--text)!important}.sidebar-foot{font-family:var(--sans);color:var(--muted);flex-direction:column;gap:10px;margin-top:auto;font-size:12px;line-height:1.45;display:flex}.sidebar-foot a{width:fit-content;-webkit-text-decoration:underline 1px var(--task-underline);text-decoration:underline 1px var(--task-underline);text-underline-offset:3px}.main{padding-bottom:96px}@media (width<=52rem){.layout{grid-template-columns:minmax(0,1fr);gap:24px;padding:16px 16px 0}.sidebar{flex-flow:wrap;justify-content:space-between;align-items:baseline;gap:12px;height:auto;position:static}.wordmark{font-size:21px}.nav{flex-direction:row;gap:18px;margin:0}.sidebar-foot{display:none}}.page-title{letter-spacing:-.02em;margin-bottom:22px;font-size:40px;font-weight:700;line-height:1.1}.lede{font-family:var(--sans);color:var(--muted);margin:-8px 0 32px;font-size:14px}.meta{font-family:var(--sans);color:var(--muted);gap:8px;font-size:12px;display:flex}.text-button{font-family:var(--sans);-webkit-text-decoration:underline 1px var(--task-underline);text-decoration:underline 1px var(--task-underline);text-underline-offset:3px;font-size:13px}.text-button:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}.cta{font-weight:600}.cta-label{isolation:isolate;position:relative}.cta-label:before{content:"";z-index:-1;background-color:var(--highlight);height:.42em;transition:background-color .15s;position:absolute;inset:auto 0 .13em;scale:1.05;-webkit-mask:url(/brush.svg) 50%/100% 100% no-repeat;mask:url(/brush.svg) 50%/100% 100% no-repeat}.cta:hover .cta-label:before{background-color:var(--highlight-hover)}.icon{flex:none;width:16px;height:16px}.icon-sm{flex:none;width:13px;height:13px}.chevron{width:.9em;height:.9em}.avatar{width:20px;height:20px;font-family:var(--sans);color:var(--text);border-radius:50%;place-items:center;font-size:10px;font-weight:600;display:inline-grid}.author{font-family:var(--sans);color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.verified{margin-left:-3px;display:inline-flex}.button{border:1px solid var(--line);background:var(--background);height:34px;font-family:var(--sans);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){border-color:#1f232240}.button-dark{border-color:var(--text);background:var(--text);color:var(--background)}.button-dark:hover:not(:disabled){background:#000}.button .count{color:var(--muted);font-weight:400}.icon-button{min-width:32px;height:32px;font-family:var(--sans);border-radius:6px;justify-content:center;align-items:center;gap:3px;font-size:12px;display:inline-flex}.icon-button:hover{background:var(--surface)}.icon-button .count{min-width:1ch;color:var(--muted)}.search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding:10px 0;display:flex}.search input{min-width:0;font-family:var(--sans);color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search input::placeholder{color:var(--muted)}.pills{flex-wrap:wrap;gap:8px;padding:16px 0 4px;display:flex}.pill{height:34px;font-family:var(--sans);white-space:nowrap;background:#f0f0f0;border-radius:999px;padding:0 16px;font-size:14px;transition:background-color .15s}.pill:hover{background:#e6e6e6}.pill[aria-pressed=true]{background:var(--text);color:var(--background)}@media (width<=36rem){.pills{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding-inline:16px;overflow-x:auto}}.dropdown{position:relative}.chip{border:1px solid var(--line);height:32px;font-family:var(--sans);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:13px;transition:border-color .15s;display:inline-flex}.chip:hover,.chip[aria-expanded=true]{border-color:#1f23224d}.chip-active{border-color:var(--text);background:var(--surface)}.flag{font-size:12px}.popover{z-index:10;border:1px solid var(--line);background:var(--background);width:250px;max-height:360px;font-family:var(--sans);border-radius:8px;padding:8px;font-size:13px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 12px 32px -12px #1f232240}.popover-search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:6px 6px 10px;display:flex}.popover-search input{border:0;outline:0;flex:1;min-width:0;font-size:13px}.popover-heading{color:var(--muted);text-align:left;padding:10px 6px 4px;font-size:11px;display:block}.popover-note{color:var(--muted);padding:4px 6px 6px;font-size:12px;line-height:1.4}.option{cursor:pointer;border-radius:5px;align-items:center;gap:10px;padding:7px 6px;display:flex}.option:hover{background:var(--surface)}.option input{accent-color:var(--text)}.option-count{color:var(--muted);margin-left:auto}.summary{font-family:var(--sans);color:var(--muted);padding:10px 0 4px;font-size:12px}.summary strong{color:var(--text);font-weight:600}.more{border:1px solid var(--line);width:100%;font-family:var(--sans);border-radius:6px;margin-top:16px;padding:14px;font-size:13px}.more:hover{background:var(--surface)}.empty{flex-direction:column;gap:6px;padding:48px 8px;font-size:18px;display:flex}.empty p+p{font-family:var(--sans);color:var(--muted);font-size:14px}.empty a,.prose a:not(.cta){-webkit-text-decoration:underline 1px var(--task-underline);text-decoration:underline 1px var(--task-underline);text-underline-offset:3px}@media (width<=36rem){.page-title{font-size:32px}}.shelf{margin-top:44px}.shelf-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.shelf-head h2{letter-spacing:-.01em;font-size:22px;font-weight:700}.view-all{font-family:var(--sans);color:var(--muted);font-size:13px;transition:color .15s}.view-all:hover{color:var(--text)}.grid{flex-direction:column;display:flex}.card{border-bottom:1px solid var(--line);align-items:flex-start;gap:16px;padding:18px 0;display:flex}.grid .card:last-child{border-bottom:0}.category-icon{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.category-icon svg{width:22px;height:22px}.card-text{flex:1;min-width:0}.card-title{letter-spacing:-.01em;font-size:18px;line-height:1.3}.card-link{text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .15s}.card-link:hover{-webkit-text-decoration-color:var(--task-underline);text-decoration-color:var(--task-underline)}.card{position:relative}.card-link:after{content:"";position:absolute;inset:0}.card-story{max-width:44rem;font-family:var(--sans);color:var(--muted);margin:4px 0 9px;font-size:14.5px;line-height:1.55}.card-actions{z-index:1;align-items:center;gap:2px;margin-top:-2px;display:flex;position:relative}.pill-button{height:32px;font-family:var(--sans);white-space:nowrap;background:#f0f0f0;border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .15s;display:inline-flex}.pill-button:hover{background:#e4e4e4}.results-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin:18px 0 6px;padding-bottom:12px;display:flex}.results-bar .summary{padding:0;font-size:13px}@media (width<=36rem){.card{flex-wrap:wrap;gap:6px 14px}.card-text{flex-basis:calc(100% - 58px)}.card-actions{width:calc(100% - 58px);margin:0 0 0 58px}}.story,.narrow{max-width:46rem}.story-head{align-items:center;gap:16px;margin:12px 0 10px;display:flex}.story-head .story-title{margin:0}.story-lede{color:var(--muted);margin-bottom:16px;font-size:19px;line-height:1.45}.story .meta a:hover{color:var(--text)}.story-title{letter-spacing:-.015em;margin:10px 0 16px;font-size:32px;line-height:1.2}.byline{font-family:var(--sans);align-items:center;gap:14px;font-size:12px;display:flex}.used{font-family:var(--sans);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.used .muted{margin-right:4px}.tag{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 9px}.story-actions{border-top:1.5px solid var(--line-strong);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:22px;padding:12px 0;display:flex}.spacer{flex:1}.section{margin-top:40px;scroll-margin-top:24px}.section h2,.column-title{letter-spacing:-.01em;margin-bottom:14px;font-size:22px;font-weight:700}.section-head{justify-content:space-between;align-items:baseline;display:flex}.steps{font-family:var(--sans);font-size:15px;line-height:1.55}.steps li{border-bottom:1px dashed var(--line);padding:10px 0}.steps li:last-child{border-bottom:0}.message{border:1px solid var(--line);background:var(--surface);font-family:var(--sans);border-radius:8px;flex-direction:column;gap:14px;margin-bottom:14px;padding:18px 20px;font-size:14px;line-height:1.55;display:flex}.message .muted{font-size:13px}.message textarea{border:1px solid var(--line);background:var(--background);resize:vertical;border-radius:6px;width:100%;padding:10px;line-height:1.55}.pre{white-space:pre-wrap}.comments li{border-bottom:1px solid var(--line);font-family:var(--sans);padding:14px 0;font-size:14px;line-height:1.5}.comment-head{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.comment-form{font-family:var(--sans);flex-direction:column;gap:8px;margin-top:16px;font-size:14px;display:flex}.comment-form input,.comment-form textarea,.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--background);width:100%;font-family:var(--sans);border-radius:6px;padding:9px 11px;font-size:14px;line-height:1.5}.comment-form textarea,.field textarea{resize:vertical}.comment-form-foot{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.column-title{border-bottom:1.5px solid var(--line-strong);padding-bottom:12px}.numbered{counter-reset:step;font-family:var(--sans);flex-direction:column;gap:12px;font-size:14px;line-height:1.45;display:flex}.numbered li{counter-increment:step;padding-left:22px;position:relative}.numbered li:before{content:counter(step);color:var(--muted);position:absolute;left:0}.numbered.plain li:before{content:"·"}.numbered strong{font-weight:600}.share-form{flex-direction:column;gap:16px;display:flex}.field{min-width:0;font-family:var(--sans);flex-direction:column;flex:1;gap:6px;display:flex}.field-label{font-size:13px;font-weight:500}.field-hint{color:var(--muted);font-size:12px}.field-row{gap:12px;display:flex}.submit-box{border:1px solid var(--line);font-family:var(--sans);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;padding:18px 20px;font-size:14px;line-height:1.5;display:flex}.submit-box p{flex-basis:100%}.submit-box .muted{font-size:12px}code{background:var(--surface);border-radius:4px;padding:1px 5px;font-size:.9em}@media (width<=36rem){.columns,.field-row{flex-direction:column;grid-template-columns:minmax(0,1fr)}.story-title{font-size:26px}}.prose{letter-spacing:-.01em;flex-direction:column;gap:22px;max-width:38rem;font-size:20px;line-height:1.4;display:flex}.prose .page-title{margin-bottom:0}.prose strong{font-weight:600}.card-text .author{font-size:12px}.icon-lg{width:22px;height:22px}.send-buttons{gap:8px;max-width:28rem;display:flex}.send-copy{background:var(--text);height:46px;color:var(--background);font-family:var(--sans);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:500;transition:background-color .15s;display:inline-flex}.send-copy:hover{background:#000}.send-app{border:1px solid var(--line);background:var(--background);border-radius:8px;flex:none;place-items:center;width:46px;height:46px;transition:border-color .15s;display:grid}.send-app:hover{border-color:#1f23224d}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{letter-spacing:-.015em;font-size:22px;font-weight:700}.modal-close{width:32px;height:32px;color:var(--muted);border-radius:6px;place-items:center;margin-right:-6px;display:grid}.modal-close:hover{color:var(--text);background:#1f23220f}.modal-close .icon{width:20px;height:20px}.modal-link{font-family:var(--sans);color:var(--muted);-webkit-text-decoration:underline 1px var(--task-underline);text-decoration:underline 1px var(--task-underline);text-underline-offset:4px;align-self:center;align-items:center;gap:2px;font-size:14px;display:inline-flex}.modal-link:hover{color:var(--text)}.card-open .card-actions{z-index:20}.try-pop{border:1px solid var(--line);background:var(--background);transform-origin:100% 0;border-radius:14px;flex-direction:column;gap:14px;width:min(420px,100vw - 32px);padding:18px;animation:.16s cubic-bezier(.2,.8,.2,1) pop-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px -14px #1f23224d}.try-pop:focus{outline:none}.try-pop .send-buttons{max-width:none}@keyframes pop-in{0%{opacity:0;translate:0 -4px;scale:.97}}@media (prefers-reduced-motion:reduce){.try-pop{animation:none}}.prompt{flex-direction:column;gap:12px;display:flex}.prompt-box{border:1px solid var(--line);background:var(--background);border-radius:10px}.prompt-bar{font-family:var(--sans);border-bottom:1px dotted #1f232233;align-items:center;gap:12px;padding:10px 12px;display:flex}.prompt-edit{border:1px solid var(--line);background:var(--background);border-radius:6px;height:30px;padding:0 12px;font-size:13px;font-weight:500;transition:border-color .15s}.prompt-edit:hover,.prompt-edit[aria-pressed=true]{border-color:#1f232259}.prompt-tip{color:var(--muted);font-size:12px}.prompt-reset{margin-left:auto;font-size:12px}.prompt-body{flex-direction:column;gap:14px;padding:16px 18px 18px;display:flex}.prompt-text{font-family:var(--sans);white-space:pre-wrap;font-size:16px;line-height:1.75}.blank{cursor:text;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ebe1d9;border-bottom:1.5px dashed #1f23228c;border-radius:4px;outline:none;padding:2px 5px;transition:background-color .15s}.blank:hover{background:#e2d4c9}.blank:focus{box-shadow:0 0 0 1.5px var(--highlight-hover);background:#fff}.blank:empty:before{content:attr(data-placeholder);color:var(--muted)}.prompt-textarea{border:1px solid var(--line);width:100%;min-height:120px;font-family:var(--sans);resize:vertical;border-radius:6px;outline:none;padding:10px 12px;font-size:15px;line-height:1.6}.prompt-textarea:focus{border-color:var(--highlight-hover)}.prompt-followup{font-family:var(--sans);color:var(--muted);font-size:13px;line-height:1.5}.prompt-compact .prompt-bar{padding:8px 10px}.prompt-compact .prompt-edit{height:26px;padding:0 10px;font-size:12px}.prompt-compact .prompt-tip{font-size:11px}.prompt-compact .prompt-body{max-height:200px;padding:12px 14px;overflow:auto}.prompt-compact .prompt-text{font-size:14.5px;line-height:1.7}.prompt-compact .prompt-textarea{font-size:14px}
