:root{--ink:#e9f2ff;--muted:#9fb0c8;--bg:#06101d;--panel:#0b1929;--panel2:#10233a;--line:#213a55;--cyan:#58e7ff;--violet:#a88cff;--lime:#91f5c3;--danger:#ff8a9a;--max:1240px;--radius:22px;--shadow:0 26px 80px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% -5%,rgba(88,231,255,.12),transparent 34rem),radial-gradient(circle at 95% 5%,rgba(168,140,255,.12),transparent 30rem),var(--bg);color:var(--ink);font:16px/1.62 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.skip-link{position:fixed;left:1rem;top:-10rem;z-index:100;background:#fff;color:#000;padding:.7rem 1rem;border-radius:8px}.skip-link:focus{top:1rem}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:.85rem max(1.2rem,calc((100vw - var(--max))/2));background:rgba(6,16,29,.82);border-bottom:1px solid rgba(88,231,255,.13);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-size:1.15rem;font-weight:800;letter-spacing:-.03em}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:12px;background:linear-gradient(145deg,var(--cyan),var(--violet));color:#05101d;font-weight:950;box-shadow:0 0 30px rgba(88,231,255,.26)}.site-nav{display:flex;align-items:center;gap:.35rem}.site-nav a,.admin-header nav a{padding:.58rem .78rem;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:700;font-size:.92rem}.site-nav a:hover,.site-nav a[aria-current=page],.admin-header nav a:hover{background:rgba(88,231,255,.09);color:var(--ink)}.nav-toggle{display:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:.55rem .75rem}
.hero{max-width:var(--max);margin:0 auto;padding:clamp(4rem,9vw,8rem) 1.2rem 3.5rem;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(2rem,6vw,6rem);align-items:center}.hero h1,.page-hero h1,.detail-header h1{font-size:clamp(2.8rem,7vw,6.5rem);line-height:.94;letter-spacing:-.065em;margin:.25rem 0 1.4rem}.hero h1 span{background:linear-gradient(90deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p:not(.eyebrow),.page-hero>p:not(.eyebrow),.lead{max-width:790px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.35rem)}.eyebrow{display:flex;gap:.5rem;align-items:center;margin:0 0 .65rem;color:var(--cyan);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{display:inline-flex;padding:.32rem .52rem;border:1px solid rgba(88,231,255,.2);border-radius:999px;background:rgba(88,231,255,.06);letter-spacing:.06em}.search{display:flex;gap:.65rem;max-width:820px;margin:2rem 0}.search input{flex:1;min-width:0;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:#081522;color:var(--ink);outline:none}.search input:focus,input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(88,231,255,.12);outline:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.75rem 1rem;border:1px solid transparent;border-radius:13px;background:linear-gradient(135deg,var(--cyan),#6fb2ff);color:#03101a;text-decoration:none;font-weight:900;cursor:pointer;transition:transform .16s ease,filter .16s ease}.button:hover{transform:translateY(-1px);filter:brightness(1.06)}.button-secondary{background:rgba(255,255,255,.035);border-color:var(--line);color:var(--ink)}.button-small{min-height:38px;padding:.48rem .72rem;font-size:.88rem}.button-link{border:0;background:none}.text-link{color:var(--cyan);text-decoration:none;font-weight:800}.text-link:hover{text-decoration:underline}.hero-stats{display:flex;gap:1.8rem;flex-wrap:wrap;margin-top:2.2rem}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:1.55rem}.hero-stats span{color:var(--muted);font-size:.85rem}.hero-demo{padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,rgba(16,35,58,.95),rgba(7,18,31,.9));box-shadow:var(--shadow);transform:rotate(1.3deg)}.hero-demo ol{list-style:none;padding:0;margin:1.4rem 0}.hero-demo li{display:grid;grid-template-columns:2rem 1fr;column-gap:.7rem;padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.08);counter-increment:item}.hero-demo ol{counter-reset:item}.hero-demo li:before{content:counter(item,decimal-leading-zero);grid-row:span 2;color:var(--violet);font-weight:900}.hero-demo li span{color:var(--muted);font-size:.9rem}
.category-strip{display:flex;gap:.65rem;overflow:auto;scrollbar-width:thin;max-width:var(--max);margin:0 auto;padding:0 1.2rem 2.5rem}.category-strip a{display:flex;align-items:center;gap:.6rem;white-space:nowrap;padding:.62rem .78rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);text-decoration:none;color:var(--muted);font-weight:700}.category-strip a:hover{color:var(--ink);border-color:var(--cyan)}.category-strip small{display:grid;place-items:center;min-width:1.45rem;height:1.45rem;border-radius:999px;background:var(--panel2);color:var(--cyan)}
.browse-hub,.browse-controls{max-width:var(--max);margin:0 auto;padding-left:1.2rem;padding-right:1.2rem}.browse-hub{padding-bottom:2rem}.browse-intro{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.browse-intro h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.08;letter-spacing:-.04em;margin:.1rem 0}.browse-intro>p{color:var(--muted);max-width:29rem;margin:0}.browse-controls{display:flex;flex-wrap:wrap;gap:.55rem}.browse-hub>.browse-controls{padding:0}.filter-chip{display:inline-flex;align-items:center;gap:.6rem;min-height:46px;padding:.58rem .85rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap}.filter-chip span{display:grid;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .25rem;border-radius:999px;background:var(--panel2);color:var(--cyan);font-size:.76rem}.filter-chip:hover,.filter-chip:focus-visible{border-color:var(--cyan);background:rgba(88,231,255,.07)}.filter-chip.active{border-color:var(--cyan);background:rgba(88,231,255,.13)}.topic-drawer{margin-top:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.topic-drawer summary{cursor:pointer;padding:.8rem 1rem;font-weight:800;color:var(--cyan)}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;padding:1rem 0 1.5rem}.topic-drawer .topic-grid{padding:0 1rem 1rem}.topic-grid a{display:flex;justify-content:space-between;gap:.6rem;align-items:center;min-width:0;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);text-decoration:none}.topic-grid a:hover{border-color:var(--cyan)}.topic-grid a span{font-weight:750}.topic-grid a small{white-space:nowrap;color:var(--muted)}.browse-body{padding-top:1.7rem}.browse-search{display:flex;gap:.5rem}.browse-search input{min-width:200px;max-width:300px;padding:.6rem .75rem;border:1px solid var(--line);border-radius:10px;background:#081522;color:var(--ink)}.browse-body .topic-grid{margin-bottom:2rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;margin:2rem auto 0;color:var(--muted)}.pagination .button{min-height:38px;padding:.5rem .8rem}
.content-section,.prompt-detail,.page-hero,.callout,.editor-shell{max-width:var(--max);margin:0 auto;padding-left:1.2rem;padding-right:1.2rem}.content-section{padding-top:2rem;padding-bottom:5rem}.section-heading,.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:1.2rem;margin-bottom:1.4rem}.section-heading h2,.panel-heading h2,.callout h2{margin:.1rem 0;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.04em}.prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.prompt-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(160deg,rgba(16,35,58,.84),rgba(8,21,34,.86));transition:transform .18s ease,border-color .18s ease}.prompt-card:hover{transform:translateY(-3px);border-color:rgba(88,231,255,.5)}.card-media{aspect-ratio:16/10;overflow:hidden;background:#02070c}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{display:flex;flex:1;flex-direction:column;padding:1.2rem}.card-body h2{margin:.3rem 0 .65rem;font-size:1.24rem;line-height:1.15}.card-body h2 a{text-decoration:none}.card-body>p{color:var(--muted);margin:0 0 1rem}.variable-row{display:flex;gap:.35rem;flex-wrap:wrap;margin:.6rem 0 1rem}.variable-row span{padding:.28rem .48rem;border-radius:7px;background:rgba(168,140,255,.1);color:#cfbfff;font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}.card-actions,.share-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:auto}.empty-state{padding:3rem;border:1px dashed var(--line);border-radius:var(--radius);text-align:center;background:rgba(255,255,255,.02)}.callout{margin-bottom:5rem;padding-top:1.8rem;padding-bottom:1.8rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid rgba(168,140,255,.35);border-radius:var(--radius);background:linear-gradient(120deg,rgba(168,140,255,.13),rgba(88,231,255,.06))}.callout p{margin:.25rem 0;color:var(--muted)}
.page-hero{padding-top:clamp(3.5rem,8vw,7rem);padding-bottom:2.5rem}.page-hero.compact h1{max-width:1000px;font-size:clamp(2.5rem,6vw,5.2rem)}.breadcrumbs{display:flex;gap:.55rem;flex-wrap:wrap;color:var(--muted);font-size:.86rem;padding:1.5rem 0}.breadcrumbs a{text-decoration:none}.detail-header{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr);gap:2rem;align-items:center;padding:2rem 0 3rem}.detail-header h1{font-size:clamp(2.5rem,5.5vw,5.3rem)}.detail-media{margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}.detail-media img{width:100%;max-height:520px;object-fit:cover}.detail-media figcaption{padding:.7rem 1rem;color:var(--muted);font-size:.82rem}.detail-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.5fr);gap:1rem;align-items:start}.prompt-panel,.structured-panel,.detail-aside section,.editor-fields,.editor-output{border:1px solid var(--line);border-radius:18px;background:rgba(10,25,41,.87)}.prompt-panel,.structured-panel{padding:1.2rem}.prompt-text{max-height:620px;margin:0;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#030a12;color:#dcecff;font:500 .9rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.prompt-json{max-height:760px}.share-row{margin-top:1rem}.detail-aside{display:grid;gap:1rem}.detail-aside section{padding:1.1rem}.detail-aside h2{font-size:1rem;margin:0 0 .5rem}.detail-aside p{margin:.3rem 0;color:var(--muted)}.detail-aside .notice{border-color:rgba(255,198,88,.34);background:rgba(255,198,88,.05)}.structured-panel{margin:1rem 0 5rem}.muted,.fine-print{color:var(--muted);font-size:.86rem}
.editor-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);gap:1rem;align-items:start;padding-bottom:5rem}.editor-fields,.editor-output{padding:1.2rem}.editor-output{position:sticky;top:5rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1rem 0}.form-grid label,.admin-form>label,.login-card label{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-size:.85rem;font-weight:800}.form-grid input,.form-grid textarea,.form-grid select,.admin-form>label textarea,.login-card input{width:100%;border:1px solid var(--line);border-radius:10px;background:#06121f;color:var(--ink);padding:.7rem}.span-2{grid-column:span 2}.checkbox{flex-direction:row!important;align-items:center}.checkbox input{width:auto}.prose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.prose-grid article{padding:1.3rem;border-top:2px solid var(--cyan);background:rgba(255,255,255,.025);border-radius:0 0 14px 14px}.prose-grid h2{margin:.5rem 0}.prose-grid p,.article-copy p{color:var(--muted)}.step{font:900 .78rem ui-monospace,monospace;color:var(--violet)}.article-copy{max-width:850px}.article-copy h2{margin-top:2rem}
.site-footer{max-width:var(--max);margin:0 auto;padding:2.4rem 1.2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid var(--line);color:var(--muted)}.site-footer p{margin:.25rem 0}.footer-links{display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.footer-links a{text-decoration:none}.fine-print{grid-column:1/-1}.toast{position:fixed;right:1rem;bottom:1rem;z-index:100;max-width:min(360px,calc(100vw - 2rem));padding:.85rem 1rem;border:1px solid var(--cyan);border-radius:12px;background:#092033;color:var(--ink);box-shadow:var(--shadow);opacity:0;transform:translateY(1rem);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}
.admin-body{min-height:100vh}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:1rem max(1.2rem,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:#07131f}.admin-header nav{display:flex;gap:.5rem}.admin-shell{max-width:var(--max);margin:0 auto;padding:2rem 1.2rem 5rem}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem;align-items:start}.admin-form,.admin-list,.queue-section,.login-card{padding:1.2rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.admin-list{position:sticky;top:1rem;max-height:80vh;overflow:auto}.admin-items{display:grid;gap:.45rem}.admin-items a{display:flex;flex-direction:column;padding:.7rem;border:1px solid transparent;border-radius:10px;text-decoration:none;background:rgba(255,255,255,.025)}.admin-items a:hover{border-color:var(--cyan)}.admin-items span{color:var(--muted);font-size:.75rem}.login-card{max-width:440px;margin:10vh auto}.login-card form{display:grid;gap:1rem}.form-error,.form-success{padding:.75rem 1rem;border-radius:10px}.form-error{background:rgba(255,138,154,.12);color:#ffc0ca}.form-success{background:rgba(145,245,195,.1);color:var(--lime)}.queue-section{margin-top:1rem}.queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.queue-grid article{padding:1rem;border:1px solid var(--line);border-radius:12px}.queue-grid pre{max-height:240px;overflow:auto;white-space:pre-wrap;color:var(--muted)}
@media(max-width:980px){.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.detail-header,.detail-layout,.editor-shell{grid-template-columns:1fr}.hero-demo{transform:none}.editor-output,.admin-list{position:static}.prose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}}
@media(max-width:980px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.site-header{align-items:flex-start}.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:1rem;right:1rem;top:4rem;flex-direction:column;align-items:stretch;padding:.6rem;border:1px solid var(--line);border-radius:14px;background:#071522;box-shadow:var(--shadow)}.site-nav.open{display:flex}.hero{padding-top:3.7rem}.hero h1{font-size:clamp(2.9rem,16vw,4.7rem)}.search{flex-direction:column}.prompt-grid,.prose-grid,.queue-grid{grid-template-columns:1fr}.section-heading,.panel-heading,.callout{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.site-footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.admin-header{align-items:flex-start;gap:.7rem;flex-direction:column}.admin-header nav{flex-wrap:wrap}.detail-header{padding-top:1rem}.detail-media{order:-1}.button{width:100%}.card-actions .button,.share-row .button,.admin-header .button,.button-small{width:auto}.hero-stats{gap:1.1rem}.category-strip{padding-bottom:1.4rem}}
@media(max-width:680px){.browse-intro{align-items:flex-start;flex-direction:column}.browse-controls{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:.5rem}.browse-hub>.browse-controls{padding-bottom:.5rem}.topic-grid{grid-template-columns:1fr}.browse-search{width:100%}.browse-search input{min-width:0;max-width:none;flex:1}.pagination .button{width:auto}.topic-grid a{min-height:45px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* PromptJoy Originals: code-native visual system, no external media or scripts. */
.ex-teaser{max-width:var(--max);margin:0 auto 3rem;padding:2rem 2.1rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid rgba(168,140,255,.45);border-radius:24px;background:radial-gradient(circle at 92% 5%,rgba(168,140,255,.22),transparent 32%),linear-gradient(110deg,#132647,#0b1830 68%,#1c1735);box-shadow:var(--shadow)}.ex-teaser h2{max-width:750px;margin:.1rem 0;font-size:clamp(1.8rem,3.7vw,3rem);line-height:1.05;letter-spacing:-.05em}.ex-teaser p:not(.eyebrow){max-width:720px;margin:.8rem 0 0;color:var(--muted)}.ex-teaser .button{flex-shrink:0}
.ex-hero,.ex-section{max-width:var(--max);margin:0 auto;padding-left:1.2rem;padding-right:1.2rem}.ex-hero{min-height:640px;padding-top:5rem;padding-bottom:5rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:2rem;align-items:center}.ex-hero h1{margin:.25rem 0 1.3rem;max-width:800px;font-size:clamp(3rem,7vw,6.9rem);line-height:.93;letter-spacing:-.075em}.ex-hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--cyan),#a6a1ff 55%,#ffafd5);-webkit-background-clip:text;background-clip:text;color:transparent}.ex-hero-copy>p:not(.eyebrow){max-width:690px;color:var(--muted);font-size:clamp(1.05rem,1.9vw,1.28rem)}.ex-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.7rem 0}.ex-honesty{font-size:.79rem!important;max-width:600px!important}.ex-art{position:relative;isolation:isolate;width:min(100%,490px);aspect-ratio:1;margin:auto;display:grid;place-items:center;background:radial-gradient(circle,rgba(88,231,255,.12) 0,rgba(168,140,255,.07) 28%,transparent 67%)}.ex-art:before{content:'';position:absolute;inset:6%;border-radius:50%;border:1px dashed rgba(145,245,195,.17)}.ex-orbit{position:absolute;border:1px solid rgba(88,231,255,.26);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:83%;height:40%}.orbit-two{width:48%;height:82%;border-color:rgba(168,140,255,.3);transform:rotate(34deg)}.ex-art-core{display:flex;align-items:center;justify-content:center;gap:.7rem;width:50%;aspect-ratio:1;border:1px solid rgba(88,231,255,.55);border-radius:31%;transform:rotate(-9deg);background:radial-gradient(circle at 27% 16%,rgba(88,231,255,.34),transparent 53%),linear-gradient(145deg,#173257,#17162d);box-shadow:0 0 75px rgba(88,231,255,.18),inset 0 0 40px rgba(168,140,255,.13);font:900 clamp(1rem,2vw,1.6rem)/1.04 ui-monospace,monospace;letter-spacing:-.05em}.ex-art-core>*{transform:rotate(9deg)}.ex-art-glyph{font-size:2.7em;color:var(--cyan)}.ex-satellite{position:absolute;padding:.35rem .6rem;border:1px solid var(--line);border-radius:999px;background:#0c2035;color:#c5d8f0;font:800 .68rem ui-monospace,monospace;letter-spacing:.04em;box-shadow:0 12px 32px rgba(0,0,0,.23)}.sat-a{top:14%;left:9%}.sat-b{right:1%;top:28%}.sat-c{bottom:19%;left:4%}.sat-d{right:13%;bottom:9%}
.ex-section{padding-top:3.5rem;padding-bottom:4.5rem}.ex-section-head{max-width:790px;margin-bottom:1.6rem}.ex-section-head h2{margin:.15rem 0 .7rem;font-size:clamp(2rem,4.8vw,4.1rem);line-height:.97;letter-spacing:-.065em}.ex-section-head>p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.ex-demo-stage{display:grid;grid-template-columns: minmax(220px,.6fr) minmax(0,1.4fr);gap:1rem;padding:1rem;border:1px solid rgba(88,231,255,.32);border-radius:24px;background:linear-gradient(120deg,rgba(13,35,54,.95),rgba(19,24,46,.93))}.ex-ticket{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:1.5rem;border:2px dashed rgba(240,230,190,.52);border-radius:15px;background:repeating-linear-gradient(0deg,rgba(26,42,45,.07) 0 1px,transparent 1px 8px),#d8d3bc;color:#263631;transform:rotate(-3deg);box-shadow:0 22px 45px rgba(0,0,0,.28);font:800 .9rem ui-monospace,monospace;letter-spacing:.18em}.ex-ticket strong{font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.07em}.ex-ticket small{border-top:1px solid #607067;padding-top:.8rem}.ex-story{min-height:310px;display:flex;flex-direction:column;justify-content:center;padding:clamp(1rem,4vw,3rem)}.ex-story-text{max-width:690px;font:clamp(1.18rem,2.5vw,1.7rem)/1.55 Georgia,serif}.ex-story-actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.ex-under-demo{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.ex-reset{border:0;background:none;color:var(--cyan);font-weight:800;cursor:pointer}
.ex-reactor{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:1rem}.ex-reactor-fields,.ex-reactor-result{padding:1.3rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(16,35,58,.92),rgba(7,18,31,.95))}.ex-reactor-fields{display:grid;gap:1rem;align-content:start}.ex-reactor-fields label{display:grid;gap:.35rem;color:var(--muted);font-size:.86rem;font-weight:800}.ex-reactor-fields select,.ex-reactor-fields input{width:100%;min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:10px;background:#081522;color:var(--ink)}.ex-reactor-result h3{margin:0;font-size:1.3rem}.ex-reactor-result pre{max-height:470px;margin:.6rem 0 1rem;padding:1rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid rgba(88,231,255,.13);border-radius:12px;background:#030c17;color:#d7ecff;font:.89rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.ex-reactor-result>.muted{margin:0}.ex-format-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.ex-format-links a{padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--cyan);font-weight:800;text-decoration:none}.ex-format-links a:hover{border-color:var(--cyan)}.ex-original-grid{margin-bottom:1rem}
@media(max-width:980px){.ex-hero{grid-template-columns:1fr}.ex-art{max-width:430px}.ex-reactor{grid-template-columns:1fr}}
@media(max-width:680px){.ex-teaser{margin:0 1.2rem 2rem;padding:1.4rem;flex-direction:column;align-items:stretch}.ex-hero{min-height:0;padding-top:3rem;padding-bottom:3rem}.ex-hero h1{font-size:clamp(3.1rem,13vw,4.8rem)}.ex-art{width:min(100%,330px)}.ex-art-core{font-size:.95rem}.ex-actions .button{width:100%}.ex-section{padding-top:2.5rem;padding-bottom:3rem}.ex-demo-stage{grid-template-columns:1fr}.ex-ticket{min-height:190px}.ex-ticket strong{font-size:3.5rem}.ex-story{min-height:250px;padding:1rem}.ex-story-actions .button{width:auto}.ex-under-demo{align-items:flex-start;flex-direction:column}.ex-reactor-fields,.ex-reactor-result{padding:1rem}.ex-reactor-result .panel-heading{align-items:flex-start}.ex-reactor-result .button{width:auto}}
.ex-reactor-result>.text-link{display:inline-block;margin:0 0 .7rem}

/* Practical tools and guided kits */
.tool-strip{max-width:var(--max);margin:0 auto 2.5rem;padding:0 1.2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.tool-strip a{display:flex;flex-direction:column;gap:.3rem;min-width:0;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,rgba(16,35,58,.9),rgba(8,21,34,.86));text-decoration:none}.tool-strip a:hover,.tool-strip a:focus-visible{border-color:var(--cyan)}.tool-strip strong{font-size:1.12rem}.tool-strip span{color:var(--muted);font-size:.9rem}.kits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.kit-card{min-width:0;padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(16,35,58,.9),rgba(8,21,34,.9))}.kit-card h2{margin:.3rem 0;font-size:clamp(1.6rem,2.5vw,2.4rem);line-height:1.1;letter-spacing:-.04em}.kit-card>p:not(.eyebrow){color:var(--muted)}.kit-steps{display:grid;gap:.75rem;margin:1.4rem 0;padding:0;list-style:none;counter-reset:kit}.kit-steps li{display:grid;grid-template-columns:2rem 1fr;gap:0 .7rem;counter-increment:kit;padding:.8rem;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)}.kit-steps li:before{content:counter(kit,decimal-leading-zero);grid-row:span 3;color:var(--cyan);font:900 .85rem ui-monospace,monospace}.kit-steps li span{color:var(--muted);font-size:.88rem}.kit-steps li a{margin-top:.25rem}.kit-finish{padding-top:.8rem;border-top:1px solid var(--line)}.tool-label{display:grid;gap:.4rem;color:var(--muted);font-weight:800}.tool-label textarea{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:#06121f;color:var(--ink)}.contribution-wrap{max-width:850px}.contribution-form{padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.contribution-form .checkbox{display:flex;gap:.6rem;align-items:flex-start;color:var(--ink)}.contribution-form .checkbox input{margin-top:.35rem;flex:none}.contribution-form .muted{max-width:670px}.contribution-wrap .form-success,.contribution-wrap .form-error{margin-bottom:1rem}.contribution-wrap .form-success h2{margin:.1rem 0}.contribution-wrap .form-success p{margin:.3rem 0}
@media(max-width:980px){.tool-strip{grid-template-columns:1fr}.kits-grid{grid-template-columns:1fr}}
.tool-label textarea{font-weight:500}