:root{--bg: #f5f1e8;--ink: #121212;--paper: #fffaf1;--yellow: #ffe66d;--mint: #88f1c3;--pink: #ff7fd1;--orange: #ff9b54;--blue: #76a9ff;--violet: #9a7cff;--red: #ff5a5f;--shadow: 8px 8px 0 #121212;--border: 3px solid #121212;--radius: 26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(255,127,209,.28),transparent 24%),radial-gradient(circle at 85% 15%,rgba(118,169,255,.3),transparent 20%),radial-gradient(circle at 80% 80%,rgba(136,241,195,.22),transparent 22%),linear-gradient(180deg,#fff8dd,#f5f1e8);color:var(--ink);font-family:Trebuchet MS,Arial Narrow Bold,Gill Sans,sans-serif}a{color:inherit;word-break:break-word}button,input,textarea,select{font:inherit}#root{min-height:100vh}.page-shell{position:relative;overflow:hidden;min-height:100vh;padding:14px}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.09;background-image:linear-gradient(rgba(0,0,0,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.16) 1px,transparent 1px);background-size:24px 24px;mix-blend-mode:multiply}.card{position:relative;border:var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 60%);pointer-events:none}.primary-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.95fr);gap:28px;align-items:stretch;min-height:calc(100vh - 28px);padding:28px;margin:0 auto;width:min(100%,1680px);background:radial-gradient(circle at top left,rgba(255,255,255,.32),transparent 26%),radial-gradient(circle at bottom right,rgba(118,169,255,.2),transparent 24%),linear-gradient(135deg,#ffe66ddb,#ff9b548f),var(--paper)}.primary-intro h1,.form-card h2,.result-card h3{margin:0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;letter-spacing:.02em;line-height:.92;text-transform:uppercase}.primary-intro{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:10px 10px 10px 6px}.primary-intro h1{font-size:clamp(3.6rem,7vw,7.4rem);max-width:11ch}.hero-text,.tiny-note,.helper-text,.support-chip span{font-size:1rem;line-height:1.45}.hero-text{max-width:46ch;margin:0;font-size:1.14rem;font-weight:700}.task-kicker,.pill,.metric-label{text-transform:uppercase;letter-spacing:.1em;font-weight:900;font-size:.78rem}.dashboard-grid{margin:0 auto}.form-card{display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:28px;background:#fffaf1f2}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:var(--border);border-radius:999px;background:var(--paper)}.pill-pink{background:var(--pink)}.pill-mint{background:var(--mint)}.pill-orange{background:var(--orange)}.pill-blue{background:var(--blue)}.pill-violet{background:var(--violet)}.tiny-note{font-size:.84rem;font-weight:900}.metrics-card{display:grid;gap:14px;margin-top:18px;padding:18px;border:var(--border);border-radius:22px;background:#fffaf1c7;box-shadow:6px 6px 0 var(--ink)}.metrics-topline{margin-bottom:0}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-box{display:grid;gap:8px;min-height:120px;padding:16px;border:var(--border);border-radius:18px;background:#ffffffc7;box-shadow:4px 4px 0 var(--ink);align-content:start}.metric-box strong{font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(2rem,3vw,2.8rem);line-height:.95}.metric-note{font-size:.9rem;font-weight:700}.shorten-form{display:grid;gap:16px;margin-top:20px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:8px}.field span{font-size:.86rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.field input{width:100%;border:var(--border);border-radius:18px;background:#fff;min-height:56px;padding:14px 16px;outline:none}.field-primary input{min-height:76px;padding:20px;font-size:1.14rem}.field input:focus{box-shadow:0 0 0 4px #ff7fd140}.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}.action-button,.board-toggle{border:var(--border);border-radius:999px;background:var(--yellow);box-shadow:4px 4px 0 var(--ink);padding:10px 14px;font-weight:900;cursor:pointer}.action-button:disabled{cursor:progress;opacity:.7}.action-button:active,.board-toggle:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.helper-text{margin:0;max-width:34ch;font-weight:700}.error-box,.response-card{border:var(--border);border-radius:20px;box-shadow:4px 4px 0 var(--ink)}.error-box{margin-top:18px;padding:14px 16px;background:#ffd8da;font-weight:700}.response-card{margin-top:18px;padding:16px 18px;background:var(--yellow)}.response-card p{margin:0;font-weight:700}.response-link-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:6px 0 8px;padding:12px;border:var(--border);border-radius:18px;background:#fffaf1e6}.response-link{display:block;font-weight:900;text-decoration-thickness:3px}.copy-button{border:var(--border);border-radius:999px;background:#fff;box-shadow:4px 4px 0 var(--ink);padding:10px 14px;font-weight:900;cursor:pointer;min-width:92px}.copy-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.copy-copied{background:var(--mint)}.copy-failed{background:#ffd8da}.response-card-idle{background:#76a9ff2e}.response-meta{font-size:.94rem;line-height:1.35}.task-kicker{margin:0 0 8px}.primary-shell{animation:cardFloat .9s ease-out}@keyframes cardFloat{0%{opacity:0;transform:translateY(22px) rotate(1.2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media (max-width: 1120px){.primary-shell{grid-template-columns:1fr;min-height:auto}.primary-intro h1{max-width:12ch}.form-card{max-width:none;min-height:auto}}@media (max-width: 760px){.page-shell{padding:10px}.primary-shell,.form-card{padding:18px}.primary-shell{min-height:calc(100vh - 20px)}.field-grid,.metrics-grid,.response-link-shell{grid-template-columns:1fr}.primary-intro h1,.form-card h2{max-width:none}.form-actions{align-items:start}.support-chip{min-height:auto}}