.state-text{max-width:44ch;font-size:var(--t-sm);color:var(--c-text-2)}.state-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-3);margin-top:var(--s-2)}.state-ref{margin-top:var(--s-2);font-size:var(--t-xs);color:var(--c-text-3)}.state-ref code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--t-xs);color:var(--c-text-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:2px var(--s-2)}.state-find{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);width:100%}.state-search{display:flex;gap:var(--s-2);width:100%;max-width:400px}.state-search .search{flex:1 1;min-width:0}.skeleton-avatar,.skeleton-block-title,.skeleton-chip,.skeleton-field,.skeleton-field-rows,.skeleton-media{background:var(--c-surface-2);animation:pulse 1.4s ease-in-out infinite}.skeleton-field{height:var(--control-h);border-radius:var(--r-md)}.skeleton-field-rows{font-size:var(--t-sm);height:calc(var(--skeleton-rows, 3) * 1lh + 2 * var(--s-3) + 2px);border-radius:var(--r-md)}.skeleton-chip{height:var(--control-h-sm);border-radius:999px;flex-shrink:0}.skeleton-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.skeleton-avatar-lg{width:44px;height:44px}.skeleton-media{height:132px;margin:0 calc(-1 * var(--s-4))}.skeleton-media-tall{height:220px}.skeleton-head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.skeleton-head-lines{display:flex;flex-direction:column;gap:var(--s-2);flex:1 1;min-width:0}.skeleton-head-lines .skeleton-line{margin-bottom:0;height:9px}.skeleton-foot{display:flex;gap:var(--s-3);margin-top:var(--s-3)}.skeleton-foot .skeleton-line{margin-bottom:0;height:8px}.skeleton-intro{padding:var(--s-4) 0 var(--s-5);max-width:62ch}.skeleton-intro .skeleton-line-title{height:26px;width:min(340px,70%);margin-bottom:var(--s-4)}.skeleton-intro .skeleton-line{max-width:52ch}.skeleton-block-title{height:9px;width:88px;border-radius:var(--r-sm);margin-bottom:var(--s-4)}.gallery-skeleton .skeleton-card:nth-child(3n+2) .skeleton-avatar,.gallery-skeleton .skeleton-card:nth-child(3n+2) .skeleton-line,.gallery-skeleton .skeleton-card:nth-child(3n+2) .skeleton-media{animation-delay:.16s}.gallery-skeleton .skeleton-card:nth-child(3n+3) .skeleton-avatar,.gallery-skeleton .skeleton-card:nth-child(3n+3) .skeleton-line,.gallery-skeleton .skeleton-card:nth-child(3n+3) .skeleton-media{animation-delay:.32s}.gallery-skeleton .skeleton-card .skeleton-line:last-child{margin-bottom:0}@media (prefers-reduced-motion:reduce){.skeleton-avatar,.skeleton-block-title,.skeleton-chip,.skeleton-field,.skeleton-field-rows,.skeleton-line,.skeleton-media,.skeleton-text:before{animation:none;opacity:1}}.state-art{margin:0 auto var(--s-4);display:block}.state-art .art-card{fill:var(--c-surface)}.state-art .art-card,.state-art .art-line{stroke:var(--c-border-strong);stroke-width:2}.state-art .art-line{stroke-linecap:round}.state-art .art-focus{stroke:var(--c-accent);stroke-width:2.5;fill:none}.state-art .art-dot{fill:var(--c-accent)}@media (prefers-reduced-motion:no-preference){.state-art{animation:art-float 5.5s ease-in-out infinite}.state-art .art-focus{stroke-dasharray:70;animation:art-trace 4.4s ease-in-out infinite}}@keyframes art-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes art-trace{0%{stroke-dashoffset:70}45%,70%{stroke-dashoffset:0}to{stroke-dashoffset:-70}}.intro{padding:var(--s-4) 0 var(--s-5);max-width:62ch}.intro-title{font-size:var(--t-xl);letter-spacing:-.025em;margin-bottom:var(--s-2)}.intro-sub{color:var(--c-text-2);font-size:var(--t-base)}.result-note{padding:var(--s-3) 0 var(--s-4);color:var(--c-text-2);font-size:var(--t-sm)}.load-more{display:flex;justify-content:center;padding:var(--s-6) 0 0}.code-block{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--t-sm);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);overflow-x:auto;margin:0}.back-link{display:inline-block;padding:var(--s-4) 0 var(--s-3);font-size:var(--t-sm);color:var(--c-text-2)}.back-link:hover{color:var(--c-text)}.detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);grid-gap:var(--s-6);gap:var(--s-6);align-items:start}@media (max-width:900px){.detail-grid{grid-template-columns:1fr;gap:var(--s-5)}}.detail-post{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-5)}.detail-author{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.avatar-lg{width:44px;height:44px}.avatar-sm{width:24px;height:24px}.detail-who{display:flex;flex-direction:column;min-width:0}.detail-name{font-weight:600}.detail-handle{font-size:var(--t-sm);color:var(--c-text-3)}.detail-handle:hover{color:var(--c-text-2);text-decoration:underline}.detail-platform{margin-left:auto;display:inline-flex;align-items:center;gap:var(--s-2);height:var(--control-h-sm);padding:0 var(--s-3);border:1px solid var(--c-border);border-radius:999px;color:var(--c-text-2);font-size:var(--t-xs)}.detail-platform-name{white-space:nowrap}@media (hover:hover){.detail-platform:hover{color:var(--c-text);border-color:var(--c-border-strong)}}@media (max-width:480px){.detail-platform-name{display:none}}.note-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.note-head .side-title{margin-bottom:0}.note-edit{width:24px;height:24px}.note-block .note-text{margin:var(--s-3) 0 0;color:var(--c-text);font-size:var(--t-sm);line-height:1.55;white-space:pre-wrap}.note-actions{display:flex;gap:var(--s-2);justify-content:flex-end;margin-top:var(--s-3)}.note-add{width:100%;justify-content:center}.post-owner{position:relative;display:inline-flex}.post-owner-pop{top:calc(100% + var(--s-1));right:0;min-width:220px}.detail-text .post-text{font-size:1.0625rem;line-height:1.6}.detail-media{margin-top:var(--s-4);border-radius:var(--r-md);overflow:hidden;border:1px solid var(--c-border)}.detail-media img{display:block;width:100%;height:auto}.detail-video{margin-top:var(--s-4);border-radius:var(--r-md);overflow:hidden;background:var(--c-surface-2)}.detail-video video{display:block;width:100%;max-height:70vh}.detail-pending{margin:0 0 var(--s-3);line-height:1.5}.detail-metrics,.detail-pending{color:var(--c-text-2);font-size:var(--t-sm)}.detail-metrics{display:flex;flex-wrap:wrap;gap:var(--s-4);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-border)}.detail-metrics strong{color:var(--c-text);font-weight:600}.detail-published{margin-left:auto;color:var(--c-text-3)}.detail-provenance{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--c-border);display:flex;flex-direction:column;gap:var(--s-2)}.source-link{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--c-text-2);width:-moz-fit-content;width:fit-content}.source-link:hover{color:var(--c-text);text-decoration:underline}.provenance-note{font-size:var(--t-xs);color:var(--c-text-3)}.detail-side{display:flex;flex-direction:column;gap:var(--s-4);position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + var(--s-4))}@media (max-width:900px){.detail-side{position:static}}.detail-actions{display:flex;flex-direction:column;gap:var(--s-2)}.detail-actions .btn,.remix-cta{width:100%}.detail-actions-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.detail-actions-row>.btn{flex:1 1;min-width:0}.detail-actions-row .post-owner .btn{flex:0 0 var(--control-h);width:var(--control-h);padding:0;justify-content:center}.detail-actions .btn.is-active{border-color:var(--c-border-strong)}.side-block{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4)}.side-title{font-size:var(--t-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-3);margin-bottom:var(--s-3)}.side-empty{font-size:var(--t-sm);color:var(--c-text-3)}.why-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s-3)}.why-list li{font-size:var(--t-sm);line-height:1.55;color:var(--c-text);padding-left:var(--s-4);position:relative}.why-list li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--c-text-3)}.mechanics{margin-top:var(--s-4);border-top:1px solid var(--c-border);padding-top:var(--s-3)}.mechanics summary{cursor:pointer;font-size:var(--t-sm);color:var(--c-text-2);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mechanics summary::-webkit-details-marker{display:none}.mechanics summary:before{content:"▸ ";color:var(--c-text-3)}.mechanics[open] summary:before{content:"▾ "}.mechanics summary:hover{color:var(--c-text)}.mechanics-list{margin:var(--s-3) 0 0;display:flex;flex-direction:column;gap:var(--s-3)}.mechanics-list>div{display:grid;grid-template-columns:92px 1fr;grid-gap:var(--s-3);gap:var(--s-3)}.mechanics-list dt{font-size:var(--t-xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.05em;padding-top:1px}.mechanics-list dd{margin:0;font-size:var(--t-sm);color:var(--c-text)}.analysis-credit{margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--c-border);font-size:var(--t-xs);color:var(--c-text-3)}.score-block{padding:var(--s-4)}.score-row{display:flex;gap:var(--s-4);align-items:flex-start}.score-value{font-size:var(--t-2xl);font-weight:600;letter-spacing:-.04em;line-height:1}.score-meta{min-width:0}.score-title{margin-bottom:var(--s-1)}.score-note{font-size:var(--t-xs);color:var(--c-text-2);line-height:1.5}.score-signals{margin-top:var(--s-3);font-size:var(--t-xs);color:var(--c-text-3)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.tag{font-size:var(--t-xs);padding:var(--s-1) var(--s-3);border:1px solid var(--c-border);border-radius:999px;color:var(--c-text-2)}.tag:hover{border-color:var(--c-border-strong);color:var(--c-text)}.related{margin-top:var(--s-7)}.related-head-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4)}.related-title{font-size:var(--t-base)}.related-nav{display:flex;gap:var(--s-1);flex-shrink:0}.related-nav .icon-btn:disabled{opacity:.35;cursor:default}.related-nav .icon-btn:disabled:hover{color:var(--c-text-2);border-color:var(--c-border);background:none}.related-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);grid-gap:var(--s-4);gap:var(--s-4);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:2px;scrollbar-width:none;-ms-overflow-style:none}.related-row::-webkit-scrollbar{display:none}.related-card{scroll-snap-align:start;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);transition:border-color .14s ease}.related-card:hover{border-color:var(--c-border-strong)}.related-head{display:flex;align-items:center;gap:var(--s-2)}.related-name{font-size:var(--t-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-body .post-text{font-size:var(--t-sm)}.related-metric{font-size:var(--t-xs);color:var(--c-text-3);margin-top:auto}.remix{display:grid;grid-template-columns:minmax(260px,.6fr) minmax(0,1.4fr);grid-gap:var(--s-6);gap:var(--s-6);align-items:start}@media (max-width:900px){.remix{grid-template-columns:1fr;gap:var(--s-5)}}.remix-source{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + var(--s-4));max-height:calc(100vh - var(--header-h) - 2 * var(--s-4));overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:var(--s-4);padding-right:var(--s-1)}@media (max-width:900px){.remix-source{position:static;max-height:none;overflow:visible;order:2;padding-right:0}.remix-work{order:1}}.remix-source-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4)}.remix-source-author{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3)}.remix-source-name{font-size:var(--t-xs);font-weight:600}.remix-source-card .post-text{font-size:var(--t-sm)}.remix-mechanics{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4)}.remix-rule{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--c-border);font-size:var(--t-xs);color:var(--c-text-2);line-height:1.5}.remix-work{display:flex;flex-direction:column;gap:var(--s-5);min-width:0}.remix-title{font-size:var(--t-xl);letter-spacing:-.025em;margin-bottom:var(--s-4)}.remix-form{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-5);gap:var(--s-4)}.field,.remix-form{display:flex;flex-direction:column}.field{gap:var(--s-2)}.field-label{font-size:var(--t-sm);font-weight:500}.field-help{font-size:var(--t-xs);color:var(--c-text-3);line-height:1.5}.input,.textarea{width:100%;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-bg);padding:var(--s-3);font-size:var(--t-sm);resize:vertical;transition:border-color .12s ease}.input{height:var(--control-h);padding:0 var(--s-3)}.input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:focus,.textarea:focus{border-color:var(--c-text-3);outline:none}.input::placeholder,.textarea::placeholder{color:var(--c-text-3)}.disclosure{background:none;border:0;padding:0;color:var(--c-text-2);font-size:var(--t-sm);cursor:pointer;text-align:left;width:-moz-fit-content;width:fit-content}.disclosure:hover{color:var(--c-text)}.remix-optional{display:flex;flex-direction:column;gap:var(--s-4)}.remix-submit{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.remix-capability{line-height:1.55}.remix-results{display:flex;flex-direction:column;gap:var(--s-4)}.remix-results:focus{outline:none}.draft{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}.draft-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4)}.draft-title{font-size:var(--t-base)}.draft-intent{font-size:var(--t-xs);color:var(--c-text-3);margin-top:var(--s-1)}.draft-text{width:100%;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-bg);padding:var(--s-4);font-family:inherit;font-size:var(--t-post);line-height:1.55;resize:vertical;white-space:pre-wrap}.draft-text:focus{border-color:var(--c-border-strong);outline:none}.draft-foot{display:flex;justify-content:space-between;gap:var(--s-3);font-size:var(--t-xs);color:var(--c-text-3)}.suggestions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-1)}.chip.suggestion{border:1px solid var(--c-border);font-size:var(--t-xs)}.chip.suggestion:hover{border-color:var(--c-border-strong)}.chip.suggestion.is-active{border-color:var(--c-accent)}body:has(.landing){scroll-snap-type:y proximity}.landing{padding-bottom:0}.landing-section{min-height:calc(100dvh - var(--topbar-offset));display:flex;flex-direction:column;justify-content:center;padding:var(--s-7) 0;margin:0;border-top:1px solid var(--c-border);scroll-snap-align:start;scroll-margin-top:var(--topbar-offset)}.landing-section:first-of-type{border-top:0}.landing-first{gap:var(--s-7)}.landing-hero{max-width:42rem;margin:0}.scroll-cue{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--c-text-3);text-decoration:none}.scroll-cue span:last-child{display:inline-block;animation:cueBob 1.6s ease-in-out infinite}@keyframes cueBob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (hover:hover){.scroll-cue:hover{color:var(--c-text)}}html.js-motion .landing-section>*{transition:opacity .64s ease,transform .64s cubic-bezier(.2,.7,.2,1)}html.js-motion .landing-section:not(.is-in)>*{opacity:0;transform:translateY(18px)}html.js-motion .landing-section>:nth-child(2){transition-delay:90ms}html.js-motion .landing-section>:nth-child(3){transition-delay:.18s}html.js-motion .landing-section>:nth-child(4){transition-delay:.27s}@media (prefers-reduced-motion:reduce){body:has(.landing){scroll-snap-type:none}html.js-motion .landing-section>*{transition:none}html.js-motion .landing-section:not(.is-in)>*{opacity:1;transform:none}.scroll-cue span:last-child{animation:none}}.landing-title{font-size:clamp(2rem,5vw,3rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--s-4)}.landing-lede{font-size:1.0625rem;line-height:1.6;color:var(--c-text);margin:0 0 var(--s-3)}.landing-sub{font-size:var(--t-sm);line-height:1.6;color:var(--c-text-2);margin:0 0 var(--s-5);max-width:38rem}.landing-cta{display:flex;flex-wrap:wrap;gap:var(--s-3)}.landing-note{font-size:var(--t-xs);color:var(--c-text-3);margin:var(--s-3) 0 0}.close-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-gap:var(--s-7);gap:var(--s-7);align-items:start}.landing-rules{display:flex;flex-direction:column;gap:var(--s-5)}.landing-rule h3{margin:0 0 var(--s-2);font-size:var(--t-base)}.landing-rule p{margin:0;font-size:var(--t-sm);line-height:1.6;color:var(--c-text-2)}.landing-end{max-width:none}.landing-end-body{max-width:42rem;margin:auto 0}.landing-end-title{font-size:1.5rem;margin:0 0 var(--s-3);letter-spacing:-.01em}@media (max-width:900px){.loop-rail{grid-template-columns:repeat(2,1fr)}.close-grid{grid-template-columns:1fr;gap:var(--s-6)}.scene-shape-list>div{grid-template-columns:1fr;gap:2px}}@media (max-width:1080px){.scene-draft-text{-webkit-line-clamp:12}}@media (max-width:560px){.loop-rail{grid-template-columns:1fr}.loop-stage{min-height:470px;padding:var(--s-4)}.stage-row{margin:0 calc(-1 * var(--s-4));padding:0 var(--s-4) var(--s-2)}.landing-cta .btn{flex:1 1 100%}}@media (prefers-reduced-motion:reduce){.loop-scene,.loop-step-bar,.scene-card,.scene-caret,.scene-draft{animation:none}.loop-step-bar{display:none}}.stage{position:relative;height:100%;gap:var(--s-4)}.stage-bar{display:flex;align-items:center;gap:var(--s-2);padding-bottom:var(--s-3);border-bottom:1px solid var(--c-border);font-size:var(--t-sm);color:var(--c-text-2)}.stage-bar>span:first-of-type{font-weight:500;color:var(--c-text)}.stage-count{margin-left:auto;font-size:var(--t-xs);color:var(--c-text-3)}.stage-count-kept{color:var(--c-text)}.stage-body{display:flex;flex-direction:column;gap:var(--s-3);min-height:0}.stage-row{flex-direction:row;gap:var(--s-3)}.stage-btn{display:inline-flex;align-items:center;gap:var(--s-2);height:var(--control-h-sm);padding:0 var(--s-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);font-size:var(--t-sm);white-space:nowrap;transition:transform 90ms ease,filter 90ms ease}.stage-bar .stage-btn{margin-left:auto}.stage-btn-primary{background:var(--c-accent);color:var(--c-accent-text);border-color:transparent}.icon-btn.is-pressed,.stage-btn.is-pressed{transform:scale(.94);filter:brightness(.92)}.stage-input{display:block;min-height:var(--control-h);padding:var(--s-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-bg);color:var(--c-text);font-size:var(--t-sm);line-height:1.55}.stage-input-tall{min-height:88px}.stage-caret{display:inline-block;width:1px;height:1.1em;margin-left:1px;vertical-align:text-bottom;background:var(--c-text);animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.stage-generate{align-self:flex-start;margin-top:var(--s-1)}.stage-dialog{display:flex;flex-direction:column;gap:var(--s-2);max-width:26rem;padding:var(--s-4);border:1px solid var(--c-border-strong);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-sm);animation:sceneIn .2s ease both}.stage-dialog-title{margin:0 0 var(--s-1);font-weight:600;font-size:var(--t-sm)}.stage-dialog-go{align-self:flex-end}.stage-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--s-3);gap:var(--s-3);max-width:32rem}.stage-board{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface)}.stage-board.is-new{animation:sceneIn .32s ease both;border-color:var(--c-accent)}.stage-board-covers{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--s-2);gap:var(--s-2);height:88px}.stage-board-covers>span{background:var(--c-surface-2);border-radius:var(--r-sm)}.stage-board-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);font-size:var(--t-sm)}.stage-board-meta span{color:var(--c-text-3);font-size:var(--t-xs);white-space:nowrap;flex-shrink:0}.stage-openings{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--s-2);gap:var(--s-2)}.stage-opening{display:flex;flex-direction:column;gap:2px;padding:var(--s-2) var(--s-3);border-left:2px solid var(--c-border);border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--c-surface-2);font-size:var(--t-xs);line-height:1.45;color:var(--c-text-2);transition:border-color .4s ease,color .4s ease}.stage-openings.is-lit .stage-opening{border-left-color:var(--c-accent);color:var(--c-text)}.stage-opening-who{color:var(--c-text-3)}.scene-shape-list>div{transition:opacity .32s ease,transform .32s ease}.scene-shape-list>div.is-out{opacity:0;transform:translateY(6px)}.scene-shape-list>div.is-in{opacity:1;transform:none}.scene-card,.scene-draft{opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,border-color .2s ease}.scene-card.has-landed,.scene-draft.has-landed{opacity:1;transform:none}.scene-card{position:relative}.scene-card-saved{position:absolute;top:var(--s-2);right:var(--s-2);display:inline-flex;align-items:center;gap:3px;padding:2px var(--s-2);border-radius:999px;background:var(--c-accent);color:var(--c-accent-text);font-size:10px}.scene-draft.is-kept{border-color:var(--c-accent)}.stage-learned{display:flex;align-items:center;gap:var(--s-2);margin:0;font-size:var(--t-sm);color:var(--c-text);animation:sceneIn .26s ease both}.stage-pointer{position:absolute;z-index:2;color:var(--c-text);transform:translate(-2px,-2px);transition:left .62s cubic-bezier(.4,0,.2,1),top .62s cubic-bezier(.4,0,.2,1);pointer-events:none}.stage-press{position:absolute;left:-9px;top:-9px;width:26px;height:26px;border:1px solid var(--c-text);border-radius:50%;opacity:0;transform:scale(.4)}.stage-pointer.is-pressing .stage-press{animation:press .3s ease-out}@keyframes press{0%{opacity:.5;transform:scale(.4)}to{opacity:0;transform:scale(1.1)}}@media (max-width:1080px){.stage-openings{grid-template-columns:1fr}.stage-openings .stage-opening:nth-child(n+2){display:none}.stage-boards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.stage-caret,.stage-pointer,.stage-press{display:none}.scene-card,.scene-draft,.scene-shape-list>div,.stage-btn,.stage-opening{transition:none}.stage-board.is-new,.stage-dialog,.stage-learned{animation:none}}.filing-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-1)}.filing-row{display:flex;align-items:center;gap:var(--s-2);min-width:0}.filing-name{flex:1 1;min-width:0;font-size:var(--t-sm);color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (hover:hover){.filing-name:hover{text-decoration:underline}}.filing-row .icon-btn{width:24px;height:24px;flex-shrink:0}.filing-said{margin:var(--s-3) 0 0}.creators-head{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4) 0 var(--s-5);margin:0}.creators-lede{max-width:62ch}.creators-count{font-size:var(--t-sm);color:var(--c-text-3);margin:var(--s-4) 0 var(--s-4);display:flex;align-items:center;min-height:1.25rem}.creator-grid{display:grid;grid-gap:var(--s-4);gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding-bottom:var(--s-6)}.creator-card{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);color:inherit;text-decoration:none;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}@media (hover:hover){.creator-card:hover{border-color:var(--c-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}}.creator-card:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.creator-card.skeleton-frame{pointer-events:none}.creator-card-head{display:flex;align-items:center;gap:var(--s-3);min-width:0}.creator-card-who{display:flex;flex-direction:column;gap:2px;min-width:0}.creator-card-name{display:flex;align-items:center;gap:var(--s-1);font-weight:600;font-size:var(--t-base);line-height:1.3;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-card-name svg{color:var(--c-brand);flex-shrink:0}.creator-card-handle{display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-xs);color:var(--c-text-3);line-height:1.3}.creator-card-topics{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip-quiet{height:var(--control-h-sm);font-size:var(--t-xs);pointer-events:none}.creator-card-quote{font-size:var(--t-sm);line-height:1.5;color:var(--c-text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(var(--t-sm) * 1.5 * 2)}.creator-card-quote .skeleton-text{display:block;margin-bottom:var(--s-2)}.creator-card-stats{display:flex;gap:var(--s-4);margin-top:auto;padding-top:var(--s-3);border-top:1px solid var(--c-border);font-size:var(--t-xs);color:var(--c-text-3)}.creator-card-stat{display:flex;align-items:baseline;gap:var(--s-1);white-space:nowrap}.creator-card-stat strong{color:var(--c-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--t-sm)}.creator-profile-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--s-5);gap:var(--s-5);align-items:start;margin:var(--s-4) 0 var(--s-6)}.creator-profile-head .avatar{width:64px;height:64px;font-size:var(--t-xl)}.creator-profile-who{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}.creator-profile-name{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-xl);line-height:1.2;margin:0;letter-spacing:-.01em}.creator-profile-name svg{color:var(--c-brand)}.creator-profile-handle{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);margin:0;font-size:var(--t-sm);color:var(--c-text-2)}.creator-profile-handle>span,.creator-profile-out{display:inline-flex;align-items:center;gap:var(--s-1)}.creator-profile-out{color:inherit;text-decoration:none;border-bottom:1px solid var(--c-border-strong)}@media (hover:hover){.creator-profile-out:hover{color:var(--c-text);border-color:var(--c-text-3)}}.creator-profile-meta{color:var(--c-text-3)}.creator-profile-focus{margin:0;max-width:62ch;font-size:var(--t-base);line-height:1.55;color:var(--c-text)}.creator-profile-actions{display:flex;gap:var(--s-3);margin-top:var(--s-2)}.creator-stats{display:grid;grid-template-columns:repeat(4,auto);grid-gap:var(--s-5);gap:var(--s-5);margin:0;padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md)}.creator-stat{display:flex;flex-direction:column;gap:2px;min-width:5ch}.creator-stat-l{font-size:var(--t-xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.04em}.creator-stat-n{margin:0;font-size:var(--t-lg);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2;color:var(--c-text)}.creator-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--s-5);gap:var(--s-5);margin:0 0 var(--s-7)}.creator-fact{display:flex;flex-direction:column;gap:var(--s-3)}.creator-fact-title{font-size:var(--t-sm);font-weight:600;color:var(--c-text-2);margin:0;text-transform:uppercase;letter-spacing:.04em}.bars{display:flex;flex-direction:column;gap:var(--s-2);margin:0}.bar{display:grid;grid-template-columns:minmax(8ch,14ch) 1fr 4ch;align-items:center;grid-gap:var(--s-3);gap:var(--s-3)}.bar-label{font-size:var(--t-sm);color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{margin:0;height:8px;background:var(--c-surface-2);border-radius:999px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--c-brand);border-radius:inherit}.bar-n{margin:0;font-size:var(--t-xs);color:var(--c-text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.creator-posts-title{font-size:var(--t-lg);margin:0 0 var(--s-4)}@media (max-width:767px){.creator-profile-head{grid-template-columns:auto minmax(0,1fr)}.creator-stats{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}}.landing-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-gap:var(--s-7);gap:var(--s-7);align-items:center}.landing-hero-grid .landing-hero{margin:0}.landing-eyebrow{margin:0 0 var(--s-3);font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text-3)}.proof-stack{gap:var(--s-3);min-width:0}.proof-card,.proof-stack{display:flex;flex-direction:column}.proof-card{gap:var(--s-2);padding:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);color:inherit;text-decoration:none;box-shadow:var(--shadow-sm);animation:proofIn .42s ease both;animation-delay:calc(var(--i, 0) * 90ms);transition:border-color .12s ease,transform .12s ease}@media (hover:hover){.proof-card:hover{border-color:var(--c-border-strong);transform:translateY(-1px)}}.proof-card:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}@keyframes proofIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.proof-card{animation:none}}.proof-head{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);min-width:0}.proof-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proof-handle{color:var(--c-text-3);font-size:var(--t-xs);white-space:nowrap}.proof-head svg:last-child{margin-left:auto;color:var(--c-text-3);flex-shrink:0}.proof-text{font-size:var(--t-post);line-height:1.5;color:var(--c-text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.proof-foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-3);font-size:var(--t-xs);color:var(--c-text-3)}.proof-foot strong{color:var(--c-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.proof-mechanic{color:var(--c-brand);font-weight:500}.proof-caption{margin:var(--s-1) 0 0;font-size:var(--t-xs);color:var(--c-text-3)}.landing-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--s-4);gap:var(--s-4);padding-top:var(--s-6);border-top:1px solid var(--c-border)}.num{display:flex;flex-direction:column;gap:var(--s-1)}.num strong{font-size:var(--t-2xl);line-height:1.1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.num span{font-size:var(--t-sm);color:var(--c-text-2);line-height:1.45;max-width:24ch}.landing-section-head{max-width:62ch;margin:0 0 var(--s-5)}.landing-section-head h2{font-size:var(--t-xl);line-height:1.2;margin:0 0 var(--s-3);letter-spacing:-.01em;text-wrap:balance}.landing-section-head p{margin:0;color:var(--c-text-2);line-height:1.6;font-size:var(--t-base)}.landing-section-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);max-width:none}.landing-section-row>div{max-width:62ch}.landing-section-row>.btn{flex-shrink:0}.remix-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:var(--s-4);gap:var(--s-4);align-items:stretch}.pair-side{padding:var(--s-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:var(--s-3)}.pair-draft{border-color:var(--c-brand)}.pair-label{margin:0;display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-xs);color:var(--c-text-3);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.pair-label a{color:var(--c-text-2)}.pair-draft .pair-label{color:var(--c-brand)}.pair-text{margin:0;white-space:pre-wrap;font-size:var(--t-post);line-height:1.55}.pair-bridge{justify-content:center;gap:var(--s-3);width:12rem}.pair-beat,.pair-bridge{display:flex;flex-direction:column}.pair-beat{gap:2px;padding:var(--s-3);background:var(--c-surface-2);border-radius:var(--r-md);font-size:var(--t-xs);line-height:1.4;position:relative}.pair-beat strong{color:var(--c-text)}.pair-beat span{color:var(--c-text-2)}.pair-beat:after,.pair-beat:before{content:"";position:absolute;top:50%;width:var(--s-4);height:1px;background:var(--c-border-strong)}.pair-beat:before{right:100%}.pair-beat:after{left:100%}.landing-creators{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.mini-creator{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);color:inherit;text-decoration:none;transition:border-color .12s ease}@media (hover:hover){.mini-creator:hover{border-color:var(--c-border-strong)}}.mini-creator:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.mini-creator-who{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:var(--t-sm)}.mini-creator-who span,.mini-creator-who strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-creator-who span{color:var(--c-text-3);font-size:var(--t-xs)}.mini-creator-n{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--t-sm);white-space:nowrap}.mini-creator-n small{font-weight:400;color:var(--c-text-3);font-size:var(--t-xs)}.landing-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--s-4);gap:var(--s-4)}.article-card{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);color:inherit;text-decoration:none;transition:border-color .12s ease,transform .12s ease}@media (hover:hover){.article-card:hover{border-color:var(--c-border-strong);transform:translateY(-1px)}}.article-card:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.article-card-cat{font-size:var(--t-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-brand)}.article-card-title{font-size:var(--t-lg);line-height:1.3;letter-spacing:-.01em;text-wrap:balance}.article-card-desc{font-size:var(--t-sm);line-height:1.55;color:var(--c-text-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{margin-top:auto;padding-top:var(--s-2);font-size:var(--t-xs);color:var(--c-text-3)}.faq-list{margin:0;display:flex;flex-direction:column}.faq-item{padding:var(--s-4) 0;border-top:1px solid var(--c-border)}.faq-item:last-child{border-bottom:1px solid var(--c-border)}.faq-item dt{font-weight:600;font-size:var(--t-base);margin:0 0 var(--s-2)}.faq-item dd{margin:0;color:var(--c-text-2);line-height:1.6;font-size:var(--t-sm)}.landing-footer{display:flex;flex-direction:column;gap:var(--s-3);margin-top:auto;padding:var(--s-6) 0 0;border-top:1px solid var(--c-border);font-size:var(--t-sm);color:var(--c-text-3);margin-top:var(--s-2)}.landing-footer nav{display:flex;flex-wrap:wrap;gap:var(--s-4)}.landing-footer a{color:var(--c-text-2);text-decoration:none}@media (hover:hover){.landing-footer a:hover{color:var(--c-text)}}.landing-footer p{margin:0}@media (max-width:1023px){.landing-hero-grid{grid-template-columns:1fr;gap:var(--s-6)}.landing-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.remix-pair{grid-template-columns:1fr}.pair-bridge{width:auto;flex-direction:row;flex-wrap:wrap}.pair-beat:after,.pair-beat:before{display:none}.landing-section-row{flex-direction:column;align-items:flex-start}}.blog .toolbar{margin-bottom:var(--s-5)}.blog .toolbar-tools .creators-count{margin:0}.article-lead{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-6);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-lg);color:inherit;text-decoration:none;margin:0 0 var(--s-5);transition:border-color .12s ease,transform .12s ease}@media (hover:hover){.article-lead:hover{border-color:var(--c-text-3);transform:translateY(-1px)}}.article-lead:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.article-lead-title{font-size:var(--t-2xl);line-height:1.15;margin:0;letter-spacing:-.02em;text-wrap:balance;max-width:30ch}.article-lead-desc{margin:0;color:var(--c-text-2);line-height:1.6;max-width:62ch}.article{max-width:44rem;margin:var(--s-5) auto var(--s-8)}.article-head{display:flex;flex-direction:column;gap:var(--s-4);margin:0 0 var(--s-7);padding-bottom:var(--s-6);border-bottom:1px solid var(--c-border)}.article-title{font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.12;letter-spacing:-.025em;margin:0;text-wrap:balance}.article-desc{margin:0;font-size:1.25rem;line-height:1.5;color:var(--c-text-2)}.article-byline{display:flex;gap:var(--s-3);color:var(--c-text-2)}.article-byline,.article-byline .avatar{align-items:center;font-size:var(--t-sm)}.article-byline .avatar{width:32px;height:32px;background:var(--c-brand);color:var(--c-accent-text);display:inline-flex;justify-content:center;font-weight:700;border-radius:999px}.article-byline strong{color:var(--c-text);font-weight:600}.article-byline time,.article-sources{color:var(--c-text-3)}.article-sources{margin:0;display:flex;flex-wrap:wrap;gap:var(--s-2);font-size:var(--t-sm)}.article-sources a{color:var(--c-text-2)}.prose{font-size:1.125rem;line-height:1.75;color:var(--c-text)}.prose>*+*{margin-top:var(--s-5)}.prose h2{font-size:1.5rem;line-height:1.25;letter-spacing:-.015em;margin-top:var(--s-8);scroll-margin-top:calc(var(--topbar-offset) + var(--s-4))}.prose h3{font-size:1.2rem;line-height:1.3;margin-top:var(--s-7)}.prose h4{font-size:var(--t-base);margin-top:var(--s-6)}.prose p{margin-bottom:0}.prose ol,.prose ul{padding-left:1.4em}.prose li+li{margin-top:var(--s-2)}.prose blockquote{margin:var(--s-6) 0;padding:var(--s-5) var(--s-6);background:var(--c-surface);border:1px solid var(--c-border);border-left:3px solid var(--c-brand);border-radius:var(--r-md);white-space:pre-wrap;font-size:1.0625rem}.prose blockquote p{margin:0}.prose blockquote footer{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--c-text-3);white-space:normal}.prose a{color:var(--c-brand);text-decoration:underline;-webkit-text-decoration-color:var(--c-border-strong);text-decoration-color:var(--c-border-strong);text-underline-offset:3px}@media (hover:hover){.prose a:hover{-webkit-text-decoration-color:var(--c-brand);text-decoration-color:var(--c-brand)}}.prose hr{border:0;border-top:1px solid var(--c-border);margin:var(--s-7) 0}.prose code{font-size:.9em;background:var(--c-surface-2);padding:1px 5px;border-radius:var(--r-sm)}.prose strong{font-weight:600}.article-foot{margin:var(--s-8) 0 0}.article-cta{padding:var(--s-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}.article-cta h2{margin:0;font-size:var(--t-lg)}.article-cta p{margin:0;color:var(--c-text-2);font-size:var(--t-sm);line-height:1.55}.article-next{max-width:44rem;margin:0 auto var(--s-8)}.article-next .landing-articles{grid-template-columns:1fr}.chip-sm{height:var(--control-h-sm);font-size:var(--t-xs);padding:0 var(--s-2)}.borrow-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);margin-top:var(--s-3)}.borrow-label{font-size:var(--t-xs);color:var(--c-text-3);margin-right:var(--s-1)}.remix-run-sub{margin:0 0 var(--s-3);font-size:var(--t-sm);color:var(--c-text-2);line-height:1.5}.draft-next,.draft-refine{margin-left:auto}.draft-next{font-size:var(--t-xs);color:var(--c-brand);text-decoration:none;font-weight:600}@media (hover:hover){.draft-next:hover{text-decoration:underline}}.refine-panel{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-3);padding:var(--s-4);background:var(--c-surface-2);border-radius:var(--r-md)}.refine-title{margin:0;font-size:var(--t-sm);font-weight:600}.refine-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--s-3);gap:var(--s-3)}.refine-group{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1);min-width:0}.refine-group legend{float:left;font-size:var(--t-xs);color:var(--c-text-3);margin-right:var(--s-2);padding:0}.refine-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}.version-badge{height:18px;padding:0 var(--s-2);margin-right:var(--s-2);border-radius:999px;background:var(--c-surface-2);color:var(--c-text-2);font-size:var(--t-xs);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;vertical-align:middle}.creator-row-who,.version-badge{display:inline-flex;align-items:center}.creator-row-who{gap:var(--s-2);color:inherit;text-decoration:none;min-width:0}.creator-row-name{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.3}.creator-row-name strong{font-weight:600}.creator-row-name span:last-child{font-size:var(--t-xs);color:var(--c-text-3)}.creator-row-topics{color:var(--c-text-2);font-size:var(--t-sm)}.creators-count.creators-count{min-height:1.25rem}.adding-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin:0 0 var(--s-4);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-brand);border-radius:var(--r-md)}.adding-banner-text{font-size:var(--t-sm);color:var(--c-text-2)}.adding-banner-text strong{color:var(--c-text)}.adding-banner-count{color:var(--c-brand);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.landing-wall{columns:300px 4;column-gap:var(--s-4);padding-bottom:0}.how-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--s-5);gap:var(--s-5)}.how-panel{display:flex;flex-direction:column;gap:var(--s-4);min-width:0}.how-step{display:flex;gap:var(--s-2);margin:0;font-weight:600;font-size:var(--t-base)}.how-n,.how-step{align-items:center}.how-n{display:inline-flex;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--c-text);color:var(--c-bg);font-size:var(--t-xs);font-weight:700}.how-caption{margin:0;font-size:var(--t-sm);line-height:1.55;color:var(--c-text-2)}.how-panel .board-card{pointer-events:auto}.how-board{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg)}.how-board-name{margin:0;font-weight:600}.how-board-posts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s-2);font-size:var(--t-sm);color:var(--c-text-2)}.how-board-posts strong{color:var(--c-text);font-weight:600}.how-board-count{margin:0;font-size:var(--t-xs);color:var(--c-text-3)}.how-common{margin:0;gap:var(--s-3);padding:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg)}.how-common,.how-common>div{display:flex;flex-direction:column}.how-common>div{gap:2px}.how-common dt{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-3);font-weight:600}.how-common dd{margin:0;font-size:var(--t-sm);line-height:1.5}.how-draft{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);background:var(--c-surface);border:1px solid var(--c-brand);border-radius:var(--r-lg)}.how-draft-label{margin:0;display:flex;align-items:center;gap:var(--s-1);font-size:var(--t-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-brand)}.how-kept{color:var(--c-success)}@media (max-width:1023px){.how-grid{grid-template-columns:1fr}}.creator-table td{vertical-align:middle}.board-embed{margin:var(--s-6) 0;border:1px solid var(--c-border-strong);border-radius:var(--r-lg);overflow:hidden;background:var(--c-surface);box-shadow:var(--shadow-md)}.embed-chrome{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);background:var(--c-surface-2);border-bottom:1px solid var(--c-border)}.embed-dots{display:inline-flex;gap:5px}.embed-dots span{width:9px;height:9px;border-radius:999px;background:var(--c-border-strong)}.embed-url{flex:1 1;font-size:var(--t-xs);color:var(--c-text-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px;padding:2px var(--s-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.embed-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:var(--s-5);gap:var(--s-5);padding:var(--s-5);align-items:center}.embed-body .board-card{pointer-events:auto}.embed-aside{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}.embed-desc{margin:0;font-size:var(--t-base);line-height:1.55;color:var(--c-text)}.embed-meta{margin:0;color:var(--c-text-3)}.board-embed-missing,.embed-meta{font-size:var(--t-sm)}@media (max-width:767px){.embed-body{grid-template-columns:1fr}}.playbook-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--s-4);gap:var(--s-4)}.playbook-card{display:flex;flex-direction:column;gap:var(--s-2);height:100%;padding:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);color:inherit;text-decoration:none;transition:border-color .14s ease,transform .14s ease}@media (hover:hover){.playbook-card:hover{border-color:var(--c-border-strong);transform:translateY(-1px)}}.playbook-card-head{display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-xs);color:var(--c-text-3)}.playbook-card-when{margin-left:auto;white-space:nowrap}.playbook-card-name{font-weight:600;font-size:var(--t-base)}.playbook-card-meta{font-size:var(--t-sm);color:var(--c-text-2)}.playbook-card-board{margin-top:auto;font-size:var(--t-xs);color:var(--c-text-3)}.progress{display:block;height:6px;border-radius:999px;background:var(--c-surface-2);overflow:hidden}.progress-fill{display:block;height:100%;background:var(--c-accent);border-radius:inherit;transition:width .24s ease}.playbook-progress{width:min(100%,36rem)}.playbook-standing{margin:0;font-size:var(--t-sm);color:var(--c-text-2)}.playbook-form{display:grid;grid-gap:var(--s-5);gap:var(--s-5);max-width:560px}.playbook-form fieldset{border:0;padding:0;margin:0;min-width:0}.playbook-form-row{grid-template-columns:1fr 1fr}.playbook-form-more,.playbook-form-row{display:grid;grid-gap:var(--s-4);gap:var(--s-4)}.playbook-form-actions{display:flex;flex-direction:column;gap:var(--s-2);align-items:flex-start}.chip-set{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip-set .chip{border:1px solid var(--c-border)}.chip-set .chip.is-active{border-color:transparent}.playbook-layout{display:grid;grid-gap:var(--s-6);gap:var(--s-6);align-items:start}@media (min-width:1100px){.playbook-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.system{position:-webkit-sticky;position:sticky;top:calc(var(--topbar-offset) + var(--s-4));max-height:calc(100dvh - var(--topbar-offset) - var(--s-8));overflow-y:auto}}.system{display:flex;flex-direction:column;gap:var(--s-5);padding:var(--s-5);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg)}.system-title{margin:0;font-size:var(--t-lg);letter-spacing:-.02em}.system-block{display:flex;flex-direction:column;gap:var(--s-2)}.system-block-title{margin:0;font-size:var(--t-sm);font-weight:600}.system-text{line-height:1.55}.system-rules,.system-text{margin:0;font-size:var(--t-sm);color:var(--c-text-2)}.system-rules{padding-left:1.25em;gap:var(--s-2);line-height:1.5}.system-formats,.system-rules{display:flex;flex-direction:column}.system-formats{list-style:none;margin:0;padding:0;gap:var(--s-3)}.system-format{display:flex;flex-direction:column;gap:2px}.system-format-name{font-size:var(--t-sm);font-weight:600}.system-format-how{font-size:var(--t-sm);color:var(--c-text-2);line-height:1.5}.system-format-n{font-size:var(--t-xs);color:var(--c-text-3)}.rhythm{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-1)}.rhythm-day{display:grid;grid-template-columns:4.5rem minmax(0,1fr);grid-gap:var(--s-3);gap:var(--s-3);align-items:baseline;padding:var(--s-1) 0;font-size:var(--t-sm)}.rhythm-wd{color:var(--c-text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.rhythm-format{color:var(--c-text)}.rhythm-day.is-off .rhythm-format{color:var(--c-text-3)}.system-output{margin:0;font-size:var(--t-sm);color:var(--c-text-2)}.days{gap:var(--s-6);min-width:0}.days,.week{display:flex;flex-direction:column}.week{gap:var(--s-3)}.week-title{margin:0;display:flex;align-items:baseline;gap:var(--s-2);font-size:var(--t-base);font-weight:600}.week-range{font-size:var(--t-sm);font-weight:400;color:var(--c-text-3)}.day-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-3)}.day-card{display:grid;grid-template-columns:6.5rem minmax(0,1fr);grid-gap:var(--s-4);gap:var(--s-4);padding:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);scroll-margin-top:calc(var(--topbar-offset) + var(--s-4))}.day-card.is-today{border-color:var(--c-accent)}.day-when{display:flex;flex-direction:column;gap:var(--s-1);font-size:var(--t-sm)}.day-date{font-weight:600}.day-n{color:var(--c-text-3)}.day-n,.day-today{font-size:var(--t-xs)}.day-today{font-weight:600;color:var(--c-accent)}.day-due{font-size:var(--t-xs);color:var(--c-text-3)}.day-main{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}.day-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.day-title{margin:0;font-size:var(--t-base);font-weight:600}.day-status{margin-left:auto;display:inline-flex;align-items:center;gap:var(--s-1);height:var(--control-h-sm);padding:0 var(--s-3);border-radius:999px;border:1px solid var(--c-border);font-size:var(--t-xs);font-weight:500;color:var(--c-text-2);white-space:nowrap}.day-status.is-planned{color:var(--c-text-3)}.day-status.is-drafted{border-color:var(--c-border-strong);color:var(--c-text)}.day-status.is-posted{color:var(--c-success);border-color:color-mix(in srgb,var(--c-success) 45%,var(--c-border))}.day-status.is-skipped{color:var(--c-text-3);border-style:dashed}.day-how{margin:0;font-size:var(--t-sm);color:var(--c-text-2);line-height:1.55}.day-borrow{margin:0;font-size:var(--t-xs);color:var(--c-text-3)}.day-borrow a{color:var(--c-text-2)}.day-post{display:flex;flex-direction:column;gap:var(--s-2)}.day-editor,.day-post .day-draft-text{font-size:var(--t-base)}.day-editor{line-height:1.5;min-height:6rem}.day-post-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.day-count{margin:0 auto 0 0;font-size:var(--t-xs);color:var(--c-text-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.day-count.is-over{color:var(--c-danger)}.day-ask{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--c-border)}.day-ask-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.day-ask-row .input{flex:1 1 18rem;min-width:0}.day-options{display:flex;flex-direction:column;gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--c-border)}.day-options-head{margin:0;font-size:var(--t-xs);color:var(--c-text-3)}.day-option-label{margin:0;font-size:var(--t-xs);font-weight:600;color:var(--c-text-2)}.day-post-tools .btn.is-active{background:var(--c-surface-2);color:var(--c-text)}.day-drafts{display:grid;grid-gap:var(--s-3);gap:var(--s-3)}@media (min-width:900px){.day-drafts{grid-template-columns:1fr 1fr}}.day-draft{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-bg)}.day-draft.is-kept{border-color:var(--c-accent)}.day-draft-text{margin:0;white-space:pre-wrap;font-size:var(--t-post);line-height:1.5}.day-draft-tools{display:flex;gap:var(--s-2);margin-top:auto}.day-actions,.day-link{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.day-link .input{flex:1 1 16rem;min-width:0}@media (max-width:640px){.day-card{grid-template-columns:1fr}.day-when{flex-direction:row;align-items:baseline;gap:var(--s-2)}.playbook-form-row{grid-template-columns:1fr}}.playbook-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-5);padding:var(--s-3) var(--s-4);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2);font-size:var(--t-sm);color:var(--c-text-2)}.playbook-banner-text{margin:0}.playbook-drafting{display:inline-flex;align-items:center;gap:var(--s-2)}.site-menu{position:relative;display:inline-flex}.site-pop{min-width:252px;gap:var(--s-3);padding:var(--s-3)}.site-section{display:flex;flex-direction:column;gap:2px}.site-section+.site-section{border-top:1px solid var(--c-border);padding-top:var(--s-3)}.site-section-title{margin:0 0 var(--s-1);padding:0 var(--s-3);font-size:var(--t-xs);color:var(--c-text-3)}.swatch-grid{display:grid;grid-template-columns:repeat(6,var(--control-h-sm));grid-gap:var(--s-2);gap:var(--s-2);padding:0 var(--s-3) var(--s-1)}.swatch{width:var(--control-h-sm);height:var(--control-h-sm);padding:2px;border:2px solid transparent;border-radius:999px;background:transparent;cursor:pointer;display:grid;place-items:center}.swatch.is-active{border-color:var(--c-text)}@media (hover:hover){.swatch:hover{border-color:var(--c-border-strong)}}.swatch-dot{display:grid;place-items:center;width:100%;height:100%;border-radius:999px;box-shadow:inset 0 0 0 1px var(--c-border)}.swatch-accent{display:block;width:8px;height:8px;border-radius:999px}.site-pop .pop-option{text-decoration:none}.date-menu{width:100%}.date-trigger{justify-content:space-between}.date-pop{width:22rem;max-width:calc(100vw - 2 * var(--s-4));display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-md)}.date-quick{flex-wrap:wrap}.date-head,.date-quick{display:flex;gap:var(--s-2)}.date-head{align-items:center;justify-content:space-between}.date-month{font-size:var(--t-sm);font-weight:600}.date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:2px;gap:2px}.date-wd{padding:var(--s-1) 0;text-align:center;font-size:var(--t-xs);color:var(--c-text-3)}.date-day{height:var(--control-h);border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--c-text);font-size:var(--t-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;display:grid;place-items:center}@media (hover:hover){.date-day:hover:not(:disabled){background:var(--c-surface-2)}}.date-day.is-muted{color:var(--c-text-3)}.date-day.is-today{border-color:var(--c-border-strong)}.date-day.is-selected{background:var(--c-accent);color:var(--c-accent-text);font-weight:600}.date-day:disabled{color:var(--c-text-3);opacity:.5;cursor:default}.tab-head{margin:0;display:flex;flex-direction:column;gap:var(--s-2);max-width:none}.tab-head-row{min-height:var(--control-h)}.tab-head .intro-sub{max-width:62ch;min-height:calc(2 * 1.55em)}.tab-head-row{align-items:center;justify-content:space-between;gap:var(--s-3) var(--s-4)}.tab-head-row,.tab-strip{display:flex;flex-wrap:wrap}.tab-strip{align-items:baseline;gap:var(--s-5)}.tab{display:inline-block;padding:0 0 var(--s-1);margin:0;font-size:var(--t-xl);font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--c-text-3);text-decoration:none;border-radius:var(--r-sm);box-shadow:inset 0 -3px 0 transparent;transition:color .12s ease,box-shadow .12s ease}@media (hover:hover){.tab:hover{color:var(--c-text-2);box-shadow:inset 0 -3px 0 var(--c-border-strong)}}.tab.is-active{color:var(--c-text);box-shadow:inset 0 -3px 0 var(--c-text)}.tab:focus-visible{outline-offset:4px}.chip-input{width:5.5rem;height:var(--control-h-sm);padding:0 var(--s-2);font-size:var(--t-sm)}.results-count{margin:var(--s-4) 0;font-size:var(--t-sm);color:var(--c-text-3);min-height:1.25rem;display:flex;align-items:center}.loop{margin:0;min-width:0}.loop-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"a b" "d c";grid-gap:var(--s-6);gap:var(--s-6)}.loop-step{position:relative;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);min-width:0}.loop-step[data-step="1"]{grid-area:a}.loop-step[data-step="2"]{grid-area:b}.loop-step[data-step="3"]{grid-area:c}.loop-step[data-step="4"]{grid-area:d}.loop-step:after{position:absolute;color:var(--c-text-3);font-size:1.25rem;line-height:1;pointer-events:none}.loop-step[data-step="1"]:after{content:"→";right:calc(-1 * var(--s-6) + 6px);top:50%;transform:translateY(-50%)}.loop-step[data-step="2"]:after{content:"↓";bottom:calc(-1 * var(--s-6) + 6px);left:50%;transform:translateX(-50%)}.loop-step[data-step="3"]:after{content:"←";left:calc(-1 * var(--s-6) + 6px);top:50%;transform:translateY(-50%)}.loop-step[data-step="4"]:after{content:"↑";top:calc(-1 * var(--s-6) + 6px);left:50%;transform:translateX(-50%)}.loop-step-title{margin:0;display:flex;align-items:center;gap:var(--s-2);font-size:var(--t-sm);font-weight:600}.loop-n{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;background:var(--c-text);color:var(--c-bg);font-size:var(--t-xs);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.loop-step-text{margin:0;font-size:var(--t-xs);line-height:1.5;color:var(--c-text-2)}.loop-again{margin:var(--s-3) 0 0;font-size:var(--t-xs);color:var(--c-text-3)}.loop-thumb{height:56px;display:grid;grid-gap:var(--s-1);gap:var(--s-1)}.loop-thumb-board{grid-template-columns:1fr 1fr}.loop-thumb-board>span{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-sm)}.loop-thumb-posts{grid-auto-rows:1fr}.loop-post{display:block;border-radius:var(--r-sm);background:var(--c-surface-2);border:1px solid var(--c-border)}.loop-thumb-drafts{grid-template-columns:1fr 1fr}.loop-draft{display:block;border-radius:var(--r-sm);background:var(--c-bg);border:1px solid var(--c-border)}.loop-draft.is-kept{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.loop-thumb-posted{grid-template-columns:56px 1fr 1fr;align-items:center}.loop-check{display:grid;place-items:center;height:100%;border-radius:var(--r-sm);background:var(--c-surface-2);color:var(--c-success);font-weight:700;font-size:var(--t-lg)}.loop-mark{display:block;height:20px;border-radius:999px;border:1px solid var(--c-border);background:var(--c-bg)}.loop-mark.is-kept{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 12%,var(--c-bg))}@media (max-width:640px){.loop-grid{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d";gap:var(--s-6)}.loop-step:after{right:auto!important;left:50%!important;top:auto!important;bottom:calc(-1 * var(--s-6) + 6px)!important;transform:translateX(-50%)!important}.loop-step[data-step="1"]:after,.loop-step[data-step="2"]:after,.loop-step[data-step="3"]:after{content:"↓"}.loop-step[data-step="4"]:after{content:"↺"}}