:root{--ink:#11130f;--paper:#f4f2ea;--acid:#c8ff45;--line:#c9c8c0;--muted:#686b63;--white:#fbfaf6;--danger:#ff665c;--shadow:0 18px 50px rgba(20,22,16,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Noto Sans SC",sans-serif;overflow-x:hidden}button,textarea,input,select{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.topbar{height:76px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:600 15px DM Mono,monospace;letter-spacing:.11em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--ink);color:var(--acid);letter-spacing:-.12em}.topbar nav{display:flex;align-items:center;gap:32px}.topbar nav a{color:var(--ink);text-decoration:none;font-size:13px}.lang{border:1px solid var(--ink);background:transparent;padding:8px 11px;font:500 11px DM Mono;cursor:pointer}.lang:hover{background:var(--ink);color:var(--paper)}main{max-width:1500px;margin:auto}.hero{min-height:720px;padding:76px 8vw 40px;position:relative;display:flex;flex-direction:column;align-items:flex-start}.hero:before{content:"";position:absolute;width:390px;height:390px;border:1px solid var(--line);border-radius:50%;right:-115px;top:24px}.hero:after{content:"";position:absolute;width:11px;height:11px;background:var(--acid);right:80px;top:218px;box-shadow:0 0 0 9px var(--ink)}.eyebrow{width:100%;display:grid;grid-template-columns:42px auto 1fr;gap:14px;align-items:center;font:500 11px DM Mono;letter-spacing:.08em;text-transform:uppercase}.eyebrow>span{height:3px;background:var(--acid);border-left:24px solid var(--ink)}.eyebrow em{font-style:normal;color:var(--muted);text-align:right}h1{font-size:clamp(58px,8.2vw,126px);line-height:.86;letter-spacing:-.07em;margin:52px 0 35px;max-width:1000px;font-weight:600}h1 i{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.lede{font-size:clamp(16px,1.4vw,20px);line-height:1.75;max-width:680px;margin:0 0 38px;color:#474a43}.search-shell{width:min(940px,100%);background:var(--white);border:1px solid var(--ink);box-shadow:9px 9px 0 var(--ink);padding:13px}.search-shell label{display:block;font:500 10px DM Mono;letter-spacing:.11em;text-transform:uppercase;margin:2px 7px 10px;color:var(--muted)}.search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.search-row textarea{border:0;background:#ebeae3;resize:none;padding:18px 20px;outline:0;line-height:1.5;min-height:78px}.search-row textarea:focus{box-shadow:inset 0 0 0 2px var(--ink)}.search-row button{border:0;background:var(--acid);padding:0 27px;min-width:176px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;transition:transform .2s}.search-row button:hover{transform:translate(-2px,-2px)}.search-row button b{font-size:25px}.search-row button.loading b{animation:spin .8s linear infinite}.suggestions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 6px 2px;font-size:11px}.suggestions>span{color:var(--muted)}.suggestions button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:3px 4px;cursor:pointer;color:var(--ink)}.suggestions button:hover{border-color:var(--ink)}.hero-note{margin-top:auto;width:100%;display:flex;justify-content:space-between;color:var(--muted);font:10px DM Mono;letter-spacing:.08em;padding-top:52px}.results-section,.examples{padding:80px 8vw;border-top:1px solid var(--line)}.results-section{background:var(--ink);color:var(--paper);min-height:700px}.section-head{display:flex;align-items:center;gap:16px;margin-bottom:38px}.section-head>span{background:var(--acid);color:var(--ink);font:500 11px DM Mono;padding:7px}.section-head h2{font-size:clamp(30px,4vw,54px);letter-spacing:-.045em;margin:0}.section-head button{margin-left:auto;border:1px solid #55584f;background:transparent;color:var(--paper);padding:10px 14px;cursor:pointer}.answer-panel{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:start;border-top:1px solid #4a4c45;border-bottom:1px solid #4a4c45;padding:23px 0;margin-bottom:36px}.answer-panel p{margin:0;max-width:900px;line-height:1.7;font-size:17px}.answer-symbol{color:var(--acid);font-size:25px}.engine{font:10px DM Mono;border:1px solid #55584f;padding:7px;color:#aeb1a7}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.result-card{background:#1b1e18;border:1px solid #3c3f37;padding:26px;color:var(--paper);text-align:left;cursor:pointer;position:relative;min-height:275px;display:flex;flex-direction:column;transition:.25s}.result-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:inset 0 -4px 0 var(--accent)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-icon{display:grid;place-items:center;background:var(--accent);color:var(--ink);width:46px;height:46px;font-size:23px}.fit{font:10px DM Mono;color:#aeb1a7}.result-card h3{font-size:24px;letter-spacing:-.035em;margin:28px 0 12px}.result-card p{color:#adb0a7;line-height:1.65;margin:0 0 24px;font-size:14px}.card-meta{margin-top:auto;display:flex;gap:9px;align-items:center;font:10px DM Mono;color:#d4d6cf}.card-meta span{border:1px solid #45483f;padding:6px 8px}.card-meta b{margin-left:auto;color:var(--accent);font-size:21px}.empty-state{text-align:center;padding:80px}.empty-state b{font-size:80px;color:var(--acid)}.empty-state p{color:#aaa}.examples{min-height:620px;position:relative;overflow:hidden}.marquee{position:absolute;left:0;right:0;top:160px;white-space:nowrap;overflow:hidden;font:600 85px/1 DM Mono;color:transparent;-webkit-text-stroke:1px #d4d2ca;z-index:-1;transform:rotate(-2deg)}.example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:120px}.example-grid button{height:230px;border:1px solid var(--ink);background:var(--white);padding:23px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:.2s}.example-grid button:nth-child(2){transform:translateY(35px);background:var(--acid)}.example-grid button:hover{background:var(--ink);color:var(--paper);transform:translateY(-6px)}.example-grid button:nth-child(2):hover{transform:translateY(29px)}.example-grid small{font:10px DM Mono;color:var(--muted)}.example-grid strong{font-size:26px;margin:auto 0;letter-spacing:-.04em}.example-grid button>span{font-size:25px;align-self:flex-end}footer{border-top:1px solid var(--line);padding:30px 4.5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:12px}footer p{text-align:center;color:var(--muted)}footer>a:last-child{text-align:right;color:var(--ink);font:10px DM Mono;text-decoration:none}dialog{width:min(860px,calc(100% - 30px));max-height:90vh;padding:0;border:0;background:var(--white);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(8,10,6,.78);backdrop-filter:blur(5px)}.close-dialog{position:sticky;top:14px;float:right;margin:14px;z-index:2;border:1px solid var(--ink);background:var(--white);width:38px;height:38px;font-size:23px;cursor:pointer}.detail-hero{padding:44px;background:var(--ink);color:var(--paper)}.detail-kicker{font:10px DM Mono;color:var(--acid);letter-spacing:.1em}.detail-hero h2{font-size:clamp(34px,6vw,61px);letter-spacing:-.055em;line-height:1;margin:25px 0}.detail-hero p{max-width:650px;color:#b9bbb3;line-height:1.7}.detail-meta{display:flex;gap:9px;flex-wrap:wrap}.detail-meta span{border:1px solid #484b42;padding:7px 9px;font:10px DM Mono}.detail-body{padding:42px}.detail-body h3{font-size:25px;margin:10px 0 25px}.steps{list-style:none;padding:0;margin:0;counter-reset:steps}.steps li{counter-increment:steps;display:grid;grid-template-columns:42px 1fr;gap:15px;border-top:1px solid var(--line);padding:18px 0;line-height:1.6}.steps li:before{content:counter(steps,decimal-leading-zero);font:500 11px DM Mono;color:var(--muted);padding-top:5px}.prompt-box{background:#e8e7df;padding:24px;margin-top:35px;border-left:5px solid var(--acid)}.prompt-box small{font:500 10px DM Mono;letter-spacing:.1em}.prompt-box p{line-height:1.7;white-space:pre-wrap}.prompt-actions{display:flex;gap:10px;margin-top:16px}.action-link,.copy-prompt{border:1px solid var(--ink);background:var(--ink);color:var(--white);padding:11px 15px;text-decoration:none;cursor:pointer;font-size:12px}.copy-prompt{background:transparent;color:var(--ink)}.error-toast{position:fixed;right:20px;bottom:20px;background:var(--danger);color:#fff;padding:14px 18px;z-index:20}.reveal{animation:reveal .55s both}@keyframes reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.topbar{height:64px}.topbar nav a{display:none}.hero{padding:48px 20px 30px;min-height:680px}.hero:before{width:220px;height:220px;right:-130px}.hero:after{display:none}h1{font-size:58px;margin-top:38px}.lede{font-size:15px}.search-row{grid-template-columns:1fr}.search-row button{height:58px}.hero-note span:nth-child(2){display:none}.results-section,.examples{padding:58px 20px}.results-grid,.example-grid{grid-template-columns:1fr}.example-grid{margin-top:60px}.example-grid button:nth-child(2){transform:none}.example-grid button:nth-child(2):hover{transform:translateY(-6px)}.answer-panel{grid-template-columns:auto 1fr}.engine{display:none}.marquee{top:150px;font-size:50px}footer{grid-template-columns:1fr auto}footer p{display:none}.detail-hero,.detail-body{padding:30px 23px}}