:root{--banana-cream:#fff275ff;--laser-blue:#2b59c3ff;--hot-pink-web:#f865b0ff;--white:#ffffffff;--carbon-black:#1c2321ff;--bg:#fff8cf;--bg-deep:#ffffff;--surface:rgba(255,255,255,0.72);--surface-low:rgba(255,242,117,0.18);--surface-strong:rgba(255,255,255,0.92);--surface-contrast:rgba(28,35,33,0.05);--ink:#1c2321;--muted:rgba(28,35,33,0.62);--muted-strong:rgba(28,35,33,0.82);--accent:var(--hot-pink-web);--accent-soft:#ff9ecf;--accent-ink:#b31d75;--secondary:var(--laser-blue);--success:var(--laser-blue);--warning:var(--banana-cream);--danger:var(--hot-pink-web);--button-ink:var(--white);--shadow:0 18px 60px rgba(248,101,176,0.14);--shadow-strong:0 26px 72px rgba(43,89,195,0.18);--font-display:"Noto Serif","Baskerville","Iowan Old Style","Palatino Linotype",serif;--font-body:"Inter","Avenir Next","Segoe UI",sans-serif}:root[data-theme=dark]{--bg:#1c2321;--bg-deep:#121816;--surface:rgba(255,255,255,0.06);--surface-low:rgba(43,89,195,0.16);--surface-strong:rgba(255,255,255,0.08);--surface-contrast:rgba(255,255,255,0.08);--ink:#ffffff;--muted:rgba(255,255,255,0.68);--muted-strong:rgba(255,255,255,0.84);--accent:var(--hot-pink-web);--accent-soft:#ff9bd4;--accent-ink:#fff275;--secondary:#7ea6ff;--success:#7ea6ff;--warning:#fff275;--danger:#f865b0;--button-ink:var(--carbon-black);--shadow:0 22px 70px rgba(0,0,0,0.34);--shadow-strong:0 28px 90px rgba(0,0,0,0.44)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at 12% 24%,rgba(248,101,176,.22),transparent 20%),radial-gradient(circle at 82% 16%,rgba(43,89,195,.18),transparent 22%),radial-gradient(circle at 50% 52%,rgba(255,242,117,.22),transparent 42%),linear-gradient(180deg,var(--bg) 0,var(--bg-deep) 100%);transition:background .22s ease,color .22s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.08)),radial-gradient(circle at 20% 20%,rgba(248,101,176,.08) .7px,transparent .9px),radial-gradient(circle at 70% 70%,rgba(43,89,195,.08) .8px,transparent 1px);background-size:auto,14px 14px,18px 18px}a{color:inherit}button,input,textarea{font:inherit}.page-shell{position:relative;min-height:100vh;padding:1.5rem 1.5rem 2.25rem}.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;width:min(100%,94rem);margin:0 auto}.brand-mark{font-family:var(--font-display);font-size:clamp(1.8rem,2vw,2.3rem);font-weight:600;color:var(--accent);letter-spacing:-.035em;text-shadow:0 8px 24px rgba(248,101,176,.12)}.brand-mark,.tone-orb{display:inline-flex;align-items:center}.tone-orb{justify-content:center;gap:.55rem;min-width:2.6rem;height:2.6rem;padding:0 .85rem 0 .8rem;border:1px solid rgba(248,101,176,.22);border-radius:999px;background:linear-gradient(135deg,rgba(248,101,176,.16),rgba(43,89,195,.12)),rgba(255,255,255,.56);color:var(--muted-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 24px rgba(248,101,176,.12);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.tone-orb:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(43,89,195,.18);border-color:rgba(248,101,176,.4)}.tone-orb:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(43,89,195,.18),0 12px 28px rgba(43,89,195,.18)}.tone-orb-label{font-size:.69rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.tone-orb-glyph{color:var(--accent);font-size:1rem}.hero-stage{min-height:calc(100vh - 9rem);display:grid;justify-items:center;align-content:center;grid-gap:2rem;gap:2rem;padding:3rem 1rem 4rem}.hero-copy-block{width:min(100%,56rem);text-align:center}.hero-kicker{margin:0 0 1rem;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary)}.hero-title{display:grid;grid-gap:.08em;gap:.08em;max-width:16ch;margin:0 auto;font-size:clamp(3.1rem,7vw,5.3rem);line-height:.94;font-weight:700;letter-spacing:-.065em}.hero-title-dynamic-line{display:block;min-height:1.95em;color:var(--accent-ink)}.hero-title-dynamic-track{display:inline}.hero-title-dynamic{text-shadow:0 12px 34px rgba(248,101,176,.18)}.hero-title-caret{display:inline-block;width:.085em;height:.88em;margin-left:.08em;border-radius:999px;background:currentColor;vertical-align:-.06em;animation:hero-caret-blink .92s step-end infinite}@keyframes hero-caret-blink{0%,48%{opacity:1}49%,to{opacity:0}}.hero-copy{max-width:38rem;margin:1rem auto 0;font-size:clamp(1.05rem,1.7vw,1.45rem);line-height:1.58;font-weight:300;color:var(--muted-strong)}.hero-metadata{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.8rem 1.4rem;margin-top:1.15rem;color:var(--muted);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.hero-metadata span{position:relative}.hero-metadata span+span:before{content:"•";position:absolute;left:-.9rem;color:rgba(43,89,195,.42)}.composer-shell{width:min(100%,44rem);padding:1rem;border-radius:1.95rem;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,242,117,.14)),var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.22)}.composer-shell[data-has-response=true]{width:min(100%,52rem)}.prompt-form{display:grid;grid-gap:1rem;gap:1rem}.prompt-field{display:block}.form-label{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.6rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.prompt-textarea{width:100%;min-height:11rem;resize:none;border:none;border-radius:1.45rem;padding:1.75rem 1.85rem;background:var(--surface-strong);color:var(--ink);line-height:1.58;font-size:clamp(1.04rem,1.8vw,1.28rem);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 16px 44px rgba(43,89,195,.12);transition:box-shadow .18s ease,transform .18s ease,background .18s ease}.prompt-textarea::placeholder{color:var(--muted)}.prompt-textarea:focus{outline:none;background:var(--surface-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 0 5px rgba(248,101,176,.16),0 18px 48px rgba(43,89,195,.18);transform:translateY(-1px)}.example-chip:disabled,.primary-button:disabled,.prompt-textarea:disabled{cursor:not-allowed;opacity:.62}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .2rem}.security-note{display:inline-flex;align-items:center;gap:.45rem;min-height:1.5rem;padding-left:.35rem;color:var(--muted);font-size:.88rem}.security-note:before{content:"◦";color:var(--accent)}.primary-button{display:inline-flex;align-items:center;gap:.7rem;padding:1rem 1.45rem;border:none;border-radius:.95rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-soft) 100%);color:var(--button-ink);font-size:.98rem;font-weight:600;box-shadow:0 16px 38px rgba(248,101,176,.26);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.button-spark{font-size:1rem;opacity:.92}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 42px rgba(248,101,176,.32);filter:saturate(1.04)}.inspiration-strip{width:min(100%,52rem);text-align:center}.inspiration-label{margin:0 0 1rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--secondary)}.example-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.example-chip{padding:.78rem 1.05rem;border:none;border-radius:999px;background:var(--surface-low);color:var(--muted-strong);line-height:1.35;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 20px rgba(43,89,195,.08);transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.example-chip:hover:not(:disabled){transform:translateY(-1px);background:rgba(248,101,176,.16);color:var(--accent);box-shadow:0 12px 26px rgba(43,89,195,.14)}.response-shell{width:min(100%,56rem);margin:0 auto 4rem;display:grid;grid-gap:1rem;gap:1rem}.response-header{display:grid;grid-gap:.35rem;gap:.35rem;padding:0 .15rem}.response-kicker{margin:0;font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;color:var(--secondary)}.response-title{max-width:18ch;margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.02;letter-spacing:-.03em}.loading-card,.output-panel,.status-banner{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.status-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.15rem;border-radius:1.25rem}.status-dot{width:.7rem;height:.7rem;margin-top:.38rem;border-radius:999px;flex:0 0 auto}.status-title{margin:.15rem 0 0;font-family:var(--font-display);font-size:1.35rem;line-height:1.05;letter-spacing:-.02em}.status-message{margin:.25rem 0 0;line-height:1.6;color:var(--muted-strong)}.status-content{display:grid;grid-gap:.05rem;gap:.05rem}.status-label{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.status-banner[data-variant=success]{background:rgba(43,89,195,.12)}.status-banner[data-variant=success] .status-dot{background:var(--success)}.status-banner[data-variant=warning]{background:rgba(255,242,117,.18)}.status-banner[data-variant=warning] .status-dot{background:var(--warning)}.status-banner[data-variant=blocked],.status-banner[data-variant=error]{background:rgba(248,101,176,.14)}.status-banner[data-variant=blocked] .status-dot,.status-banner[data-variant=error] .status-dot{background:var(--danger)}.loading-card{display:grid;grid-gap:.9rem;gap:.9rem;padding:1rem 1.15rem;border-radius:1.25rem}.loading-label{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--secondary)}.loading-head{display:grid;grid-gap:.3rem;gap:.3rem}.loading-copy{max-width:38rem;margin:0;line-height:1.58;color:var(--muted-strong)}.loading-steps{display:grid;grid-gap:.68rem;gap:.68rem}.loading-step{display:flex;align-items:center;gap:.65rem;color:var(--muted-strong)}.loading-step strong{font-weight:600;color:var(--ink)}.loading-step-text{line-height:1.5}.loading-step-marker{width:.65rem;height:.65rem;border-radius:999px;background:var(--surface-contrast)}.loading-step[data-active=true] .loading-step-marker{background:var(--accent);box-shadow:0 0 0 .35rem rgba(248,101,176,.18)}.output-panel{padding:1.35rem;border-radius:1.6rem}.output-card{display:grid;grid-gap:1.15rem;gap:1.15rem}.output-hero-block{padding:1.25rem 1.3rem;border-radius:1.3rem;background:linear-gradient(135deg,rgba(248,101,176,.18),rgba(43,89,195,.12)),var(--surface-strong)}.output-hero-copy{max-width:48rem}.output-hero-label{margin:0 0 .55rem;font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;color:var(--secondary)}.output-hero-text{margin:0;font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.35;color:var(--muted-strong)}.section-kicker{margin:0 0 .45rem;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--secondary)}.output-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem}.output-title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);line-height:.98;letter-spacing:-.03em}.output-chip{padding:.55rem .85rem;border-radius:999px;background:rgba(248,101,176,.14);color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.output-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.output-block{padding:1rem;border-radius:1.05rem;background:var(--surface-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.output-block h3{margin:0 0 .65rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--secondary)}.output-block li,.output-block p{margin:0;line-height:1.65;color:var(--muted-strong)}.material-cloud{display:flex;flex-wrap:wrap;gap:.6rem}.material-chip{display:inline-flex;align-items:center;padding:.6rem .8rem;border-radius:999px;background:var(--surface-low);color:var(--muted-strong);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.output-block ul,.timeline-list{margin:0;padding-left:0}.timeline-list{display:grid;grid-gap:.8rem;gap:.8rem}.timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:.85rem;gap:.85rem;align-items:start;padding:.9rem .95rem;border-radius:1rem;background:var(--surface)}.timeline-copy{display:grid;grid-gap:.25rem;gap:.25rem}.timeline-index{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:rgba(248,101,176,.14);color:var(--accent);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.timeline-step{font-weight:600;color:var(--ink)}.timeline-duration{display:inline-block;margin-top:.2rem;color:var(--muted)}.span-2{grid-column:span 2}.qc-block{background:linear-gradient(135deg,rgba(43,89,195,.16),rgba(255,242,117,.12)),var(--surface-strong)}.qc-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.qc-badge{display:inline-flex;align-items:center;padding:.45rem .7rem;border-radius:999px;background:rgba(43,89,195,.16);color:var(--success);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.qc-badge[data-warning=true]{background:rgba(255,242,117,.22);color:var(--carbon-black)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100%,94rem);margin:1rem auto 0;color:var(--muted);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.footer-copy{margin:0}.footer-nav{display:flex;align-items:center;gap:1.5rem}.footer-nav a{text-decoration:none}.footer-nav a:hover{color:var(--accent)}@media (max-width:820px){.page-shell{padding:1rem 1rem 1.75rem}.hero-stage{gap:1.6rem;padding:2.5rem .3rem 3rem}.hero-title{max-width:11ch}.hero-metadata{gap:.55rem 1rem}.hero-metadata span+span:before{display:none}.composer-shell{padding:.8rem;border-radius:1.45rem}.prompt-textarea{min-height:10rem;padding:1.35rem 1.25rem}.composer-actions,.site-footer{flex-direction:column;align-items:flex-start}.primary-button{width:100%;justify-content:center}.output-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.qc-topline,.timeline-item{grid-template-columns:1fr;display:grid}.output-topline{align-items:flex-start;flex-direction:column}.response-title{max-width:100%}.footer-nav{flex-wrap:wrap;gap:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-title-caret{animation:none}}