@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap";
:root{--ink:#141512;--muted:#707268;--line:#dedfd8;--paper:#f5f4ee;--card:#fffefa;--lime:#c7ff3f;--orange:#ff5b2e;--dark:#20221c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Noto Sans SC,sans-serif}button,input,select{font:inherit}button,a{transition:all .2s}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#f5f4eeeb;justify-content:space-between;align-items:center;height:72px;padding:0 max(28px,50vw - 620px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.5px;align-items:center;gap:10px;font-weight:900;display:flex}.brandmark{background:var(--ink);width:32px;height:32px;color:var(--lime);border-radius:50%;place-items:center;display:grid}.brand em{letter-spacing:1.8px;color:#919388;margin-left:3px;font-size:9px;font-style:normal}.topbar nav{align-items:center;gap:28px;display:flex}.topbar nav a{color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}.status{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:8px 12px;font-size:11px}.status i{background:#64c543;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.hero{max-width:1240px;margin:auto;padding:76px 0 54px}.eyebrow,.kicker{letter-spacing:1.7px;text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow{color:#55584e;align-items:center;gap:8px;display:flex}.hero h1{letter-spacing:-5px;max-width:920px;margin:20px 0 24px;font-size:clamp(54px,7.3vw,96px);font-weight:900;line-height:.98}.hero h1 span{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.hero>p{color:var(--muted);max-width:700px;font-size:17px;line-height:1.8}.searchbox{background:var(--card);border:1px solid #d8d9d1;margin-top:40px;box-shadow:0 18px 45px #272a2012}.searchrow{align-items:center;gap:14px;height:76px;padding:0 10px 0 24px;display:flex}.searchrow input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.searchrow button,.primary{background:var(--ink);color:#fff;border:0;align-items:center;gap:9px;height:54px;padding:0 25px;font-weight:700;display:flex}.searchrow button:hover,.primary:hover{background:#383b31}.searchrow button:disabled,.primary:disabled{opacity:.65}.filters{border-top:1px solid var(--line);min-height:50px;color:var(--muted);align-items:center;gap:22px;padding:8px 22px;font-size:12px;display:flex}.filters>span{color:var(--ink);font-weight:700}.filters label{align-items:center;gap:6px;display:flex}.filters select{appearance:none;color:var(--ink);background:0 0;border:0;outline:0;padding-right:3px;font-weight:600}.filters small{margin-left:auto}.error{color:#a83214;background:#fff0ec;border:1px solid #ffc5b7;justify-content:space-between;margin-top:16px;padding:13px 16px;font-size:13px;display:flex}.error button{color:inherit;background:0 0;border:0}.workspace{border-top:1px solid var(--line);background:#ebeae3;padding:52px max(28px,50vw - 620px) 80px}.sectionhead{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.kicker{color:var(--orange)}.sectionhead h2{letter-spacing:-1.3px;margin:8px 0 0;font-size:30px}.stats{gap:8px;display:flex}.stats span{border:1px solid var(--line);color:var(--muted);background:#f8f7f2;padding:9px 12px;font-size:11px}.stats b{color:var(--ink);margin-right:3px;font-size:14px}.contentgrid{grid-template-columns:minmax(0,1.5fr) minmax(330px,.72fr);align-items:start;gap:22px;display:grid}.cards{flex-direction:column;gap:10px;display:flex}.card{background:var(--card);cursor:pointer;border:1px solid #dcdcd4;grid-template-columns:42px 1fr 42px;gap:16px;padding:24px;display:grid;position:relative}.card:hover,.card.active{border-color:var(--ink);transform:translateY(-1px)}.card.active:before{content:"";background:var(--lime);width:4px;position:absolute;inset:-1px auto -1px -1px}.rank{color:#999b90;padding-top:4px;font-size:12px;font-weight:700}.badges{align-items:center;gap:6px;display:flex}.badges span{letter-spacing:.6px;text-transform:uppercase;color:#66685f;background:#eeeee8;padding:5px 7px;font-size:9px}.badges .verified{color:#367026;background:#e6f5da;align-items:center;gap:3px;display:flex}.badges .pending{color:#93600b;background:#fff1d9}.card h3{letter-spacing:-.5px;margin:13px 0 8px;font-size:20px}.hook{color:#5f6158;margin:0 0 8px;font-size:13px;line-height:1.65}.author{color:#989a90;font-size:11px}.metrics{border-top:1px solid #ecece6;align-items:center;gap:26px;margin-top:18px;padding-top:15px;display:flex}.metrics span{flex-direction:column;gap:2px;display:flex}.metrics small{color:#999b91;font-size:9px}.metrics b{font-size:14px}.metrics .signal{align-items:flex-end;margin-left:auto}.metrics .signal b{color:var(--orange);font-size:11px}.cardactions{flex-direction:column;align-items:center;gap:13px;display:flex}.cardactions button,.cardactions a{color:#94968b;background:0 0;border:0;padding:4px}.cardactions .saved{color:var(--orange)}.cardactions>svg{margin-top:auto}.analysis{background:var(--dark);color:#f6f5ee;min-height:490px;max-height:calc(100vh - 116px);position:sticky;top:94px;overflow:auto}.placeholder,.ready{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:490px;padding:48px;display:flex}.placeholder>div,.orbit{width:58px;height:58px;color:var(--lime);border:1px solid #56594e;border-radius:50%;place-items:center;display:grid}.placeholder h3,.ready h3{margin:20px 0 9px;font-size:20px}.placeholder p,.ready p{color:#a6a99e;max-width:280px;font-size:12px;line-height:1.8}.analysishead{border-bottom:1px solid #3a3d34;padding:22px 24px;position:relative}.analysishead>span{letter-spacing:1.8px;color:var(--lime);font-size:9px}.analysishead button{color:#aaa;background:0 0;border:0;position:absolute;top:17px;right:17px}.analysishead h3{margin:10px 30px 0 0;font-size:16px;line-height:1.45}.ready{min-height:390px}.primary{background:var(--lime);color:var(--ink);height:46px;margin-top:14px}.report{padding:24px}.summary{color:#d1d3ca;margin-top:0;font-size:13px;line-height:1.75}.block{border-top:1px solid #3a3d34;padding:18px 0}.block h4,.script h4{color:var(--lime);letter-spacing:1.2px;margin:0 0 9px;font-size:10px}.block p,.block li{color:#d0d2c9;font-size:12px;line-height:1.75}.block ol{margin:0;padding-left:18px}.script{color:var(--ink);background:#f5f4ed;margin:8px -8px -8px;padding:18px}.script>div{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.script>div span{color:var(--orange);letter-spacing:1px;font-size:9px;font-weight:700}.script button{background:#fff;border:1px solid #ccc;padding:6px 9px;font-size:10px}.script h4{color:var(--ink)}.script pre{white-space:pre-wrap;margin:0;font-family:inherit;font-size:12px;line-height:1.8}.skeleton{background:linear-gradient(90deg,#f7f6f0,#fff,#f7f6f0) 0 0/200%;height:220px;animation:1.2s infinite shine}.empty{text-align:center;color:#777a70;background:#f7f6f1;border:1px dashed #cfd0c7;padding:80px}.empty h3{color:var(--ink)}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:120px;padding:0 max(28px,50vw - 620px);display:flex}footer p{color:var(--muted);font-size:11px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{to{background-position:-200%}}@media (max-width:900px){.topbar nav a{display:none}.hero{padding:55px 22px}.hero h1{letter-spacing:-3px}.workspace{padding:42px 18px}.contentgrid{grid-template-columns:1fr}.analysis{max-height:none;position:relative;top:0}.sectionhead{flex-direction:column;align-items:flex-start;gap:18px}.filters{overflow:auto}.filters small{display:none}.card{grid-template-columns:30px 1fr}.cardactions{flex-direction:row;grid-column:2}.metrics{flex-wrap:wrap;gap:16px}.metrics .signal{align-items:flex-start;width:100%;margin:0}footer{flex-direction:column;align-items:flex-start;gap:20px;padding:30px 22px}.brand em{display:none}}@media (max-width:560px){.hero h1{font-size:49px}.searchrow{flex-wrap:wrap;height:auto;padding:15px}.searchrow input{width:80%;min-height:40px}.searchrow button{justify-content:center;width:100%}.card{padding:18px}.stats{flex-wrap:wrap}.topbar{padding:0 18px}.status{display:none}}.source-tabs{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.source-tabs button{text-align:left;background:#efeee8;border:0;align-items:center;gap:12px;padding:15px 22px;display:flex}.source-tabs button+button{border-left:1px solid var(--line)}.source-tabs button.on{background:var(--lime);color:var(--ink)}.source-tabs b{font-size:14px}.source-tabs small{color:#73756c;font-size:10px}.importrow{border-top:1px solid var(--line);gap:8px;padding:10px;display:flex}.importrow input{border:1px solid var(--line);background:#f8f7f1;outline:0;flex:1;padding:11px 13px}.importrow button{background:#dedfd7;border:0;padding:0 18px;font-weight:700}.official{background:var(--ink);color:#fff;align-items:center;gap:7px;margin-top:14px;padding:11px 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.video-preview{background:#111;border-bottom:1px solid #3a3d34;padding:12px}.video-preview iframe{background:#000;border:0;width:100%;height:300px}.video-preview a{color:var(--lime);justify-content:center;align-items:center;gap:7px;padding-top:10px;font-size:11px;text-decoration:none;display:flex}.guide-hero{max-width:1240px;margin:auto;padding:72px 0 55px}.guide-hero h1{letter-spacing:-6px;margin:20px 0 28px;font-size:clamp(58px,8vw,104px);font-weight:900;line-height:.94}.guide-hero h1 span{color:#0000;-webkit-text-stroke:1.5px var(--ink)}.guide-hero>p{color:var(--muted);max-width:680px;font-size:17px;line-height:1.8}.method-wrap{border-top:1px solid var(--line);background:#ebeae3;padding:48px max(28px,50vw - 620px) 70px}.method-tabs{grid-template-columns:1fr 1fr;margin-bottom:45px;display:grid}.method-tabs button{border:1px solid var(--line);text-align:left;background:#f7f6f1;grid-template-columns:auto 1fr;column-gap:20px;min-height:126px;padding:22px 25px;display:grid}.method-tabs button+button{border-left:0}.method-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.method-tabs button span{letter-spacing:1.4px;color:var(--orange);grid-row:1/3;font-size:10px}.method-tabs button b{font-size:22px}.method-tabs button small{color:#8b8e83;line-height:1.6}.method-title{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.method-title span{letter-spacing:1.8px;color:var(--orange);font-size:9px}.method-title h2{letter-spacing:-1px;margin:8px 0 0;font-size:32px}.route{color:var(--muted);border:1px solid #d0d1c9;padding:10px 14px;font-size:11px}.step-list{flex-direction:column;display:flex}.guide-step{background:var(--card);border:1px solid var(--line);border-bottom:0;grid-template-columns:50px 48px 1fr 30px;align-items:start;gap:16px;padding:26px 28px;display:grid}.guide-step:last-child{border-bottom:1px solid var(--line)}.step-no{color:#a0a297;padding-top:10px;font-size:11px}.step-icon{background:var(--lime);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.step-copy>small{letter-spacing:1.3px;color:var(--orange);font-size:9px}.step-copy h3{margin:4px 0 8px;font-size:21px}.step-copy>p{margin:0;font-size:14px;line-height:1.7}.tip{color:#777970;align-items:flex-start;gap:7px;margin-top:13px;font-size:11px;display:flex}.tip svg{color:var(--orange);flex:none}.step-arrow{color:#bbbdb3;margin-top:10px}.parameter-section{max-width:1240px;margin:auto;padding:72px 0}.parameter-section>div:first-child{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.parameter-section h2{letter-spacing:-1px;margin:8px 0 0;font-size:30px}.parameter-grid{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.parameter-grid>div{border-right:1px solid var(--line);background:var(--card);padding:26px}.parameter-grid>div:last-child{border:0}.parameter-grid svg{color:var(--orange);margin-bottom:25px}.parameter-grid small{color:var(--muted);font-size:10px;display:block}.parameter-grid b{margin:5px 0 12px;font-size:20px;display:block}.parameter-grid p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.judge-section{background:var(--dark);color:#f5f4ed;grid-template-columns:.8fr 1.2fr;gap:80px;padding:75px max(28px,50vw - 620px);display:grid}.judge-copy h2{letter-spacing:-2px;font-size:42px;line-height:1.15}.judge-copy p{color:#a7aa9e;font-size:13px;line-height:1.8}.check-list>div{border-top:1px solid #3e4038;grid-template-columns:34px 35px 1fr;align-items:center;padding:17px 0;display:grid}.check-list span{background:var(--lime);width:24px;height:24px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.check-list b{color:#777b6f;font-size:10px}.check-list p{margin:0;font-size:13px;line-height:1.6}.one-line{background:var(--lime);grid-template-columns:42px 1fr 40px;align-items:center;max-width:1240px;margin:70px auto;padding:28px 34px;display:grid}.one-line small{letter-spacing:1.5px;font-size:9px}.one-line h2{letter-spacing:-.7px;margin:5px 0 0;font-size:25px}@media (max-width:900px){.guide-hero{padding:55px 22px}.guide-hero h1{letter-spacing:-3px}.method-wrap{padding:38px 18px}.method-tabs{grid-template-columns:1fr}.method-tabs button+button{border-left:1px solid var(--line);border-top:0}.method-title{flex-direction:column;align-items:flex-start;gap:18px}.guide-step{grid-template-columns:32px 42px 1fr;padding:20px 15px}.step-arrow{display:none}.parameter-section{padding:55px 18px}.parameter-grid{grid-template-columns:1fr 1fr}.parameter-grid>div:nth-child(2){border-right:0}.parameter-grid>div{border-bottom:1px solid var(--line)}.judge-section{grid-template-columns:1fr;gap:35px;padding:55px 22px}.one-line{margin:45px 18px}.guide-page footer{padding:30px 22px}}@media (max-width:560px){.guide-hero h1{font-size:54px}.parameter-grid{grid-template-columns:1fr}.parameter-grid>div{border-right:0}.one-line{grid-template-columns:32px 1fr}.one-line>svg:last-child{display:none}.one-line h2{font-size:19px}}.guide-step{grid-template-columns:50px 48px minmax(0,1fr) minmax(320px,390px);align-items:center}.real-shot{background:#f4f3ed;border:1px solid #d9dad2;min-width:0;margin:0;overflow:hidden}.real-shot-head{border-bottom:1px solid #d9dad2;justify-content:space-between;align-items:center;height:34px;padding:0 10px;font-size:9px;display:flex}.real-shot-head span{letter-spacing:.6px;align-items:center;gap:6px;font-weight:700;display:flex}.real-shot-head i{background:var(--orange);border-radius:50%;width:6px;height:6px}.real-shot-head a{color:#66685f;align-items:center;gap:4px;text-decoration:none;display:flex}.real-shot-head a:hover{color:var(--orange)}.real-shot-image{background:#151515;place-items:center;display:grid;overflow:hidden}.real-shot-image.provided{max-height:490px;padding:10px}.real-shot-image.provided img{object-fit:contain;width:auto;max-width:100%;max-height:470px;display:block}.real-shot-image.video-frame img{aspect-ratio:143/96;object-fit:cover;width:100%;display:block}.real-shot figcaption{color:#8b8d84;padding:8px 10px;font-size:8px;line-height:1.5}.step-list.text-only{grid-template-columns:1fr 1fr;display:grid}.step-list.text-only .guide-step{grid-template-columns:42px 48px 1fr;min-height:210px}.step-list.text-only .guide-step:nth-child(odd){border-right:0}.step-list.text-only .guide-step:nth-last-child(2){border-bottom:1px solid var(--line)}.similar-note{background:var(--lime);grid-template-columns:42px minmax(180px,260px) 1fr;align-items:center;gap:16px;margin-bottom:14px;padding:20px 24px;display:grid}.similar-note>div{background:var(--ink);width:38px;height:38px;color:var(--lime);border-radius:50%;place-items:center;display:grid}.similar-note span{font-size:17px;font-weight:900}.similar-note p{color:#494c42;margin:0;font-size:12px;line-height:1.75}@media (max-width:900px){.guide-step{grid-template-columns:32px 42px 1fr}.real-shot{grid-column:2/4;width:min(100%,560px);margin-top:15px}.step-copy{align-self:start}.step-list.text-only{grid-template-columns:1fr}.step-list.text-only .guide-step{border-right:1px solid var(--line);grid-template-columns:32px 42px 1fr;min-height:0}.similar-note{grid-template-columns:38px 1fr}.similar-note p{grid-column:1/3}}