@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&family=Montserrat:wght@400;500;600;700&display=swap");:root{--slate-deep:#0F1620;--graphite-mid:#4A5260;--graphite-light:#8A929E;--accent:#2FB598;--accent-deep:#128570;--text-display:#FFFFFF;--text-primary:#F0F2F5;--text-muted:rgba(240,242,245,.68);--font-display:"Playfair Display",Georgia,serif;--font-body:"Montserrat","Helvetica Neue",Arial,sans-serif}.page{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--text-primary);background:radial-gradient(ellipse at 50% 0,#1B2634 0,var(--slate-deep) 60%);-webkit-font-smoothing:antialiased}.page *,.page :after,.page :before{box-sizing:border-box}.page a{color:inherit}body:has(.page){margin:0}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:16px 32px;min-height:64px}.link-btn{background:none;border:1px solid rgba(255,255,255,.22);color:var(--text-primary);cursor:pointer;font:600 14px var(--font-body);padding:9px 18px;border-radius:6px;transition:border-color .15s,color .15s}.link-btn:focus-visible,.link-btn:hover{border-color:var(--accent);color:var(--accent);outline:none}.link-btn.solid{background:var(--accent);border-color:var(--accent);color:var(--slate-deep)}.link-btn.solid:focus-visible,.link-btn.solid:hover{background:#47C8AC;color:var(--slate-deep)}main{flex:1 1;width:100%;max-width:1400px;margin:0 auto;padding:0 32px 16px}.headline{display:flex;align-items:center;justify-content:center;gap:20px;margin:8px auto 4px;max-width:960px}.headline img{width:64px;height:64px;border-radius:14px;flex:none;box-shadow:0 8px 24px rgba(0,0,0,.4)}.headline h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4.2vw,46px);line-height:1.1;letter-spacing:-.02em;color:var(--text-display)}.lede{text-align:center;color:var(--text-muted);font-size:15px;margin:10px auto 0;max-width:620px}.lede .lock{vertical-align:-3px;margin-right:6px}.barrel{position:relative;outline:none;cursor:-webkit-grab;cursor:grab;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;overflow:hidden;margin-top:12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.barrel.dragging{cursor:-webkit-grabbing;cursor:grabbing}.barrel:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.persp{position:absolute;inset:0}.stage,.tilt{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;margin:0;padding:0}.panel,.stage{will-change:transform}.panel{position:absolute;left:0;top:0;list-style:none;overflow:hidden;background:linear-gradient(165deg,#323A49,#1E2530);border:1px solid rgba(255,255,255,.09);border-radius:.75em;box-shadow:0 1.5em 3em rgba(0,0,0,.45);padding:1.3em;display:flex;flex-direction:column;gap:.55em;backface-visibility:hidden;-webkit-backface-visibility:hidden}.panel .cat{font-size:.72em;font-weight:600;letter-spacing:.14em;color:var(--accent)}.panel h2{font-family:var(--font-display);font-weight:700;font-size:1.9em;line-height:1.1;letter-spacing:-.02em;color:var(--text-display);margin:0 0 .25em;text-transform:capitalize}.panel dl{margin:0;display:flex;flex-direction:column;gap:.55em}.panel dt{font-size:.68em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--graphite-light)}.panel dd{margin:.1em 0 0;font-size:.86em;line-height:1.4;color:var(--text-primary);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.panel .empty,.panel .more{margin:auto 0 0;font-size:.8em;color:var(--text-muted)}.panel .more+.expand{margin-top:0}.panel .expand{margin:auto 0 0;font-size:.72em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,12,18,.72)}.detail{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:28px;background:linear-gradient(165deg,#323A49,#1E2530);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 24px 60px rgba(0,0,0,.55);color:var(--text-primary)}.detail .cat{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--accent)}.detail h2{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1.1;margin:6px 0 18px;color:var(--text-display);text-transform:capitalize}.detail dl{margin:0;display:flex;flex-direction:column;gap:14px}.detail dt{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--graphite-light)}.detail dd{margin:2px 0 0;font-size:15px;line-height:1.45;overflow-wrap:anywhere}.detail .close{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(15,22,32,.6);color:var(--text-primary);font-size:24px;line-height:1;cursor:pointer}.detail .close:focus-visible,.detail .close:hover{border-color:var(--accent);color:var(--accent);outline:none}.controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:8px}.controls button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(15,22,32,.6);color:var(--text-primary);font-size:18px;cursor:pointer;transition:border-color .15s,color .15s}.controls button:focus-visible,.controls button:hover{border-color:var(--accent);color:var(--accent);outline:none}.dots{display:flex;gap:8px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--graphite-mid);transition:background .2s,transform .2s}.dots i.on{background:var(--accent);transform:scale(1.35)}.note{text-align:center;color:var(--text-muted);margin:32px auto 0;font-size:15px;max-width:620px}.note b{color:var(--text-primary);font-weight:600}footer{padding:24px 32px 28px;text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--graphite-light)}footer a{text-decoration:none;padding:6px 10px}footer a:focus-visible,footer a:hover{color:var(--accent);outline:none}footer .copy{display:block;margin-top:10px;letter-spacing:.1em;font-size:11px}@media (max-width:700px){.topbar{padding:12px 16px}main{padding:0 16px 8px}.headline{flex-direction:column;text-align:center;gap:14px}.headline img{width:56px;height:56px}}.connect{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;position:relative}.logo-btn{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);cursor:pointer;padding:0;transition:border-color .15s,background .15s,transform .15s}.logo-btn:focus-visible,.logo-btn:hover{border-color:var(--accent);background:rgba(255,255,255,.12);transform:translateY(-1px);outline:none}.logo-btn img{width:30px;height:30px;display:block}.connect-toast{position:absolute;top:calc(100% + 10px);right:0;z-index:20;margin:0;max-width:min(480px,92vw);padding:10px 14px;border-radius:8px;background:#1B2634;border:1px solid var(--accent);color:var(--text-primary);font-size:13px;text-align:left}.connect-toast code{word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.connect.inline{justify-content:flex-start}.connect.inline .logo-btn{width:auto;height:48px;padding:0 16px 0 12px;gap:10px;color:var(--text-primary);font:600 14px var(--font-body);text-decoration:none}.connect.inline .logo-btn img{width:26px;height:26px}.connect.inline .connect-toast{position:static;flex-basis:100%;max-width:none}@media (max-width:640px){.topbar{padding:12px 16px;flex-wrap:wrap;gap:12px}.logo-btn{width:42px;height:42px}.logo-btn img{width:26px;height:26px}.connect{gap:8px}}.explainer{max-width:980px;margin:56px auto 0;padding:0 16px}.explainer section{padding:40px 0;border-top:1px solid rgba(255,255,255,.08)}.explainer h2{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3.4vw,34px);line-height:1.15;margin:0 0 10px;color:var(--text-display)}.explainer h3{font-size:15px;font-weight:600;margin:0 0 6px;color:var(--text-primary)}.explainer .sub{color:var(--text-muted);max-width:640px;margin:0 0 20px}.explainer .sub a{color:var(--accent)}.explainer .two{display:grid;grid-gap:20px;gap:20px;grid-template-columns:1fr 1.4fr}@media (max-width:760px){.explainer .two{grid-template-columns:1fr}}.explainer pre{background:#161d28;border:1px solid rgba(255,255,255,.09);padding:14px;border-radius:10px;overflow-x:auto;margin:0;white-space:pre-wrap;word-break:break-word;font:13px/1.5 ui-monospace,Menlo,monospace;color:var(--text-primary)}.xgrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.xcard{background:linear-gradient(165deg,#323A49,#1E2530);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:16px;margin-bottom:0}.two .xcard{margin-bottom:14px}.xcard header{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xcard .dim,.xcard td.dim{color:var(--text-muted);margin:4px 0 0;font-size:13px}.xcard .quote{color:var(--text-primary);font-style:italic;margin:6px 0 0;font-size:14px}.xcard table{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}.xcard td{text-align:left;padding:4px 6px;border-top:1px solid rgba(255,255,255,.08);vertical-align:top}.met{color:var(--accent)}.unmet{color:#E0836F}.unknown{color:#D7B24F}.link-btn.small{padding:6px 12px;font-size:13px}.board{text-align:center;font-size:18px;color:var(--text-muted);margin:40px auto 0}.board b{display:block;font-family:var(--font-display);font-size:40px;color:var(--text-display);line-height:1.1}.manual-copy{display:block;width:100%;margin-top:10px;background:#161d28;color:var(--text-primary);border:1px solid var(--accent);border-radius:8px;padding:8px;font:12px/1.4 ui-monospace,Menlo,monospace;resize:vertical}html{overscroll-behavior-x:none;scroll-behavior:smooth}.more-cue{display:flex;flex-direction:column;align-items:center;gap:4px;margin:20px auto 0;width:max-content;color:var(--accent);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.more-cue svg{animation:cue-bob 1.8s ease-in-out infinite}.more-cue:focus-visible,.more-cue:hover{color:#47C8AC;outline:none}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.more-cue svg{animation:none}}.how{margin:28px auto 8px;max-width:1240px}.how h2{font-family:var(--font-display);font-size:clamp(24px,3vw,32px);text-align:center;margin:0 0 6px;color:var(--text-display)}.how .sub{text-align:center;color:var(--text-muted);font-size:15px;margin:0 auto 22px;max-width:620px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.demo{position:relative;height:580px;display:flex;flex-direction:column;overflow:hidden;cursor:pointer;outline:none;background:linear-gradient(165deg,#2A3240,#1A212B);border:1px solid rgba(255,255,255,.09);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.35);transition:border-color .2s,transform .2s}.demo:focus-visible,.demo:hover{border-color:var(--accent);transform:translateY(-3px)}.demo header{display:flex;gap:12px;align-items:flex-start;padding:16px 18px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.demo .num{flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--slate-deep);font-weight:700;font-size:14px;display:grid;place-items:center}.demo header h3{margin:0;font-size:16px;color:var(--text-display)}.demo header p{margin:2px 0 0;font-size:13px;color:var(--text-muted)}.chat{flex:1 1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:14px 16px 16px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%);mask-image:linear-gradient(180deg,transparent,#000 14%)}.m-user{align-self:flex-end;max-width:94%;background:rgba(61,191,160,.16);border:1px solid rgba(61,191,160,.4);border-radius:12px 12px 4px 12px;padding:10px 12px;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.demo.idle .m-user{opacity:.75}.caret{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}.m-tool{align-self:flex-start;font:12px/1.4 ui-monospace,Menlo,monospace;color:var(--text-muted);border:1px dashed rgba(255,255,255,.2);border-radius:8px;padding:5px 10px}.m-tool b{color:var(--accent)}.m-say{margin:0;font-size:13px;line-height:1.45;color:var(--text-primary)}.m-box{background:#161d28;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:10px 12px}.m-box h4{margin:0 0 6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.m-box dl{margin:0;display:grid;grid-gap:2px;gap:2px}.m-box dl div{display:flex;gap:8px;font-size:12px;line-height:1.4}.m-box dt{flex:none;width:34%;color:var(--text-muted)}.m-box dt:first-letter{text-transform:uppercase}.m-box dd{margin:0;color:var(--text-primary);overflow-wrap:anywhere}.m-res{background:#161d28;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:9px 12px}.m-res.out{border-color:rgba(229,115,107,.45)}.m-res .top{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--text-display)}.m-res .score{flex:none;color:var(--accent)}.m-res.out .score{color:#E5736B}.m-res .meta{font-size:12px;color:var(--text-muted);margin:1px 0 6px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:11px;line-height:1.3;padding:2px 7px;border-radius:999px;border:1px solid}.chip.met{color:#6FD9BE;border-color:rgba(111,217,190,.4);background:rgba(61,191,160,.1)}.chip.unmet{color:#F08E87;border-color:rgba(240,142,135,.45);background:rgba(229,115,107,.1)}.chip.unknown{color:#E8C468;border-color:rgba(232,196,104,.4);background:rgba(224,176,74,.1)}.pop{animation:pop .35s ease both}.dots-think{align-self:flex-start;display:flex;gap:4px;padding:6px 2px}.dots-think i{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:bounce 1s ease-in-out infinite}.dots-think i:nth-child(2){animation-delay:.15s}.dots-think i:nth-child(3){animation-delay:.3s}.hint{position:absolute;left:0;right:0;top:44%;display:flex;justify-content:center;pointer-events:none}.hint span{background:var(--accent);color:var(--slate-deep);font-weight:700;font-size:13px;padding:8px 16px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.4)}.hint.again{top:auto;bottom:10px}.hint.again span{background:rgba(255,255,255,.12);color:var(--text-primary);box-shadow:none;font-size:12px;padding:5px 12px}.hint em{font-style:normal}.h-tap{display:none}@media (hover:none){.h-hover{display:none}.h-tap{display:inline}}@keyframes pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@keyframes bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}@media (max-width:980px){.how-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}.demo{height:500px}}@media (prefers-reduced-motion:reduce){.caret,.dots-think i,.pop{animation:none}.demo{transition:none}}.demo.done .chat{padding-bottom:40px}.tgrid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.thead{display:flex;gap:12px;align-items:center}.thead h3{margin:0;font-size:17px;color:var(--text-display)}.thead p{margin:2px 0 0;font-size:13px;color:var(--text-muted)}.ticon{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:rgba(61,191,160,.12);border:1px solid rgba(61,191,160,.3)}.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;flex:1 1;align-content:flex-start}.tags li{font-size:12px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--text-primary)}.welcome{margin:28px auto 8px;max-width:1100px}.welcome h2{font-family:var(--font-display);font-size:clamp(24px,3vw,32px);text-align:center;margin:0 0 6px;color:var(--text-display)}.welcome .sub{text-align:center;color:var(--text-muted);margin:0 0 22px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px}.step{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(165deg,#2A3240,#1A212B);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:16px 18px}.step.now{opacity:1;border-color:var(--accent)}.step h3{margin:0 0 4px;font-size:17px;color:var(--text-display)}.step p{margin:0 0 10px;color:var(--text-muted);font-size:14px}.step .ok{color:#6FD9BE;font-weight:600;margin:0}.sn{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:rgba(255,255,255,.12)}.step.done .sn,.step.now .sn{background:var(--accent);color:var(--slate-deep)}.step.done .sn{font-size:0}.step.done .sn:after{content:"\2713";font-size:16px}.step .try{margin:0;padding-left:18px;color:var(--text-primary);font-size:14px;display:grid;grid-gap:4px;gap:4px}.more-templates{margin:28px auto 0;max-width:1100px}.more-templates>summary{cursor:pointer;text-align:center;color:var(--accent);font-weight:600;margin-bottom:16px}.tflip{display:grid;perspective:1200px;min-height:280px}.tflip .face{grid-area:1/1;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(165deg,#323A49,#1E2530);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .6s cubic-bezier(.4,.2,.2,1),border-color .2s}.tflip .back{transform:rotateY(180deg);border-color:var(--accent)}.tflip.on .front{transform:rotateY(-180deg)}.tflip.on .back{transform:rotateY(0)}.tflip .front:hover{border-color:var(--accent)}.tflip .tags{flex:0 0 auto}.tq-note{margin:0;font-size:13px;color:var(--text-muted);flex:1 1}.tflip .front .link-btn{align-self:flex-start}.back-title{margin:0;font-size:13px;font-weight:700;color:var(--accent)}.prompt-text{flex:1 1;min-height:160px;width:100%;resize:none;background:#161d28;color:var(--text-primary);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px;font:12.5px/1.5 var(--font-body)}.back-actions{display:flex;gap:10px}@media (prefers-reduced-motion:reduce){.tflip .face{transition:none}}.finish{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.finish .dim{color:var(--text-muted);font-size:13px}.link-btn:disabled{opacity:.45;cursor:not-allowed}.step .url-line{font-size:13px;margin:14px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.step .url-line code{color:var(--text-primary);word-break:break-all}.step>div{flex:1 1;min-width:0}.step .more-templates{margin-top:16px;max-width:none}.welcome>.finish{margin-top:18px;justify-content:center}