:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;width:100%;min-height:100svh;margin:0;padding:0}body{background:#2d2d2d;margin:0;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.screen{box-sizing:border-box;background:#2d2d2d;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex}.welcome-screen{padding:0;position:relative;overflow:hidden}.stadium-scene{z-index:0;width:100%;height:100%;position:absolute;inset:0}.stadium-scene canvas{width:100%;height:100%;display:block}.welcome-overlay{z-index:5;pointer-events:none;background:linear-gradient(#0000 40%,#1a1f2499 65%,#1a1f24f2 100%);justify-content:center;align-items:flex-end;padding:0 2rem 4rem;display:flex;position:absolute;inset:0}.welcome-overlay>*{pointer-events:auto}.welcome-content{flex-direction:column;align-items:center;gap:.75rem;max-width:520px;animation:1s ease-out welcome-rise;display:flex}@keyframes welcome-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.welcome-subtitle{color:#00ddc5;letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.875rem;font-weight:600}.welcome-title{color:#fff;text-align:center;text-shadow:0 2px 20px #00000080;margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.15}.welcome-cta-text{color:#ffffffd9;text-align:center;margin:0;font-size:clamp(1rem,2.5vw,1.125rem)}.welcome-cta{margin-top:.5rem;padding:1rem 2.5rem;font-size:1.125rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px #00ddc559}.welcome-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 32px #00ddc573}.screen-title{color:#fff;letter-spacing:.02em;text-align:center;max-width:28ch;margin:0 0 2rem;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:600;line-height:1.3}.btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .1s}a.btn{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#1a1a1a;background:#00ddc5}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{color:#fff;background:#ffffff26;border:2px solid #ffffff4d}.btn-secondary:hover:not(:disabled){background:#ffffff40}.name-form{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;display:flex}.name-input{color:#fff;box-sizing:border-box;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;width:100%;padding:1rem 1.25rem;font-size:1.125rem}.name-input::placeholder{color:#ffffff80}.name-input:focus{border-color:#00ddc5;outline:none}.error-text{color:#ff6b6b;margin:0;font-size:.9rem}.result-screen{padding:0;position:relative;overflow:hidden}.result-spoon{flex-direction:column;height:100dvh;padding:0;display:flex}.result-spoon .result-actions{flex-shrink:0}.spoon-overlay{text-align:center;color:#fff;pointer-events:none;z-index:5;position:absolute;left:0;right:0}.spoon-overlay-top{color:#00ddc5;text-shadow:0 2px 12px #00000080;font-size:clamp(1.5rem,4vw,2rem);font-weight:600;top:18%}.spoon-overlay-bottom{color:#ffffffe6;text-shadow:0 2px 8px #00000080;width:min(28ch,100% - 4rem);font-size:clamp(.95rem,2.5vw,1.125rem);bottom:22%;left:50%;transform:translate(-50%)}.result-medal{flex-direction:column;height:100dvh;padding:0;display:flex}.medal-scene{cursor:grab;touch-action:none;z-index:1;flex:1;width:100%;min-height:0;position:relative}.medal-scene canvas{width:100%;height:100%;display:block}.canvas-loading{color:#a0a0a0;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;display:flex}.celebration-backdrop{z-index:0;position:fixed;inset:0;overflow:hidden}.celebration-backdrop-video{object-fit:cover;filter:blur(24px);opacity:.58;width:100%;height:100%;position:absolute;inset:0}.celebration-backdrop-video[data-failed=true]{display:none}.celebration-backdrop-fallback{background:radial-gradient(#ffb43226 0%,#ff643214 40%,#0000 70%);position:absolute;inset:0}.mute-toggle{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:20;color:#fff;cursor:pointer;background:#0006;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,border-color .2s;display:flex;position:fixed}.mute-toggle:hover{background:#0009;border-color:#ffffff80}.mute-toggle:focus-visible{outline-offset:2px;outline:2px solid #00ddc5}.celebration-flash{pointer-events:none;z-index:2;background:#fff0;animation:1.5s ease-in-out 4 celebration-pulse;position:fixed;inset:0}@keyframes celebration-pulse{0%,to{opacity:0}50%{opacity:.15}}.recording-progress{background:#fff3;border-radius:3px;width:100%;max-width:280px;height:6px;overflow:hidden}.recording-progress-bar{background:#00ddc5;border-radius:3px;height:100%;transition:width .15s ease-out}.result-actions-congrats{text-align:center;max-width:22rem;margin-bottom:.125rem}.result-actions-congrats-title{color:#fff;text-shadow:0 2px 10px #00000073;margin:0;font-size:clamp(1.05rem,3vw,1.25rem);font-weight:700}.result-actions-congrats-subtitle{color:#ffffffad;text-shadow:0 1px 8px #0006;margin:.35rem 0 0;font-size:clamp(.875rem,2.2vw,1rem);font-weight:400;line-height:1.35}.result-actions{padding:1rem 1.5rem 1.5rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom));z-index:10;flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.result-actions .btn{text-align:center;min-width:220px;text-decoration:none}.result-actions-buttons{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:.75rem;width:100%;max-width:min(100%,26rem);display:flex}.result-actions-row--primary{width:100%}.result-actions-row--secondary{flex-flow:wrap;gap:.75rem;width:100%;display:flex}.result-actions-row--primary .btn{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;width:100%;min-width:0;max-width:none;min-height:5rem;padding:.65rem 1rem;display:flex}.result-actions .result-actions-row--secondary .btn{box-sizing:border-box;text-align:center;flex:calc(50% - .375rem);justify-content:center;align-items:center;width:auto;min-width:min(100%,8.75rem);max-width:none;min-height:5rem;padding:.65rem 1rem;display:flex}@media (width<=480px){.result-actions{padding:.75rem 1rem 1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom));gap:.5rem}.result-actions .btn{min-width:100%;max-width:280px}.result-actions .result-actions-row--secondary .btn{flex:calc(50% - .25rem);min-width:min(100%,8.75rem);max-width:none}.result-actions-buttons{gap:.5rem;max-width:min(100%,26rem)}.result-actions-row--secondary{gap:.5rem}}.linkedin-share-screen{z-index:101;padding:1.5rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom));padding-top:max(1.5rem, env(safe-area-inset-top));box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:#1a1f24eb;justify-content:center;align-items:center;animation:.35s ease-out linkedin-share-enter;display:flex;position:fixed;inset:0}@keyframes linkedin-share-enter{0%{opacity:0}to{opacity:1}}.linkedin-share-card{background:#2d2d2d;border:1px solid #ffffff1f;border-radius:16px;width:100%;max-width:440px;padding:1.75rem 1.5rem;box-shadow:0 24px 48px #00000073}.linkedin-share-title{color:#fff;margin:0 0 .65rem;font-size:clamp(1.35rem,4vw,1.65rem);font-weight:600;line-height:1.25}.linkedin-share-lede{color:#ffffffd1;margin:0 0 1rem;font-size:.95rem;line-height:1.55}.linkedin-share-message-row{align-items:flex-start;gap:.65rem;margin:0 0 .5rem;display:flex}.linkedin-share-message-row--solo .linkedin-share-preview{flex:none;width:100%}.linkedin-share-tag-hint{color:#ffffff8c;margin:0 0 1rem;font-size:.8rem;font-weight:400;line-height:1.45}.linkedin-share-preview{color:#ffffffeb;background:#00000059;border:1px solid #ffffff1f;border-left:3px solid #00ddc5;border-radius:8px;flex:1;min-width:0;margin:0;padding:.85rem 1rem;font-size:.95rem;line-height:1.5}.linkedin-share-copy-control{color:#00ddc5;cursor:pointer;background:#00ddc51f;border:1px solid #00ddc559;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.2rem;min-width:52px;height:68px;margin-top:2px;padding:.4rem .45rem .35rem;transition:background .2s,border-color .2s,color .2s;display:flex}.linkedin-share-copy-control:hover{color:#7ff5e8;background:#00ddc533;border-color:#00ddc58c}.linkedin-share-copy-control:hover .linkedin-share-copy-control-label{color:#ffffffbf}.linkedin-share-copy-control:focus-visible{outline-offset:2px;outline:2px solid #00ddc5}.linkedin-share-copy-control-label{color:#ffffff85;font-size:.65rem;font-weight:500;line-height:1}.linkedin-share-hint{color:#00ddc5;margin:0 0 1rem;font-size:1rem;font-weight:600;line-height:1.5}.linkedin-share-status{margin:0 0 1rem;font-size:.875rem;line-height:1.45}.linkedin-share-status--below-copy{text-align:center;width:100%;margin:0 0 .35rem}.linkedin-share-status--ok{color:#00ddc5f2}.linkedin-share-status--warn{color:#ffb86c}.linkedin-share-actions{flex-direction:column;gap:.6rem;display:flex}.linkedin-share-actions .btn{width:100%;min-width:0}.linkedin-share-open-linkedin{font:inherit;color:#ffffffad;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-self:center;align-items:center;gap:.45rem;margin:.15rem 0 0;padding:.45rem .9rem;font-size:.875rem;font-weight:500;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.linkedin-share-open-linkedin:hover{color:#ffffffe0;background:#ffffff12;border-color:#fff3}.linkedin-share-open-linkedin:focus-visible{outline-offset:2px;outline:2px solid #00ddc5}.linkedin-share-open-linkedin-icon{color:#0a66c2;flex-shrink:0}.linkedin-share-back{font:inherit;color:#ffffffbf;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin:.35rem auto 0;padding:.5rem .25rem;font-size:.9rem;font-weight:500;text-decoration:underline;transition:color .2s}.linkedin-share-back:hover{color:#00ddc5}.linkedin-share-back:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #00ddc5}.medal-photo-screen{z-index:100;padding:1.5rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom));padding-top:max(1.5rem, env(safe-area-inset-top));box-sizing:border-box;-webkit-backdrop-filter:blur(12px);background:#1a1f24eb;justify-content:center;align-items:center;animation:.35s ease-out linkedin-share-enter;display:flex;position:fixed;inset:0;overflow-y:auto}.medal-photo-card{background:#2d2d2d;border:1px solid #ffffff1f;border-radius:16px;width:100%;max-width:520px;margin:auto;padding:1.75rem 1.5rem;box-shadow:0 24px 48px #00000073}.medal-photo-title{color:#fff;margin:0 0 .5rem;font-size:clamp(1.35rem,4vw,1.65rem);font-weight:600;line-height:1.25}.medal-photo-lede{color:#ffffffbf;margin:0 0 1rem;font-size:.9rem;line-height:1.55}.medal-photo-disclosure{color:#ffffff8c;margin:0 0 1rem;font-size:.8rem;line-height:1.5}.medal-photo-preview-block{margin-bottom:1rem}.medal-photo-preview-block .medal-photo-preview-wrap{margin-bottom:.5rem}.medal-photo-disclosure--below-preview{color:#ffffff73;margin:0;font-size:.68rem;line-height:1.45}.medal-photo-field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.medal-photo-field label,.medal-photo-field-label-text{color:#ffffffe0;font-size:.875rem;font-weight:500;display:block}.medal-photo-file-input-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.medal-photo-source-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.medal-photo-source-btn{flex:auto;min-width:min(100%,140px)}.medal-photo-webcam-panel{flex-direction:column;gap:.75rem;display:flex}.medal-photo-preview-wrap--video{max-height:none}.medal-photo-webcam-video{object-fit:contain;background:#000;width:100%;max-height:min(50vh,320px);display:block}.medal-photo-webcam-actions{flex-wrap:wrap;gap:.5rem;display:flex}.medal-photo-webcam-actions .btn{flex:auto;min-width:min(100%,120px)}.medal-photo-field input[type=file]{color:#ffffffd9;font-size:.85rem}.medal-photo-preview-wrap{background:#00000040;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;overflow:hidden}.medal-photo-preview-wrap img{object-fit:contain;width:100%;max-height:200px;display:block}.medal-photo-result{background:#00000059;border:1px solid #00ddc559;border-radius:8px;margin-bottom:1rem;overflow:hidden}.medal-photo-result--compact-image .medal-photo-result-image{border-radius:8px}.medal-photo-result-image{border-radius:8px 8px 0 0;overflow:hidden}.medal-photo-result img{width:100%;height:auto;display:block}.medal-photo-save-hint{color:#ffffffb8;text-align:center;border-top:1px solid #ffffff14;margin:0;padding:.65rem .85rem .75rem;font-size:.8rem;font-weight:500;line-height:1.45}.medal-photo-actions{flex-direction:column;gap:.6rem;display:flex}.medal-photo-actions .btn{width:100%;min-width:0}.medal-photo-copy-btn{white-space:normal;text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding-top:.65rem;padding-bottom:.65rem;line-height:1.3;display:flex}.medal-photo-copy-btn-label{font-size:1em;font-weight:600}.medal-photo-copy-btn-hint{color:#0000009e;font-size:.68rem;font-weight:400;line-height:1.45;display:block}.medal-photo-status{color:#ffb86c;margin:0;font-size:.875rem;line-height:1.45}.medal-photo-status--info{color:#00ddc5e6}.medal-photo-generating{text-align:center;background:linear-gradient(#00ddc514 0%,#00000038 100%);border:1px solid #00ddc538;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:0 0 1.25rem;padding:1.35rem 1.25rem 1.5rem;display:flex;box-shadow:inset 0 1px #ffffff0f}.medal-photo-spinner-ring{border:3px solid #fff3;border-top-color:#00ddc5;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;animation:.75s linear infinite medal-photo-spin}.medal-photo-generating-text{letter-spacing:.01em;color:#ffffffeb;max-width:26rem;min-height:2.9rem;margin:0;font-size:1rem;font-weight:500;line-height:1.45;transition:opacity .35s}@keyframes medal-photo-spin{to{transform:rotate(360deg)}}