/* Creative Finder: the pitch wall.
   The shell (rail, GNB, footer) keeps the family look. Inside <main> it is an ad studio at night:
   a black stage with a faint layout grid, giant display type, coral and yellow as paint, posters
   pinned at a tilt with tape, rubber stamps for the evidence grade, film slates for the steps. */
@font-face{font-family:"CF Display";src:url(/static/fonts/BlackHanSans.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"CF Numeral";src:url(/static/fonts/Anton.ttf) format("truetype");font-weight:400;font-display:swap}

.cf-main{
  --st:#0E0C13;--st-2:#17141F;--st-3:#201C2B;--st-4:#2A2538;--line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.22);
  --ink:#FFFFFF;--ink-2:#D5D0E0;--ink-3:#9D96AE;
  --coral:#FF4F47;--coral-2:#FF7A6E;--coral-deep:#D62B24;--yellow:#FFD60A;--vio:#7C6CFF;--vio-2:#A79DFF;
  --pos:#6EE7A0;--neg:#FF7A6E;--paper:#FFFFFF;
  --d1:#95B3C7;--d2:#8CBD57;--d3:#9397FD;--d4:#E2B33C;--d5:#DA8968;
  --disp:"CF Display","Noto Sans KR","Noto Sans JP",sans-serif;--numf:"CF Numeral","CF Display",sans-serif;
  --r:0;--r-s:0;--r-pill:999px;--hard:8px 8px 0 var(--coral);--hard-ink:8px 8px 0 #000;
  background:var(--st);color:var(--ink);min-height:70vh;overflow-x:clip;font-family:var(--lm-font-ko,"Noto Sans KR"),"Noto Sans",sans-serif;position:relative;isolation:isolate}
.cf-main::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:56px 56px;mask-image:linear-gradient(#000 70%,transparent)}
.cf-main[lang=ja] .cf-disp,.cf-main:lang(ja) .cf-disp{font-family:"Noto Sans JP",sans-serif;font-weight:900}
.cf-main *{box-sizing:border-box}
.cf-main a{color:inherit}
.cf-main ::selection{background:var(--yellow);color:#000}
.cf-disp,.cf-main .lm-h1,.cf-chapter h2,.cf-stage__q,.cf-poster__hook,.cf-board__pct,.cf-stats b,.cf-meter b,.cf-step b,.cf-cut__hook,.cf-wallhead h3,.cf-line .cf-vol,.cf-cep .cf-sum,.cf-method h3,.cf-main .lm-h2,.cf-sheet__head .lm-h3{font-family:var(--disp);font-weight:400;letter-spacing:0}

/* ---------- hero (shell hooks, restyled as the title card) ---------- */
.cf-main .lm-hero{position:relative;padding:84px var(--lm-gutter,20px) 64px;color:var(--ink);isolation:isolate;align-items:center}
.cf-main .lm-hero::before{content:"";position:absolute;inset:-100px -40vw -20px;z-index:-1;pointer-events:none;
  background:radial-gradient(720px 420px at 78% 60%,rgba(255,79,71,.22),transparent 62%)}
.cf-main .lm-eyebrow{color:var(--coral);font-weight:900;font-size:15px;letter-spacing:0}
html body.lm-app .cf-main .lm-h1{font:400 clamp(44px,6.2vw,88px)/1.02 var(--disp)!important;letter-spacing:0;color:var(--ink);max-width:11em;text-wrap:balance;margin:10px 0 22px}
.cf-main .lm-h1 .lm-hl{color:var(--coral);font-style:normal}
.cf-main .lm-lead{color:var(--ink-2);font-size:18px;line-height:1.7;max-width:34em}
.cf-main .lm-benefits{display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:18px 0 22px;list-style:none}
.cf-main .lm-benefits li{color:var(--ink);border:1.5px solid var(--line-2);padding:7px 13px;border-radius:var(--r-pill);font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.03)}
.cf-main .lm-benefits svg{color:var(--coral);width:15px;height:15px}
.cf-main .lm-datameta{color:var(--ink-3)}
.cf-main .lm-cta-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cf-main .lm-btn--cta{background:var(--coral);color:#fff;border:2px solid var(--coral);font-weight:900;font-size:17px;padding:14px 26px;border-radius:14px;box-shadow:0 12px 40px rgba(255,79,71,.45)}
.cf-main .lm-btn--cta:hover{background:var(--coral-2);border-color:var(--coral-2)}
.cf-main .lm-btn--outline{border:2px solid var(--line-2);color:var(--ink);background:transparent;border-radius:14px;padding:13px 22px;font-weight:700}
.cf-main .lm-btn--outline:hover{border-color:var(--ink)}
/* the signature card becomes the hook card: a tilted coral slab with the newest hook, the search words floating around it */
.cf-main .lm-sigcard{background:transparent;border:0;box-shadow:none;color:var(--ink);position:relative;padding:40px 0 0;overflow:visible}
.cf-main .lm-sigcard__head{position:absolute;left:0;top:0;border:0;background:transparent;padding:0}
.cf-main .lm-sigcard__title{color:var(--ink-3);font-size:12px;font-weight:700;margin:0}
.cf-main .lm-sigcard__cap{display:none}
.cf-main .lm-sigcard__body{background:transparent;padding:0;overflow:visible}
.cf-main .lm-sigcard__foot{border:0;padding:14px 0 0;text-align:right}
.cf-main .lm-sigcard__foot .lm-link{color:var(--ink);font-weight:900;border-bottom:2px solid var(--coral);text-decoration:none}
.cf-cut{position:relative;padding:56px 0 0}
.cf-cut__bubbles{display:flex;flex-direction:column;gap:8px;position:absolute;inset:0 0 auto 0;z-index:2;pointer-events:none}
.cf-cut__bubble{background:var(--st-3);border:1px solid var(--line-2);padding:9px 14px;border-radius:14px;max-width:min(78%,340px);font-size:14px;line-height:1.35;color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.4);position:relative}
.cf-cut__bubble small{display:block;color:var(--ink-3);font-size:11.5px;margin-top:2px;font-weight:500}
.cf-cut__bubble b{font-family:var(--numf);font-weight:400;font-size:15px;color:var(--yellow);margin-left:6px}
.cf-cut__bubble:first-child{margin-left:6%}
.cf-cut__bubble:nth-child(2){align-self:flex-end;transform:translateY(-4px)}
.cf-cut__bubble::after{content:"";position:absolute;left:28px;top:100%;width:0;height:60px;border-left:2px dashed var(--coral);opacity:.8}
.cf-cut__bubble:nth-child(2)::after{left:auto;right:40px;border-color:var(--ink-3)}
.cf-cut__card{position:relative;background:var(--coral);color:#fff;padding:30px 30px 26px;transform:rotate(-3deg);box-shadow:0 30px 80px rgba(255,79,71,.45),0 0 0 0 var(--coral);border-radius:22px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-top:64px;min-height:220px}
.cf-cut__card::before{content:"";position:absolute;left:50%;top:-14px;width:88px;height:26px;background:rgba(255,255,255,.55);transform:translateX(-50%) rotate(-3deg);mix-blend-mode:screen}
.cf-cut__hook{font-size:clamp(34px,4vw,54px);line-height:1.02;word-break:keep-all;text-wrap:balance;margin:0 0 12px;text-shadow:0 3px 0 rgba(0,0,0,.18)}
.cf-cut__cep{font-size:14px;line-height:1.45;opacity:.95;margin:0 0 12px;max-width:30em}
.cf-cut__stamp{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--coral-deep);font-weight:900;font-size:12px;padding:6px 12px;border-radius:var(--r-pill)}
.cf-cut__stamp svg{width:13px;height:13px}
.cf-cut__phone{width:118px;aspect-ratio:9/16;border-radius:14px;background:var(--st);overflow:hidden;position:relative;transform:rotate(6deg) translate(10px,10px);box-shadow:0 18px 40px rgba(0,0,0,.45);border:3px solid #fff;flex:none}
.cf-cut__phone img,.cf-cut__phone video{width:100%;height:100%;object-fit:cover;display:block}
.cf-cut__phone .cf-cut__empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-3);font-size:11px;text-align:center;padding:10px}
.cf-cut--empty .cf-cut__card{background:var(--st-3);color:var(--ink);box-shadow:none;border:2px dashed var(--line-2)}
.cf-cut--empty .cf-cut__stamp{background:var(--yellow);color:#000}

/* ---------- common ---------- */
.cf-view{max-width:var(--lm-container,1200px);margin:0 auto;padding:0 var(--lm-gutter,24px) 96px}
body[data-cf-route=run] .cf-main .lm-hero,body[data-cf-route=runs] .cf-main .lm-hero,body[data-cf-route=method] .cf-main .lm-hero{display:none}
.cf-chapter{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;align-items:end;margin:72px 0 26px;scroll-margin-top:80px;position:relative}
.cf-chapter__mark{font-family:var(--disp);font-size:120px;line-height:.8;color:transparent;-webkit-text-stroke:3px var(--ink);text-shadow:8px 8px 0 var(--coral);width:auto;height:auto;background:none;border:0;display:block;position:relative;padding-right:10px}
.cf-chapter__mark::after{display:none}
.cf-chapter__mark:has(svg){-webkit-text-stroke:0;text-shadow:none;width:76px;height:76px;background:var(--yellow);color:#000;display:grid;place-items:center;box-shadow:7px 7px 0 var(--coral);padding:0;transform:rotate(-4deg)}
.cf-chapter__mark svg{width:42px;height:42px}
.cf-chapter h2{font-size:clamp(28px,3.4vw,44px);margin:0 0 6px;line-height:1.05;text-wrap:balance}
.cf-chapter p{margin:0;color:var(--ink-3);font-size:14.5px;max-width:720px;line-height:1.6}
.cf-chapter--first{margin-top:32px}
.cf-panel{background:var(--st-2);border:2px solid var(--line-2);padding:24px 26px;box-shadow:var(--hard-ink)}
.cf-panel--flat{background:transparent;border-style:dashed;box-shadow:none}
.cf-btn{font-weight:900;font-size:14px;padding:10px 18px;border-radius:var(--r-pill);border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:7px;line-height:1;transition:transform .12s,box-shadow .12s}
.cf-btn:hover{background:var(--ink);color:var(--st)}
.cf-btn:active{transform:translate(2px,2px)}
.cf-btn svg{width:16px;height:16px;flex:none}
.cf-btn--p{background:var(--yellow);border-color:var(--yellow);color:#000;box-shadow:4px 4px 0 #000}
.cf-btn--p:hover{background:#FFE34D;border-color:#FFE34D;color:#000}
.cf-btn--hot{background:var(--coral);border-color:var(--coral);color:#fff;box-shadow:4px 4px 0 #000}
.cf-btn--hot:hover{background:var(--coral-2);border-color:var(--coral-2);color:#fff}
.cf-btn--big{font-size:19px;padding:17px 30px;border-radius:14px}
.cf-btn[disabled]{opacity:.4;cursor:default;box-shadow:none}
.cf-btn--icon{padding:7px;width:36px;height:36px;justify-content:center;border-width:1.5px;border-color:var(--line-2)}
.cf-btn--icon svg{width:15px;height:15px}
.cf-main .lm-btn--product{background:var(--yellow);color:#000;border-color:var(--yellow);font-weight:900}
.cf-main .lm-btn--product:hover{background:#FFE34D}
.cf-input,.cf-main .lm-input,.cf-main .lm-select,.cf-textarea{width:100%;font:inherit;font-size:15px;color:var(--ink);background:var(--st);border:2px solid var(--line-2);border-radius:10px;padding:11px 13px}
.cf-main .lm-input::placeholder,.cf-textarea::placeholder{color:var(--ink-3)}
.cf-main .lm-input:focus,.cf-main .lm-select:focus,.cf-textarea:focus,.cf-input:focus{outline:3px solid var(--yellow);outline-offset:1px;border-color:var(--yellow)}
.cf-main .lm-label{color:var(--ink);font-weight:900;font-size:13px}
.cf-main .lm-help,.cf-help{color:var(--ink-3);font-size:13px;line-height:1.5}
.cf-main .lm-field{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
.cf-main .lm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cf-textarea{min-height:76px;resize:vertical}
.cf-select{font:inherit;font-size:13px;padding:7px 10px;border:2px solid var(--line-2);border-radius:10px;background:var(--st);color:var(--ink)}
.cf-tags{display:flex;gap:6px;flex-wrap:wrap}
.cf-tag{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line-2);border-radius:var(--r-pill);padding:5px 12px;font-size:12.5px;font-weight:700;color:var(--ink);background:var(--st-3)}
.cf-tag button{background:none;border:0;cursor:pointer;color:var(--ink-3);padding:0;font:inherit}
.cf-tag--add{border-style:dashed;cursor:pointer;background:transparent;color:var(--yellow);border-color:var(--yellow)}
.cf-spin{width:14px;height:14px;border:2px solid var(--line-2);border-top-color:var(--yellow);border-radius:50%;animation:cf-spin .8s linear infinite;display:inline-block;vertical-align:middle}
@keyframes cf-spin{to{transform:rotate(360deg)}}
.cf-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cf-grow{flex:1}
.cf-num{font-variant-numeric:tabular-nums}
.cf-up{color:var(--pos)}.cf-down{color:var(--neg)}
.cf-note{background:rgba(255,214,10,.1);border-left:6px solid var(--yellow);padding:14px 18px;color:var(--ink-2);font-size:14.5px;line-height:1.65}
.cf-note b{color:var(--yellow)}
.cf-table{width:100%;border-collapse:collapse;font-size:13.5px}
.cf-table th,.cf-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.cf-table th{color:var(--ink-3);font-weight:700;font-size:12px}
.cf-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.cf-path{font-family:var(--lm-mono,ui-monospace,Menlo,monospace);font-size:12px;color:var(--ink-2);word-break:break-all}
/* evidence grade: a rubber stamp */
.cf-ev{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:900;padding:4px 9px;border:2px solid currentColor;border-radius:4px;color:var(--ink-2);white-space:nowrap;transform:rotate(-2deg);box-shadow:inset 0 0 0 1.5px var(--st),inset 0 0 0 2.5px currentColor}
.cf-ev svg{width:13px;height:13px}
.cf-ev--path_confirmed{color:var(--pos)}
.cf-ev--related_confirmed{color:#9DD3FF}
.cf-ev--few_observed{color:var(--yellow)}
.cf-ev--unobserved,.cf-ev--not_queried{color:var(--ink-3);border-style:dashed;box-shadow:none}
.cf-ev--hypothesis{color:var(--coral-2);border-style:dashed;box-shadow:none}

/* ---------- slate (wizard) ---------- */
.cf-wiz{display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:start}
.cf-steps{display:flex;flex-direction:column;gap:6px;position:sticky;top:76px}
.cf-step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:8px 0;color:var(--ink-3)}
.cf-step b{font-size:52px;line-height:.9;color:var(--st-4);-webkit-text-stroke:1.5px var(--ink-3);font-variant-numeric:tabular-nums}
.cf-step span{font-size:15px;font-weight:900}
.cf-step.is-cur{color:var(--ink)}.cf-step.is-cur b{color:var(--coral);-webkit-text-stroke:0;text-shadow:5px 5px 0 #000}
.cf-step.is-done b{color:var(--yellow);-webkit-text-stroke:0}
.cf-stage{background:var(--st-2);border:3px solid var(--ink);padding:34px 36px 30px;position:relative;box-shadow:var(--hard)}
.cf-stage::before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:18px;background:repeating-linear-gradient(135deg,#fff 0 16px,#000 16px 32px)}
.cf-stage__q{font-size:clamp(30px,3.6vw,46px);line-height:1.1;margin:10px 0 26px;text-wrap:balance}
.cf-bigin{display:flex;align-items:center;gap:12px;border-bottom:4px solid var(--ink);padding:6px 0 10px;margin-bottom:10px}
.cf-bigin input{flex:1;font-family:var(--disp);font-size:clamp(30px,4vw,48px);font-weight:400;background:transparent;border:0;color:var(--ink);padding:4px 0;min-width:0}
.cf-bigin input::placeholder{color:var(--ink-3)}
.cf-bigin input:focus{outline:none}
.cf-bigin:focus-within{border-color:var(--yellow)}
.cf-bigin .lm-select{width:auto;flex:none}
.cf-ticker{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 4px;min-height:28px}
.cf-ticker .cf-tag{animation:cf-pop .3s both}
@keyframes cf-pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cf-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.cf-line{display:flex;flex-direction:column;gap:6px;border:2px solid var(--line-2);padding:14px 16px;background:var(--st);cursor:pointer;position:relative}
.cf-line.is-on{border-color:var(--yellow);box-shadow:5px 5px 0 var(--yellow)}
.cf-line input[type=checkbox]{position:absolute;right:12px;top:12px;accent-color:var(--yellow);width:18px;height:18px}
.cf-line b{font-size:17px;padding-right:26px;line-height:1.3}
.cf-line .cf-vol{font-size:34px;color:var(--ink);line-height:1}
.cf-line .cf-vol small{font-size:11px;color:var(--ink-3);font-weight:500;margin-left:4px;font-family:inherit}
.cf-line .cf-why{font-size:12px;color:var(--ink-3);line-height:1.45}
.cf-line .cf-del{position:absolute;right:10px;bottom:8px;background:none;border:0;color:var(--ink-3);cursor:pointer;font-size:12px}
.cf-reg{display:flex;gap:12px;align-items:flex-start;border:2px dashed var(--coral);padding:12px 14px;font-size:13px;color:var(--ink-2);line-height:1.55}
.cf-reg svg{width:20px;height:20px;color:var(--coral);flex:none;margin-top:2px}
.cf-meter{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:12px;margin:8px 0 6px}
.cf-meter div{background:var(--st);border:2px solid var(--line-2);padding:16px 18px}
.cf-meter b{display:block;font-size:40px;line-height:1;font-variant-numeric:tabular-nums}
.cf-meter div:first-child{background:var(--yellow);color:#000;border-color:var(--yellow)}
.cf-meter div:first-child b{color:#000}.cf-meter div:first-child span{color:rgba(0,0,0,.65)}
.cf-meter span{font-size:12px;color:var(--ink-3)}
.cf-main .lm-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cf-main .lm-opt{border:2px solid var(--line-2);padding:14px 16px;background:var(--st);cursor:pointer;display:flex;flex-direction:column;gap:3px}
.cf-main .lm-opt:has(input:checked){border-color:var(--yellow);box-shadow:5px 5px 0 var(--yellow)}
.cf-main .lm-opt input{accent-color:var(--yellow)}
.cf-main .lm-opt__t{font-weight:900;font-size:15px;color:var(--ink)}.cf-main .lm-opt__d{font-size:12px;color:var(--ink-3)}
.cf-recent{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.cf-recent a{display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;border:2px solid var(--line-2);padding:12px;background:var(--st-2);text-decoration:none;transition:transform .15s,box-shadow .15s}
.cf-recent a:hover{border-color:var(--ink);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--coral)}
.cf-recent .cf-recent__ph{width:58px;aspect-ratio:9/16;background:var(--st-4);overflow:hidden;transform:rotate(-4deg);border:2px solid var(--ink)}
.cf-recent .cf-recent__ph img{width:100%;height:100%;object-fit:cover;display:block}
.cf-recent b{display:block;font-size:15px;line-height:1.35}
.cf-recent span{font-size:12px;color:var(--ink-3)}

/* ---------- production board (progress) ---------- */
.cf-board{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start;margin-top:28px}
.cf-board__pct{font-size:clamp(120px,20vw,220px);line-height:.85;color:var(--coral);font-variant-numeric:tabular-nums;text-shadow:10px 10px 0 #000,10px 10px 0 2px var(--ink)}
.cf-board__pct small{font-size:.32em;color:var(--ink);margin-left:6px}
.cf-board__title{font-size:24px;font-weight:900;margin:18px 0 4px}
.cf-board__msg{color:var(--ink-3);font-size:14.5px;min-height:20px}
.cf-rail{display:flex;flex-direction:column;border:2px solid var(--line-2);background:var(--st-2);padding:6px 16px}
.cf-rail div{display:grid;grid-template-columns:18px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink-3);font-size:14px}
.cf-rail div:last-child{border-bottom:0}
.cf-rail i{width:12px;height:12px;border:2px solid var(--line-2);display:block;margin-left:2px}
.cf-rail .is-done{color:var(--ink-2)}.cf-rail .is-done i{background:var(--yellow);border-color:var(--yellow)}
.cf-rail .is-cur{color:var(--ink);font-weight:900}.cf-rail .is-cur i{border-color:var(--coral);background:var(--coral);animation:cf-blink 1s steps(2) infinite}
.cf-rail em{font-style:normal;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-3)}
@keyframes cf-blink{50%{background:transparent}}
.cf-bar{height:14px;background:var(--st-3);border:2px solid var(--ink);overflow:hidden;margin:22px 0 10px}
.cf-bar i{display:block;height:100%;background:repeating-linear-gradient(135deg,var(--coral) 0 12px,var(--coral-deep) 12px 24px);transition:width .6s ease}

/* ---------- results ---------- */
.cf-toc{position:sticky;top:var(--lm-gnb-h,56px);z-index:5;background:rgba(14,12,19,.94);backdrop-filter:blur(8px);border-bottom:2px solid var(--line-2);margin:0 calc(-1 * var(--lm-gutter,24px));padding:8px var(--lm-gutter,24px);display:flex;gap:10px;align-items:center;justify-content:space-between}
.cf-toc__links{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0}
.cf-toc__links::-webkit-scrollbar{display:none}
.cf-toc__acts{display:flex;gap:2px;flex:none}
.cf-toc a{font-size:13px;font-weight:900;padding:7px 11px;border-radius:var(--r-pill);color:var(--ink-3);text-decoration:none;white-space:nowrap}
.cf-toc a:hover{color:#000;background:var(--yellow)}
.cf-toc__del{color:var(--coral-2)}
.cf-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:16px 0 22px}
.cf-stats div{background:var(--st-2);border:2px solid var(--ink);padding:18px 18px 16px;box-shadow:6px 6px 0 #000;position:relative}
.cf-stats b{display:block;font-size:clamp(40px,4vw,56px);line-height:.9;font-variant-numeric:tabular-nums}
.cf-stats div:nth-child(2){background:var(--coral);color:#fff;border-color:var(--coral)}
.cf-stats div:nth-child(4){background:var(--yellow);color:#000;border-color:var(--yellow)}
.cf-stats div:nth-child(4) span{color:rgba(0,0,0,.65)}
.cf-stats div:nth-child(2) span{color:rgba(255,255,255,.8)}
.cf-stats span{font-size:12.5px;color:var(--ink-3);display:block;margin-top:8px;font-weight:700}
.cf-brief{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 30px;font-size:14px;line-height:1.65}
.cf-brief dt{color:var(--yellow);font-size:12px;font-weight:900}
.cf-brief dd{margin:0 0 8px;color:var(--ink-2)}
.cf-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.cf-grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.cf-bars{display:flex;flex-direction:column;gap:9px}
.cf-barrow{display:grid;grid-template-columns:minmax(0,1fr) 80px 76px;gap:10px;align-items:center;font-size:13.5px}
.cf-barrow span:first-child{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:8px;min-width:0}
.cf-barrow span:first-child em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cf-barrow span:first-child i{display:block;height:12px;background:var(--pos);min-width:3px;justify-self:start}
.cf-barrow span:first-child::after{content:none}
.cf-barrow.is-down span:first-child i{background:var(--coral)}
.cf-barrow .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
/* CEP: index cards with a big grade stripe */
.cf-cep{border:2px solid var(--line-2);padding:16px 18px 16px 22px;background:var(--st-2);display:flex;flex-direction:column;gap:6px;position:relative;transition:transform .15s,box-shadow .15s}
.cf-cep::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--ink-3)}
.cf-cep:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #000}
.cf-cep[data-ev=path_confirmed]::before{background:var(--pos)}.cf-cep[data-ev=related_confirmed]::before{background:#9DD3FF}
.cf-cep[data-ev=few_observed]::before{background:var(--yellow)}.cf-cep[data-ev=hypothesis]::before{background:var(--coral)}
.cf-cep__top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cf-cep .cf-id{font-family:var(--disp);font-size:22px;color:var(--ink);line-height:1}
.cf-cep .cf-tt{font-size:11.5px;color:var(--ink-3);font-weight:700}
.cf-cep .cf-sum{font-size:30px;margin-left:auto;font-variant-numeric:tabular-nums;color:var(--yellow);line-height:1}
.cf-cep b{font-size:18px;line-height:1.35;margin-top:4px}
.cf-cep .cf-q{font-size:13.5px;color:var(--ink-2);margin:0}
.cf-cep .cf-bk{font-size:12.5px;color:var(--ink-3);line-height:1.55}
.cf-mx{overflow:auto}
.cf-mx td{text-align:center}
.cf-mx td.is-shared{background:rgba(255,214,10,.14)}
.cf-mx td.is-unique{background:rgba(255,255,255,.03)}
.cf-mx td span{display:inline-block;width:10px;height:10px;background:var(--coral);margin:0 2px}

/* ---------- poster wall (creatives): pinned at a tilt, tape on top ---------- */
.cf-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:34px 26px;padding:14px 6px 10px}
.cf-poster{background:var(--st-2);border:3px solid var(--ink);overflow:visible;display:flex;flex-direction:column;box-shadow:10px 10px 0 #000;position:relative;--tilt:-1.4deg;transform:rotate(var(--tilt));transition:transform .25s ease,box-shadow .25s ease;animation:cf-pin .5s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(min(var(--i,0),8) * 70ms)}
.cf-poster:hover{transform:rotate(0) translateY(-4px);box-shadow:10px 10px 0 var(--coral);z-index:2}
.cf-poster::before{content:"";position:absolute;left:50%;top:-14px;width:110px;height:28px;background:rgba(255,214,10,.75);transform:translateX(-50%) rotate(-2deg);z-index:4;box-shadow:0 2px 6px rgba(0,0,0,.4)}
@keyframes cf-pin{from{opacity:0;transform:rotate(0) translateY(-30px) scale(.96)}}
.cf-wall .cf-poster:nth-child(even){--tilt:1.2deg}
.cf-poster__frame{position:relative;aspect-ratio:9/16;background:var(--st-4);overflow:hidden;border-bottom:3px solid var(--ink)}
.cf-poster__frame img,.cf-poster__frame video{width:100%;height:100%;object-fit:cover;display:block}
.cf-poster__frame.is-developing img{animation:cf-develop 1.1s ease both}
@keyframes cf-develop{from{filter:brightness(.2) saturate(.2)}to{filter:none}}
.cf-poster__hook{position:absolute;left:16px;right:16px;top:46px;font-size:clamp(36px,3.2vw,48px);line-height:1;color:#fff;word-break:keep-all;text-wrap:balance;
  text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 10px 30px rgba(0,0,0,.6)}
.cf-poster__hook::after{content:"";display:block;width:64px;height:8px;background:var(--coral);margin-top:12px;box-shadow:3px 3px 0 #000}
.cf-poster__sub{position:absolute;left:16px;right:16px;bottom:16px;font-size:15px;line-height:1.4;color:#fff;font-weight:700;background:rgba(0,0,0,.55);padding:10px 12px;backdrop-filter:blur(4px)}
.cf-poster__frame::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none}
.cf-poster__frame.has-final::after{display:none}
.cf-poster__empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:var(--ink-3);font-size:13px;line-height:1.5;background:repeating-linear-gradient(135deg,var(--st-3) 0 14px,var(--st-4) 14px 28px)}
.cf-poster__empty .cf-poster__hook{position:static;color:var(--ink);text-shadow:none;margin-bottom:12px;font-size:36px}
.cf-poster__badges{position:absolute;left:12px;top:12px;display:flex;gap:8px;z-index:2}
.cf-poster__badges .cf-ev{background:rgba(14,12,19,.85)}
.cf-poster__hook.is-low{top:auto;bottom:70px}
.cf-poster__stage{position:absolute;inset:0;display:grid;place-items:center;background:rgba(14,12,19,.86);color:var(--ink);font-size:15px;text-align:center;padding:20px;z-index:3;gap:8px;align-content:center;font-weight:900;box-shadow:inset 0 0 0 4px var(--yellow);animation:cf-stagepulse 1.6s ease-in-out infinite}
@keyframes cf-stagepulse{50%{box-shadow:inset 0 0 0 4px var(--coral)}}
.cf-poster__stage .cf-help{font-weight:500;font-size:12px}
.cf-reel--image{border-style:solid;border-color:var(--yellow) var(--yellow) var(--yellow) transparent;animation-duration:1.1s}
.cf-reel{width:52px;height:52px;border-radius:50%;border:4px dashed var(--yellow);animation:cf-spin 2.4s linear infinite;margin:0 auto 10px}
/* clapper slate strip: scene id, device, and the search data behind it */
.cf-slatebar{display:grid;grid-template-columns:auto 1fr;gap:0;border-bottom:2px solid var(--ink);background:#000;color:#fff}
.cf-slatebar__id{padding:10px 12px;border-right:2px solid var(--ink-3);display:flex;flex-direction:column;gap:2px;min-width:86px;background:repeating-linear-gradient(135deg,#000 0 8px,#1f1b29 8px 16px)}
.cf-slatebar__id b{font-family:var(--disp);font-size:20px;font-weight:400;line-height:1;color:var(--yellow)}
.cf-slatebar__id span{font-size:11px;color:var(--ink-3);font-weight:700}
.cf-slatebar__data{padding:10px 12px;display:flex;flex-wrap:wrap;gap:4px 10px;align-content:center;font-size:12px;color:var(--ink-2)}
.cf-slatebar__data em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--yellow);font-weight:900}
.cf-slatebar__data .cf-tt{color:var(--ink-3);width:100%}
.cf-poster__body{padding:16px 16px 16px;display:flex;flex-direction:column;gap:8px}
.cf-poster__title{font-size:17px;font-weight:900;line-height:1.35;margin:0}
.cf-poster__insight{font-size:13px;color:var(--ink-2);line-height:1.55;margin:0;border-left:4px solid var(--yellow);padding-left:10px}
.cf-poster__lines{display:flex;flex-direction:column;gap:4px;margin:4px 0}
.cf-poster__lines b{font-size:15.5px;line-height:1.4}
.cf-poster__lines span{font-size:13px;color:var(--ink-3);line-height:1.4}
.cf-beats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 2px}
.cf-beat{background:var(--st);border:1.5px solid var(--line-2);padding:8px 9px;font-size:11.5px;line-height:1.4;color:var(--ink-2);min-height:70px}
.cf-beat b{display:block;font-family:var(--numf);font-weight:400;font-size:13px;color:var(--yellow);margin-bottom:3px;font-variant-numeric:tabular-nums}
.cf-beat:last-child{border-color:var(--coral)}
.cf-poster details{border-top:1px solid var(--line);padding-top:8px}
.cf-poster summary{cursor:pointer;font-size:12px;color:var(--ink-3);list-style:none;display:flex;align-items:center;gap:6px;font-weight:700}
.cf-poster summary::-webkit-details-marker{display:none}
.cf-poster summary svg{width:14px;height:14px}
.cf-poster__meta{font-size:12.5px;color:var(--ink-2);line-height:1.55;display:grid;grid-template-columns:max-content 1fr;gap:4px 10px;margin:8px 0 0}
.cf-poster__meta dt{color:var(--ink-3)}
.cf-poster__meta dd{margin:0}
.cf-cau{color:var(--coral-2);font-size:12.5px;line-height:1.5}
.cf-poster__act{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px;align-items:center}
.cf-poster__act .cf-btn--hot{padding:9px 13px;font-size:12.5px;margin-right:auto;border-radius:10px}
.cf-asset-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.cf-asset-list a{font-size:11px;color:var(--ink-3)}
.cf-wallhead{display:flex;align-items:baseline;gap:12px;margin:34px 0 10px}
.cf-wallhead h3{font-size:30px;margin:0;line-height:1}
.cf-wallhead span{font-family:var(--numf);color:var(--coral);font-size:22px}
.cf-ref{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:start;border:2px dashed var(--line-2);padding:14px 16px;margin:0 0 14px;background:var(--st-2)}
.cf-ref__thumb{width:84px;aspect-ratio:3/4;background:var(--st-4);overflow:hidden;display:grid;place-items:center;color:var(--ink-3);border:2px solid var(--ink)}
.cf-ref__thumb img{width:100%;height:100%;object-fit:contain;display:block}
.cf-ref__thumb svg{width:26px;height:26px}
.cf-ref input[type=file]{color:var(--ink-3);font-size:12px;max-width:100%}
.cf-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 18px;padding:12px 14px;border:2px solid var(--line-2);background:var(--st-2)}
.cf-toolbar label{font-size:12px;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px;font-weight:700}
.cf-backend{font-size:12px;color:var(--ink-3)}
.cf-backend em{font-style:normal;color:var(--pos)}

/* shorts sheet: option groups, font preview */
.cf-shgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cf-shgrid--2{grid-template-columns:1fr 1fr}
.cf-shsec{border-top:2px solid rgba(255,255,255,.14);padding-top:14px;margin-top:14px}
.cf-shsec h4{margin:0 0 10px;font-size:13px;font-weight:900;color:#FFD60A}
.cf-fontprev{font-size:30px;line-height:1.15;padding:16px 18px;margin:-6px 0 12px;background:#0E0C13 url(/static/prev.jpg) center/cover;border:2px solid rgba(255,255,255,.18);color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.6);word-break:keep-all;min-height:88px;display:flex;align-items:flex-end}
.cf-fontprev--s{font-size:24px}.cf-fontprev--l{font-size:38px}
.cf-fontprev--box{text-shadow:none}.cf-fontprev--box::before{content:none}
.cf-fontprev--highlight{color:#000;text-shadow:none}
.cf-fontprev--highlight span,.cf-fontprev--box span{box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 8px}
.cf-fontprev--highlight{background-color:#1a1626}
.cf-fontprev--plain{text-shadow:-2px 0 #000,2px 0 #000,0 -2px #000,0 2px #000}
.cf-beatedit .lm-input{margin:2px 0 4px}
@media (max-width:760px){.cf-shgrid,.cf-shgrid--2{grid-template-columns:1fr 1fr}.cf-fontprev{font-size:26px}}

/* ---------- sheet / toast ---------- */
.cf-scrim{position:fixed;inset:0;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .2s;z-index:40}
.cf-scrim[data-open=true]{opacity:1;pointer-events:auto}
.cf-sheet{position:fixed;top:0;right:0;bottom:0;width:min(600px,100%);background:#17141F;color:#fff;transform:translateX(100%);transition:transform .25s ease;z-index:41;display:flex;flex-direction:column;border-left:6px solid #FF4F47}
.cf-sheet[data-open=true]{transform:none}
.cf-sheet:not([data-open=true]){visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
.cf-sheet__head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 26px 14px;border-bottom:2px solid rgba(255,255,255,.16)}
.cf-sheet__head .lm-eyebrow{color:#FFD60A;font-weight:900}
.cf-sheet__head .lm-h3{color:inherit;font-size:26px;line-height:1.1}
.cf-sheet__body{padding:18px 26px 36px;overflow:auto;flex:1}
.cf-sheet .lm-input,.cf-sheet .lm-select,.cf-sheet .cf-textarea{background:#0E0C13;color:#fff;border:2px solid rgba(255,255,255,.22);border-radius:10px;padding:11px 13px;width:100%;font:inherit}
.cf-sheet .lm-label{color:#fff;font-size:13px;font-weight:900}
.cf-sheet .lm-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.cf-sheet .lm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf-sheet .cf-help{color:#9D96AE}
.cf-sheet .lm-btn--product{background:#FFD60A;color:#000;border-color:#FFD60A;font-weight:900}
.cf-sheet .cf-chk{display:flex;align-items:center;gap:8px;font-size:14px;color:#D5D0E0;margin:6px 0}
.cf-sheet .cf-chk input{accent-color:#FFD60A}
.cf-close{background:none;border:0;font-size:22px;cursor:pointer;color:#fff;line-height:1}
.cf-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px) rotate(-1.5deg);background:#FFD60A;color:#000;padding:12px 18px;font-size:14px;font-weight:900;opacity:0;transition:all .25s;z-index:50;pointer-events:none;max-width:90vw;box-shadow:5px 5px 0 #000}
.cf-toast[data-open=true]{opacity:1;transform:translate(-50%,0) rotate(-1.5deg)}
.cf-method p{max-width:760px;color:var(--ink-2);line-height:1.75;font-size:15px}
.cf-method h3{font-size:26px;margin:28px 0 8px}
.cf-method table{max-width:820px}
.cf-main .lm-state{background:var(--st-2);border:2px solid var(--line-2);color:var(--ink-2);padding:18px}
.cf-main .lm-state b{color:var(--ink)}
.cf-main .lm-state--error{border-color:var(--coral)}
.cf-main .lm-table{color:var(--ink)}
.cf-main .lm-h2{font-size:34px}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .cf-wiz{grid-template-columns:1fr}.cf-steps{position:static;flex-direction:row;gap:18px;margin-bottom:6px}.cf-step{padding:0 0 6px}
  .cf-stats{grid-template-columns:repeat(3,1fr)}.cf-board{grid-template-columns:1fr}.cf-meter{grid-template-columns:1fr 1fr}
  .cf-main .lm-hero{padding:56px var(--lm-gutter,20px) 40px}
}
@media (max-width:760px){
  .cf-main{--hard:5px 5px 0 var(--coral);--hard-ink:5px 5px 0 #000}
  .cf-main .lm-hero{padding:36px var(--lm-gutter,16px) 36px}
  html body.lm-app .cf-main .lm-h1{font:400 clamp(40px,12vw,52px)/1.04 var(--disp)!important;margin:8px 0 16px}
  .cf-main .lm-lead{font-size:16px}
  .cf-main .lm-btn--cta,.cf-main .lm-btn--outline{flex:1;text-align:center;justify-content:center;padding:14px 16px}
  .cf-cut{padding-top:40px}
  .cf-cut__bubble{max-width:86%;font-size:13px}
  .cf-cut__bubble::after{height:40px}
  .cf-cut__card{margin-top:48px;padding:22px 20px 20px;grid-template-columns:1fr;transform:rotate(-2deg);border-radius:18px}
  .cf-cut__phone{width:96px;justify-self:end;transform:rotate(5deg);margin-top:-20px}
  .cf-cut__hook{font-size:34px}
  .cf-chapter{grid-template-columns:1fr;gap:4px;margin:48px 0 18px;align-items:start}
  .cf-chapter__mark{font-size:72px;text-shadow:5px 5px 0 var(--coral);-webkit-text-stroke:2px var(--ink);line-height:.9}
  .cf-chapter__mark:has(svg){width:56px;height:56px;box-shadow:5px 5px 0 var(--coral);margin-bottom:8px}.cf-chapter__mark svg{width:32px;height:32px}
  .cf-chapter h2{font-size:30px}
  .cf-panel{padding:18px 16px}
  .cf-stage{padding:26px 18px 22px}.cf-stage::before{height:14px;background:repeating-linear-gradient(135deg,#fff 0 12px,#000 12px 24px)}
  .cf-stage__q{font-size:30px}
  .cf-bigin{flex-wrap:wrap}.cf-bigin input{font-size:32px;width:100%}
  .cf-steps{gap:10px;justify-content:space-between}.cf-step b{font-size:40px}.cf-step span{font-size:13px}
  .cf-main .lm-opts,.cf-main .lm-grid-2{grid-template-columns:1fr}
  .cf-meter{grid-template-columns:1fr 1fr;gap:8px}.cf-meter b{font-size:30px}
  .cf-actions .cf-btn--big{width:100%;justify-content:center}
  .cf-board__pct{font-size:clamp(96px,30vw,140px)}
  .cf-toc{margin:0 calc(-1 * var(--lm-gutter,16px));padding:6px var(--lm-gutter,16px);flex-direction:column;align-items:stretch;gap:2px}
  .cf-toc__acts{justify-content:flex-end;overflow-x:auto;scrollbar-width:none}
  .cf-toc a{font-size:12.5px;padding:6px 9px}
  .cf-stats{grid-template-columns:1fr 1fr;gap:10px}.cf-stats div{padding:14px 14px 12px;box-shadow:4px 4px 0 #000}.cf-stats b{font-size:40px}
  .cf-barrow{grid-template-columns:minmax(0,1fr) 64px 60px;gap:6px;font-size:12.5px}
  .cf-barrow span:first-child{grid-template-columns:1fr;gap:4px}.cf-barrow span:first-child em{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
  .cf-barrow span:first-child i{height:7px;width:var(--w,30%)}
  .cf-cep{padding:14px 14px 14px 20px}.cf-cep b{font-size:17px}.cf-cep .cf-sum{font-size:26px}
  .cf-wall{grid-template-columns:1fr;gap:30px;padding:10px 4px}
  .cf-poster{--tilt:-.8deg;box-shadow:6px 6px 0 #000}.cf-wall .cf-poster:nth-child(even){--tilt:.8deg}
  .cf-poster__hook{font-size:40px;top:40px}
  .cf-beats{grid-template-columns:1fr 1fr}
  .cf-wallhead h3{font-size:26px}
  .cf-poster__act{gap:4px}.cf-poster__act .cf-btn--icon{width:32px;height:32px;padding:6px}.cf-poster__act .cf-btn--hot{padding:8px 11px;font-size:12px}
  .cf-ref{grid-template-columns:64px 1fr;gap:12px}.cf-ref__thumb{width:64px}
  .cf-sheet{width:100%;border-left:0;border-top:6px solid #FF4F47;top:auto;height:min(92vh,100%);transform:translateY(100%)}
  .cf-sheet__head{padding:18px 18px 12px}.cf-sheet__body{padding:16px 18px 32px}.cf-sheet .lm-grid-2{grid-template-columns:1fr}
  .cf-recent{grid-template-columns:1fr}
  .cf-method h3{font-size:22px}
  .cf-main .lm-h2{font-size:28px}
}
@media (max-width:400px){
  html body.lm-app .cf-main .lm-h1{font-size:40px!important}.cf-chapter__mark{font-size:60px}.cf-stats b{font-size:34px}.cf-poster__hook{font-size:34px}
}
@media (prefers-reduced-motion:reduce){.cf-poster__stage{animation:none}.cf-poster,.cf-bar i,.cf-sheet,.cf-toast,.cf-scrim,.cf-cep,.cf-recent a,.cf-btn{transition:none;animation:none}.cf-spin,.cf-reel,.cf-rail .is-cur i,.cf-ticker .cf-tag,.cf-poster__frame.is-developing img{animation:none}}