*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:Fredoka,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;font-size:17px;--red: #ff4438;--blue: #1c6fe0;--yellow: #ffc72c;--black: #14171c;--white: #ffffff;--paper: var(--white);--paper-panel: var(--white);--ink: var(--black);--graphite: #4d525c;--accent: var(--red);--accent-2: var(--blue);--highlight: var(--yellow);--line: var(--black);--line-width: 3px;--shadow: rgba(20, 23, 28, .9);--radius-lg: 26px;--radius-md: 18px;--radius-sm: 12px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.22, 1, .36, 1)}@media(prefers-color-scheme:dark){:root{--red: #ff6b5c;--blue: #6ea8ff;--yellow: #ffd75e;--paper: #14171c;--paper-panel: #1e232b;--ink: #f6f7f9;--graphite: #b7bcc6;--accent: var(--red);--accent-2: var(--blue);--highlight: var(--yellow);--line: #f6f7f9;--shadow: rgba(0, 0, 0, .85)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}body{min-height:100dvh;background-color:var(--paper);background-image:radial-gradient(circle,var(--graphite) 1.6px,transparent 1.6px);background-size:26px 26px;background-position:-6px -6px;background-attachment:fixed;color:var(--ink);line-height:1.55}h1,h2,h3{font-weight:700;line-height:1.15}.page{max-width:80ch;margin-inline:auto;padding:3rem 2rem;text-align:center}.page h1{font-size:clamp(3rem,10vw,5rem);color:var(--accent);-webkit-text-stroke:2px var(--line)}.wordmark{position:relative;display:inline-flex;align-items:baseline;gap:.05ch;font-size:clamp(3rem,7vw,5rem);font-weight:700;line-height:1;margin:0;letter-spacing:-.01em;transition:transform .35s var(--ease-bounce)}.wordmark:hover{transform:rotate(-2deg) scale(1.03)}.wordmark__word{-webkit-text-stroke:3px var(--line);paint-order:stroke fill}.wordmark__word--ink{color:var(--red)}.wordmark__word--accent{color:var(--blue)}.wordmark__spark{position:absolute;top:-.55em;right:-.5em;width:.6em;height:.6em;color:var(--yellow);transform:rotate(8deg);animation:spark-pulse 2.4s var(--ease-bounce) infinite}.wordmark__underline{position:absolute;left:-4px;bottom:-14px;width:100%;height:14px;color:var(--yellow)}@keyframes spark-pulse{0%,to{transform:rotate(8deg) scale(1)}50%{transform:rotate(20deg) scale(1.15)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.toy-panel{position:relative;background:var(--paper-panel);border:var(--line-width) solid var(--line);border-radius:var(--radius-lg);padding:1.4rem 1.5rem 1.6rem;margin:0 0 1.5rem;animation:pop-in .45s var(--ease-bounce) both}.toy-panel legend,.section-title{font-size:1.3rem;font-weight:700;color:var(--ink);padding:0 .5rem 0 .9rem;position:relative}.toy-panel legend:before,.section-title:before{content:"";position:absolute;left:0;top:.2em;width:.55rem;height:.55rem;border-radius:50%;background:var(--accent)}.toy-panel:nth-of-type(3n+2) legend:before{background:var(--accent-2)}.toy-panel:nth-of-type(3n) legend:before{background:var(--highlight)}.section-title{margin:0 0 .9rem;display:block}.section-title--small{font-size:1.1rem;margin-top:1.2rem}.field{margin-bottom:1.1rem}.field__row{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.3rem}.field label{font-size:1rem;font-weight:500;color:var(--graphite)}.field output{font-variant-numeric:tabular-nums;font-weight:700;font-size:.95rem;color:var(--accent-2)}.field input[type=range]{width:100%;height:1.6rem;accent-color:var(--accent)}.field input[type=text],.field textarea,.field select{width:100%;font-family:inherit;font-size:1rem;font-weight:500;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:var(--radius-sm);padding:.65rem .8rem;min-height:3rem;transition:border-color .2s var(--ease-snap),transform .2s var(--ease-bounce)}.field input[type=text]:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:3px solid var(--highlight);outline-offset:1px;border-color:var(--accent-2)}.field--inline{display:flex;align-items:center;justify-content:space-between}.field input[type=color]{width:3rem;height:2.4rem;border:2px solid var(--line);border-radius:var(--radius-sm);background:none;padding:0;cursor:pointer}.toy-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:inherit;font-size:1.05rem;font-weight:700;color:var(--ink);background:var(--white);border:var(--line-width) solid var(--line);border-radius:var(--radius-md);padding:.75rem 1.4rem;min-height:3rem;cursor:pointer;box-shadow:3px 3px 0 var(--shadow);transition:transform .25s var(--ease-bounce),box-shadow .25s var(--ease-bounce)}@media(prefers-color-scheme:dark){.toy-button{background:var(--paper-panel);color:var(--ink)}}.toy-button:hover{transform:translate(-2px,-2px) scale(1.04);box-shadow:5px 5px 0 var(--shadow)}.toy-button:active{transform:translate(1px,1px) scale(.97);box-shadow:1px 1px 0 var(--shadow);transition-duration:.1s}.toy-button--primary{background:var(--accent);color:var(--white);border-color:var(--line)}.toy-link{font-family:inherit;font-size:.95rem;font-weight:700;color:var(--accent-2);background:none;border:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.3rem .1rem;transition:transform .2s var(--ease-bounce)}.toy-link:hover{transform:scale(1.06)}.toy-link--danger{color:var(--accent)}.derby{max-width:1180px;margin-inline:auto;padding:2.5rem 1.5rem 5rem}.derby__header{text-align:center;margin-bottom:2.5rem}.derby__tagline{margin-top:1.4rem;color:var(--graphite);font-size:1.1rem;font-weight:500}.derby__layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:2rem;align-items:start}@media(max-width:860px){.derby__layout{grid-template-columns:1fr}}.derby__preview-column,.derby__side-column{display:flex;flex-direction:column}.preview3d{width:100%;aspect-ratio:4 / 3;border:var(--line-width) solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:var(--paper-panel);animation:pop-in .5s var(--ease-bounce) both}.preview3d--loading{display:flex;align-items:center;justify-content:center;color:var(--graphite);font-weight:600;background:var(--paper-panel)}.derby__hint{text-align:center;font-size:.95rem;font-weight:500;color:var(--graphite);margin:.9rem 0 1.5rem}.measurements__list{margin:.6rem 0 1.2rem}.measurements__row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:2px dashed var(--line);font-size:.98rem;font-weight:500}.measurements__row dt{color:var(--graphite)}.measurements__row dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}.measurements__notes{white-space:pre-wrap;font-size:.98rem}.compliance{display:inline-block;font-size:.95rem;font-weight:700;margin:0 0 .9rem;padding:.4rem .9rem;border-radius:var(--radius-sm);border:2px solid var(--line)}.compliance--ok{color:var(--white);background:var(--accent-2)}.compliance--warn{color:var(--white);background:var(--accent)}.saved-designs__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.6rem}.saved-designs__list{list-style:none;margin:.6rem 0 0;padding:0}.saved-designs__list li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem 0;border-bottom:2px dashed var(--line)}.saved-designs__list li.is-active .saved-designs__name{color:var(--accent);font-weight:700}.saved-designs__name{font-weight:500}.saved-designs__row-actions{display:flex;gap:.7rem}@media print{.derby__header,.derby__hint,.preview3d,.saved-designs,.controls,.toy-button{display:none}.derby__layout{display:block}}