.app-root{max-width:960px;margin:0 auto;padding:16px;container:app/inline-size}.app-title-section{text-align:center;margin-bottom:16px}.app-title-section h1{margin:0;line-height:1.2}.app-seal-pop{pointer-events:none;opacity:0;z-index:200;font-size:clamp(6rem,30vmin,16rem);line-height:1;animation:1.6s ease-out forwards app-seal-pop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes app-seal-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}45%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.app-seal-pop-dancer{transform-origin:50% 80%;animation:.6s ease-in-out 3 app-seal-pop-dance;display:inline-block}@keyframes app-seal-pop-dance{0%{transform:rotate(-14deg)translateY(0)}25%{transform:rotate(0)translateY(-8%)}50%{transform:rotate(14deg)translateY(0)}75%{transform:rotate(0)translateY(-8%)}to{transform:rotate(-14deg)translateY(0)}}.app-seal-discoball{pointer-events:none;z-index:199;font-size:clamp(3rem,12vmin,7rem);line-height:1;animation:2.4s ease-in-out forwards app-seal-discoball-drop;position:fixed;top:5vh;left:50%;transform:translate(-50%,-300%)}@keyframes app-seal-discoball-drop{0%{transform:translate(-50%,-300%)}18%{transform:translate(-50%)}25%{transform:translate(-50%,-20%)}35%{transform:translate(-50%)}85%{transform:translate(-50%)}to{transform:translate(-50%,-300%)}}.app-seal-discoball-ball{animation:3s ease-in-out app-seal-discoball-spin;display:inline-block}@keyframes app-seal-discoball-spin{0%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}to{transform:rotate(-12deg)}}.app-seal-sparkle{opacity:0;font-size:.5em;line-height:1;animation:1.2s ease-in-out 2 app-seal-sparkle-twinkle;position:absolute}.app-seal-sparkle-1{animation-delay:0s;top:-25%;left:-30%}.app-seal-sparkle-2{animation-delay:.3s;top:10%;left:110%}.app-seal-sparkle-3{animation-delay:.6s;top:95%;left:-20%}.app-seal-sparkle-4{animation-delay:.9s;top:80%;left:105%}@keyframes app-seal-sparkle-twinkle{0%,to{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.app-seal-pop{animation:1.2s ease-out forwards app-seal-pop-reduced}.app-seal-pop-dancer{animation:none;transform:none}.app-seal-discoball{animation:2s ease-out forwards app-seal-discoball-reduced;transform:translate(-50%)}.app-seal-discoball-ball{animation:none;transform:none}.app-seal-sparkle{opacity:.7;animation:none}@keyframes app-seal-pop-reduced{0%{opacity:0;transform:translate(-50%,-50%)scale(1)}25%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes app-seal-discoball-reduced{0%{opacity:0}20%,80%{opacity:1}to{opacity:0}}}.app-subtitle{color:#555;margin:6px 0 0;font-size:.95rem;line-height:1.4}.app-layout{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}.app-wheel-area{flex-direction:column;align-items:center;gap:12px;display:flex}.app-textareas{flex-direction:column;gap:16px;display:flex}.app-template-chips{margin:0}.app-template-chips-summary{color:var(--btn-tertiary-fg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;font-size:.85rem;list-style:none;display:inline-flex}.app-template-chips-summary::-webkit-details-marker{display:none}.app-template-chips-summary:before{content:"▶";font-size:.7rem;transition:transform .12s ease-out}.app-template-chips[open]>.app-template-chips-summary:before{transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){.app-template-chips-summary:before{transition:none}}.app-template-chips-summary:hover{color:var(--btn-tertiary-fg-hover)}.app-template-chips-summary:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}.app-template-chips-list{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.app-template-chip{border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:.85rem;line-height:1.2;transition:background-color .12s ease-out,border-color .12s ease-out,transform 80ms ease-out}.app-template-chip:hover{background:color-mix(in srgb, var(--fg) 8%, transparent);border-color:var(--fg)}.app-template-chip:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.app-template-chip{transition:none}}.app-template-chip:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}.app-button-primary,.app-button-secondary,.app-button-tertiary,.app-button-destructive{cursor:pointer;border:1px solid #0000;border-radius:6px;min-height:44px;padding:10px 18px;font-family:inherit;font-size:.95rem;font-weight:500;line-height:1.2;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out,transform 80ms ease-out}.app-button-primary:active:not(:disabled),.app-button-secondary:active:not(:disabled),.app-button-tertiary:active:not(:disabled),.app-button-destructive:active:not(:disabled){transform:scale(.98)}.app-button-primary:focus-visible,.app-button-secondary:focus-visible,.app-button-tertiary:focus-visible,.app-button-destructive:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}.app-button-primary:disabled,.app-button-secondary:disabled,.app-button-tertiary:disabled,.app-button-destructive:disabled{opacity:.4;cursor:not-allowed}.app-button-primary{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-bg);padding:12px 28px;font-size:1.05rem;font-weight:600}.app-button-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover)}.app-button-secondary{color:#1f2937;background:#fff;border-color:#d1d5db}.app-button-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.app-button-destructive{color:var(--btn-destructive-fg);border-color:var(--btn-destructive-border);background:0 0}.app-button-destructive:hover:not(:disabled){background:var(--btn-destructive-bg-hover);border-color:var(--btn-destructive-fg)}.app-button-tertiary{color:var(--btn-tertiary-fg);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--btn-tertiary-decoration);text-decoration-color:var(--btn-tertiary-decoration);background:0 0;border:none;padding:8px 14px;text-decoration-thickness:1px}.app-button-tertiary:hover:not(:disabled){color:var(--btn-tertiary-fg-hover);text-decoration-color:currentColor}.app-draw-hint{color:#666;text-align:center;margin:0;font-size:.875rem}.app-winner{margin:0}.app-utility-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.app-copy-feedback{color:#555;white-space:nowrap;opacity:0;pointer-events:none;margin-top:4px;font-size:.85rem;transition:opacity .2s ease-out;position:absolute;top:100%;left:50%;transform:translate(-50%)}.app-copy-feedback[data-state=copied],.app-copy-feedback[data-state=failed],.app-copy-feedback[data-state=unsupported]{opacity:1}@media (prefers-reduced-motion:reduce){.app-copy-feedback{transition:none}}.app-hash-overlimit-warning{color:#b26500;text-align:center;max-width:360px;margin:8px 0 0;font-size:.85rem}.app-team-groups{flex-direction:column;gap:12px;display:flex}.app-team-group{flex-direction:column;gap:6px;display:flex}.app-team-group-heading{background:var(--chip-bg,var(--btn-tertiary-fg));color:var(--chip-fg,var(--bg));border-radius:999px;align-self:flex-start;margin:0;padding:4px 12px;font-size:.9rem;font-weight:600}.app-team-group-heading[data-ghost=true]{background:var(--border);color:var(--fg);opacity:.75}.app-team-group-empty{color:#888;margin:0;font-size:.85rem;font-style:italic}.app-next-banner{background:color-mix(in srgb, var(--btn-primary-bg) 8%, transparent);border:2px dashed var(--btn-primary-bg);color:var(--fg);text-align:center;border-radius:999px;max-width:min(360px,90vw);margin:0;padding:8px 16px;font-size:.95rem}.app-next-banner-label{opacity:.8;font-size:.85rem}.app-next-banner-name{font-size:1.05rem;font-weight:700}.app-chip[data-next=true]{outline:2px solid var(--focus-outline);outline-offset:2px;position:relative}.app-chip[data-next=true]:before{content:"▶";color:var(--focus-outline);pointer-events:none;font-size:.75rem;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.app-chip-team-picks{flex-wrap:wrap;align-items:center;gap:4px;padding-inline-end:6px;display:inline-flex}.app-chip-team-pick{background:var(--chip-bg);color:var(--chip-fg);cursor:pointer;border:1px solid #0000;border-radius:999px;margin:2px;padding:2px 10px;font-family:inherit;font-size:.78rem;line-height:1.2;transition:transform 80ms ease-out,filter .12s ease-out}.app-chip-team-pick:hover:not(:disabled){filter:brightness(1.05)}.app-chip-team-pick:active:not(:disabled){transform:scale(.96)}.app-chip-team-pick:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}@media (prefers-reduced-motion:reduce){.app-chip-team-pick{transition:none}}.app-team-section{flex-direction:column;gap:8px;display:flex}.app-team-toggle-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-button-secondary[aria-pressed=true]{background:var(--btn-primary-bg);color:var(--btn-primary-fg);border-color:var(--btn-primary-bg)}.app-button-secondary[aria-pressed=true]:hover:not(:disabled){background:var(--btn-primary-bg-hover);border-color:var(--btn-primary-bg-hover)}.app-team-hint{color:#555;flex:220px;min-width:200px;margin:0;font-size:.8rem}.app-team-body{flex-direction:column;gap:4px;display:flex}.app-modal-team{color:var(--fg);opacity:.85;font-size:.95rem}.app-chip-team{color:inherit;background:#ffffff59;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.8em;font-weight:500}.app-chip[data-ghost=true] .app-chip-team{background:#0000000f}.app-reset-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.app-clear-confirm-description{color:var(--fg);opacity:.75;margin:0;font-size:.9rem}.app-qr-modal{gap:16px}.app-qr-instruction{color:var(--fg);margin:0;font-size:.9rem}.app-qr-error{color:#b26500;text-align:center;max-width:200px;margin:0;font-size:.875rem}.app-qr-placeholder{width:256px;height:256px}.app-qr-svg{line-height:0;display:inline-flex;position:relative}.app-qr-seal{filter:drop-shadow(0 0 1.4px #0009)drop-shadow(0 0 1.4px #00000080)drop-shadow(0 1px 2px #00000059);pointer-events:none;width:66px;height:66px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-settings-modal{text-align:left;align-items:stretch;gap:16px;width:100%;min-width:280px;max-width:360px}.app-settings-section{flex-direction:column;gap:8px;display:flex}.app-settings-heading{color:var(--fg);margin:0;font-size:.95rem;font-weight:600}.app-settings-toggle{color:var(--fg);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.app-settings-toggle input[type=checkbox]{cursor:pointer;width:18px;height:18px}.app-settings-description{color:var(--fg);opacity:.75;margin:0;font-size:.8rem;line-height:1.4}.app-settings-radiogroup{flex-direction:column;gap:4px;display:flex}.app-settings-radio{color:var(--fg);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:4px 6px;font-size:.9rem;display:flex}.app-settings-radio[data-checked]{background:var(--border)}.app-settings-radio input[type=radio]{cursor:pointer;width:16px;height:16px}@container app (width>=768px){.app-layout{grid-template-columns:1fr 1fr}}.fullview-overlay{background:var(--bg);z-index:50;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex;position:fixed;inset:0}.fullview-header{flex:none;justify-content:flex-end;width:min(960px,100%);display:flex}.fullview-exit-btn{color:var(--btn-tertiary-fg);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;min-height:44px;padding:8px 14px;font-family:inherit;font-size:.875rem;font-weight:500;transition:color .12s ease-out,border-color .12s ease-out}.fullview-exit-btn:hover{color:var(--btn-tertiary-fg-hover);border-color:var(--fg)}.fullview-exit-btn:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}@media (prefers-reduced-motion:reduce){.fullview-exit-btn{transition:none}}.fullview-summary{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:12px;width:min(960px,100vw - 32px);max-height:22vh;display:grid}.fullview-summary-section{flex-direction:column;gap:4px;min-width:0;padding:0 8px;display:flex;overflow-y:auto}.fullview-summary-heading{color:var(--fg);align-items:center;gap:6px;margin:0;font-size:.8rem;font-weight:600;display:inline-flex}.fullview-summary-count{background:color-mix(in srgb, var(--fg) 12%, transparent);min-width:1.4em;color:var(--fg);border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.7rem;font-weight:600;display:inline-flex}.fullview-drawn-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px 6px;margin:0;padding:0;list-style:none;display:grid}.fullview-drawn-item{background:color-mix(in srgb, var(--fg) 4%, transparent);color:var(--fg);border-left:4px solid var(--fdg-color,transparent);border-radius:4px;align-items:center;gap:6px;min-width:0;padding:3px 6px 3px 4px;font-size:.8rem;line-height:1.2;display:flex}.fullview-drawn-item[data-ghost=true]{border-left-color:var(--border);opacity:.6;font-style:italic}.fullview-drawn-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fullview-drawn-team-groups{flex-direction:column;gap:8px;display:flex}.fullview-drawn-team{flex-direction:column;gap:4px;display:flex}.fullview-drawn-team-heading{background:var(--fdg-color,color-mix(in srgb, var(--fg) 8%, transparent));color:var(--fg);text-shadow:0 1px #fff6;border-radius:4px;align-self:flex-start;margin:0;padding:2px 8px;font-size:.8rem;font-weight:600}.fullview-drawn-team-heading[data-ghost=true]{background:var(--border);text-shadow:none}:root{--bg:#fff;--fg:#222;--border:#ddd;--modal-bg:#fff;--modal-shadow:#0000004d;--modal-backdrop:#00000080;--btn-primary-bg:#1f2937;--btn-primary-bg-hover:#111827;--btn-primary-fg:#fff;--btn-destructive-fg:#b91c1c;--btn-destructive-border:#fca5a5;--btn-destructive-bg-hover:#fee2e2;--btn-tertiary-fg:#6b7280;--btn-tertiary-fg-hover:#1f2937;--btn-tertiary-decoration:#d1d5db;--focus-outline:#1f2937}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a1a1a;--fg:#eee;--border:#444;--modal-bg:#2a2a2a;--modal-shadow:#0009;--modal-backdrop:#000000b3;--btn-primary-bg:#f3f4f6;--btn-primary-bg-hover:#fff;--btn-primary-fg:#111827;--btn-destructive-fg:#f87171;--btn-destructive-border:#991b1b;--btn-destructive-bg-hover:#7f1d1d;--btn-tertiary-fg:#9ca3af;--btn-tertiary-fg-hover:#f3f4f6;--btn-tertiary-decoration:#4b5563;--focus-outline:#f3f4f6}}:root[data-theme=dark]{--bg:#1a1a1a;--fg:#eee;--border:#444;--modal-bg:#2a2a2a;--modal-shadow:#0009;--modal-backdrop:#000000b3;--btn-primary-bg:#f3f4f6;--btn-primary-bg-hover:#fff;--btn-primary-fg:#111827;--btn-destructive-fg:#f87171;--btn-destructive-border:#991b1b;--btn-destructive-bg-hover:#7f1d1d;--btn-tertiary-fg:#9ca3af;--btn-tertiary-fg-hover:#f3f4f6;--btn-tertiary-decoration:#4b5563;--focus-outline:#f3f4f6}body{background:var(--bg);color:var(--fg)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-modal-backdrop{background:var(--modal-backdrop);z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-modal-content{background:var(--modal-bg);color:var(--fg);text-align:center;min-width:280px;max-width:calc(100% - 32px);box-shadow:0 8px 32px var(--modal-shadow);border-radius:8px;flex-direction:column;align-items:center;gap:20px;padding:32px 40px;animation:.28s ease-out modal-fade-in;display:flex}.app-modal-title{margin:0;font-size:1.4rem}.app-modal-title strong{animation:.24s ease-out winner-pop;display:inline-block}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes winner-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.app-modal-content,.app-modal-title strong{animation:none}}.app-modal-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%;display:flex}.app-modal-actions button>span[aria-hidden=true]{margin-right:6px}.app-modal-actions .app-button-destructive{margin-top:17px;position:relative}.app-modal-actions .app-button-destructive:before{content:"";background:var(--border);height:1px;position:absolute;top:-9px;left:0;right:0}.app-export-image-feedback{min-height:1.2em;color:var(--fg);opacity:0;font-size:.85rem;transition:opacity .2s ease-out;display:block}.app-export-image-feedback[data-state=saved],.app-export-image-feedback[data-state=failed]{opacity:1}@media (prefers-reduced-motion:reduce){.app-export-image-feedback{transition:none}}.app-textarea-section label{margin-bottom:4px;display:block}.app-count-badge{color:#fff;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;min-width:1.5em;height:1.4em;padding:0 6px;font-size:.85em;font-weight:600;line-height:1;display:inline-flex}.app-count-badge[data-empty=true]{color:#374151;background:#e5e7eb}.app-textarea-section textarea{box-sizing:border-box;background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--border);field-sizing:content;min-height:8em;max-height:60vh}.app-text-stats{color:#666;margin:4px 0 0;font-size:.75rem}.app-chips-section{margin:8px 0 12px}.app-chips-section>header{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.app-drawn-chips-copy-button{margin-left:auto}.app-drawn-chips-copy-feedback{color:#555;white-space:nowrap;opacity:0;pointer-events:none;font-size:.85rem;transition:opacity .2s ease-out}.app-drawn-chips-copy-feedback[data-state=copied],.app-drawn-chips-copy-feedback[data-state=failed]{opacity:1}@media (prefers-reduced-motion:reduce){.app-drawn-chips-copy-feedback{transition:none}}.app-chips-section h3{margin:0;font-size:.95rem;font-weight:600}.app-chips-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.app-chip{background:var(--chip-bg,#e5e7eb);color:var(--chip-fg,#111);border-radius:999px;align-items:stretch;font-size:.85rem;line-height:1.2;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.app-chip-body{align-items:center;gap:4px;padding:4px 8px 4px 10px;font-weight:500;display:inline-flex}.app-chip-weight{opacity:.85;font-size:.75em}.app-chip-action{min-width:1.8em;color:inherit;cursor:pointer;background:0 0;border:0;border-left:1px solid #0000002e;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:1em;display:inline-flex}.app-chip-action:hover,.app-chip-action:focus-visible{background:#0000001f}.app-chip[data-ghost=true]{background:var(--border);color:var(--fg);opacity:.7;font-style:italic}.app-chip[data-ghost=neutral]{background:color-mix(in srgb, var(--fg) 6%, transparent);color:var(--fg);border:1px solid var(--border)}.app-chips-empty{color:#666;margin:0;font-size:.85rem;font-style:italic}:root:has(.app-root[data-seal-mode=true]){--bg:#1a1a1a;--fg:#eee;--border:#444;--modal-bg:#2a2a2a;--modal-shadow:#0009;--modal-backdrop:#000000b3;--btn-primary-bg:#f3f4f6;--btn-primary-bg-hover:#fff;--btn-primary-fg:#111827;--btn-destructive-fg:#f87171;--btn-destructive-border:#991b1b;--btn-destructive-bg-hover:#7f1d1d;--btn-tertiary-fg:#9ca3af;--btn-tertiary-fg-hover:#f3f4f6;--btn-tertiary-decoration:#4b5563;--focus-outline:#f3f4f6}@keyframes seal-pointer-bounce{0%{transform:translateY(calc(-50% - 2px))}50%{transform:translateY(calc(2px - 50%))}to{transform:translateY(calc(-50% - 2px))}}@media (prefers-reduced-motion:reduce){[data-seal-pointer]{animation:none!important}}.app-root[data-seal-mode=true]:before{content:"";z-index:-1;pointer-events:none;opacity:.1;-webkit-user-select:none;user-select:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><text x='40' y='58' text-anchor='middle' font-size='52' font-family='Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji, EmojiOne Color, Twemoji Mozilla, sans-serif'>🦭</text></svg>");background-repeat:repeat;background-size:clamp(4rem,9vmin,6rem);animation:30s linear infinite seal-bg-drift;position:fixed;inset:0}@keyframes seal-bg-drift{0%{background-position:0 0}50%{background-position:-1.5em -1em}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.app-root[data-seal-mode=true]:before{animation:none!important}}.app-root[data-seal-mode=true] .app-title-section h1:after{content:" 🦭🦭🦭";margin-inline-start:.1em}.app-root[data-seal-mode=true] .app-subtitle:before{content:"🦭 "}.app-root[data-seal-mode=true] .app-subtitle:after{content:" 🦭"}.app-root[data-seal-mode=true] .app-template-chips-summary:after{content:" 🦭🦭🦭"}.app-root[data-seal-mode=true] .app-textarea-section>label:before{content:"🦭 "}.app-root[data-seal-mode=true] .app-button-primary:before{content:"🦭🦭 "}.app-root[data-seal-mode=true] .app-button-primary:after{content:" 🦭🦭"}.app-root[data-seal-mode=true] .app-button-tertiary:before,.app-root[data-seal-mode=true] .app-reset-row button:before{content:"🦭 "}.app-root[data-seal-mode=true] .winner-modal-title:after,.app-root[data-seal-mode=true] .winner-name:after{content:" 🦭🦭🦭"}.mirrorball-stage{pointer-events:none;z-index:0;mix-blend-mode:screen;position:absolute;inset:0}.mirrorball-stage-rays{transform-origin:50%;filter:blur(2px);background:repeating-conic-gradient(#ff508cb3 0deg 6deg,#0000 6deg 30deg,#ffdc50b3 30deg 36deg,#0000 36deg 60deg,#78ffc8b3 60deg 66deg,#0000 66deg 90deg,#78b4ffb3 90deg 96deg,#0000 96deg 120deg);width:200vmax;height:200vmax;animation:6s linear infinite mirrorball-stage-rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mirrorball-stage-rays-reverse{background:repeating-conic-gradient(from 15deg,#ff78d299 0deg 6deg,#0000 6deg 30deg,#78ffa099 30deg 36deg,#0000 36deg 60deg,#ffb45099 60deg 66deg,#0000 66deg 90deg,#c878ff99 90deg 96deg,#0000 96deg 120deg);animation:9s linear infinite mirrorball-stage-rotate-reverse,8s linear infinite mirrorball-stage-hue}@keyframes mirrorball-stage-rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes mirrorball-stage-rotate-reverse{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes mirrorball-stage-hue{0%{filter:blur(2px)hue-rotate()}to{filter:blur(2px)hue-rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mirrorball-stage-rays,.mirrorball-stage-rays-reverse{animation:none!important}}.app-root[data-seal-mode=true] .app-template-chips-list:before{content:"🦭🦭🦭🦭🦭";text-align:center;letter-spacing:.15em;padding-block:.2em;font-size:1.1em;display:block}.app-root[data-seal-mode=true] .app-template-chips-list:after{content:"🦭🦭🦭🦭🦭🦭🦭";text-align:center;letter-spacing:.15em;padding-block:.2em;font-size:1.1em;display:block}.app-seal-face{-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;margin-block-start:1rem;display:flex;overflow-x:clip}.app-seal-face-host{cursor:pointer;flex-direction:column;align-items:center;font-size:clamp(8rem,40vw,20rem);display:inline-flex;position:relative}.app-seal-face-bubble{background:var(--modal-bg,#fff);color:var(--fg,#111);border:.12em solid var(--border,#444);white-space:nowrap;border-radius:1em;margin-block-end:.4em;padding:.6em 1em;font-size:.2em;line-height:1.3;animation:.3s ease-out seal-bubble-pop;position:relative;box-shadow:0 .2em .6em #00000040}.app-seal-face-bubble:after,.app-seal-face-bubble:before{content:"";border:.6em solid #0000;width:0;height:0;position:absolute;top:100%;left:50%}.app-seal-face-bubble:after{border-top-color:var(--border,#444);transform:translate(-50%)}.app-seal-face-bubble:before{border-top-color:var(--modal-bg,#fff);z-index:1;margin-top:-.18em;transform:translate(-50%)}@keyframes seal-bubble-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.app-seal-face-bubble{animation:none!important}}.app-seal-face-emoji{padding-block-end:.1em;font-size:1em;line-height:1.2;animation:4s ease-in-out infinite seal-face-bob;display:inline-block}@keyframes seal-face-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.04em)}}.seal-burst-host{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.seal-burst-active{pointer-events:none}.seal-burst-active .seal-burst-core{animation:.9s ease-out forwards seal-burst-core}.seal-burst-particles{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.seal-burst-flash{opacity:0;font-size:.8em;animation:.5s ease-out forwards seal-burst-flash;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.2)}.seal-burst-particle{opacity:0;font-size:.3em;animation:.9s ease-out forwards seal-burst-particle;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}@keyframes seal-burst-core{0%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(1.35)}45%{opacity:0;transform:scale(.1)}to{opacity:0;transform:scale(.1)}}@keyframes seal-burst-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes seal-burst-particle{0%{opacity:1;transform:translate(-50%,-50%)scale(.3)rotate(0)}20%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.2) rotate(var(--rot));opacity:0}}@media (prefers-reduced-motion:reduce){.app-seal-face-emoji,.seal-burst-active .seal-burst-core,.seal-burst-flash,.seal-burst-particle{animation:none!important}}.seal-bounce{z-index:9999;pointer-events:auto;touch-action:none;cursor:pointer;width:100%;height:100%;position:fixed;inset:0}.seal-mascots{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.seal-mascot{font-size:calc(2.4rem * var(--seal-scale,1));-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px #0000002e);pointer-events:auto;animation-delay:var(--seal-delay,0s);line-height:1;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.seal-mascot-emoji{font-size:1em;line-height:1}@keyframes seal-orbit-a{0%{transform:translate(0)rotate(0)}25%{transform:translate(8vw,-4vh)rotate(8deg)}50%{transform:translate(12vw,4vh)rotate(-6deg)}75%{transform:translate(4vw,8vh)rotate(4deg)}to{transform:translate(0)rotate(0)}}@keyframes seal-orbit-b{0%{transform:translate(0)rotate(0)scale(1)}33%{transform:translate(-10vw,6vh)rotate(-12deg)scale(1.1)}66%{transform:translate(-4vw,14vh)rotate(8deg)scale(.95)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes seal-orbit-c{0%{transform:translate(0)rotate(0)}20%{transform:translate(6vw,8vh)rotate(15deg)}40%{transform:translate(14vw,2vh)rotate(-10deg)}60%{transform:translate(8vw,-6vh)rotate(20deg)}80%{transform:translate(-2vw,-2vh)rotate(-8deg)}to{transform:translate(0)rotate(0)}}@keyframes seal-orbit-d{0%{transform:translate(0)rotate(0)}50%{transform:translate(-14vw,-10vh)rotate(-15deg)}to{transform:translate(0)rotate(0)}}@keyframes seal-orbit-e{0%{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(10vw,10vh)rotate(10deg)scale(1.15)}50%{transform:translateY(18vh)rotate(0)scale(1)}75%{transform:translate(-10vw,10vh)rotate(-10deg)scale(.9)}to{transform:translate(0)rotate(0)scale(1)}}@keyframes seal-orbit-f{0%{transform:translate(0)rotate(0)}16%{transform:translate(-6vw,-8vh)rotate(-12deg)}33%{transform:translate(2vw,-12vh)rotate(6deg)}50%{transform:translate(10vw,-6vh)rotate(15deg)}66%{transform:translate(8vw,2vh)rotate(-8deg)}83%{transform:translate(2vw,4vh)rotate(10deg)}to{transform:translate(0)rotate(0)}}.seal-mascot-orbit-a{animation-name:seal-orbit-a;animation-duration:22s}.seal-mascot-orbit-b{animation-name:seal-orbit-b;animation-duration:26s}.seal-mascot-orbit-c{animation-name:seal-orbit-c;animation-duration:18s}.seal-mascot-orbit-d{animation-name:seal-orbit-d;animation-duration:30s}.seal-mascot-orbit-e{animation-name:seal-orbit-e;animation-duration:24s}.seal-mascot-orbit-f{animation-name:seal-orbit-f;animation-duration:28s}@media (prefers-reduced-motion:reduce){.seal-mascot{animation:none!important}}:root{--intro-border:#ddd;--intro-tagline-color:#444;--intro-heading-color:#333;--intro-list-color:#555;--intro-link-color:#1d4ed8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--intro-border:#444;--intro-tagline-color:#d0d0d0;--intro-heading-color:#e8e8e8;--intro-list-color:#c8c8c8;--intro-link-color:#93c5fd}}:root[data-theme=dark]{--intro-border:#444;--intro-tagline-color:#d0d0d0;--intro-heading-color:#e8e8e8;--intro-list-color:#c8c8c8;--intro-link-color:#93c5fd}.static-intro{border-top:1px solid var(--intro-border);max-width:720px;margin:32px auto 0;padding:24px 16px 32px;font-family:system-ui,-apple-system,sans-serif}.static-intro-tagline{color:var(--intro-tagline-color);margin:0 0 20px;line-height:1.6}.static-intro-section-heading,.static-intro-usecase-heading{color:var(--intro-heading-color);margin:20px 0 6px;font-size:1rem}.static-intro-usecase{margin:0}.static-intro-usecase-body{color:var(--intro-list-color);margin:0 0 4px;font-size:.95rem;line-height:1.7}.static-intro-usecase-cta{color:var(--intro-link-color,#2864c8);text-underline-offset:3px;margin:0 0 4px;padding:2px 0;font-size:.95rem;font-weight:600;text-decoration:underline;display:inline-block}.static-intro-usecase-cta:after{content:" →"}.static-intro-usecase-cta:hover{text-decoration-thickness:2px}.static-intro-templates .static-intro-usecase-cta{margin:4px 0 0;display:block}.static-intro-scenario{margin:12px 0 0}.static-intro-scenario-heading{color:var(--intro-heading-color);margin:0 0 2px;font-size:.95rem;font-weight:600}.static-intro-scenario-body{color:var(--intro-list-color);margin:0;font-size:.95rem;line-height:1.7}.static-intro-templates-intro{color:var(--intro-list-color);margin:0 0 6px;font-size:.95rem;line-height:1.7}.static-intro-templates{color:var(--intro-list-color);margin:0 0 8px;padding-left:1.4em;font-size:.95rem;line-height:1.7}.static-intro-templates li{margin:4px 0}.static-intro-list{color:var(--intro-list-color);margin:0 0 8px;padding-left:1.4em;font-size:.95rem;line-height:1.7}.static-intro-list li{margin:4px 0}.static-intro-faq{color:var(--intro-list-color);margin:0 0 8px;padding:0;font-size:.95rem;line-height:1.7}.static-intro-faq-item{margin:12px 0 0}.static-intro-faq-q{color:var(--intro-heading-color);font-weight:600}.static-intro-faq-a{margin:2px 0 0;padding-left:1em}.seal-celebration-stage{pointer-events:none;z-index:102;position:fixed;inset:0;overflow:hidden}.seal-celebrate-button{transition:background-color .12s ease-out,border-color .12s ease-out,transform 80ms ease-out}.seal-celebrate-button:active:not(:disabled){transform:scale(.95)}@media (prefers-reduced-motion:reduce){.seal-celebrate-button{transition:none}}.seal-burst{pointer-events:none;position:absolute;inset:0}.seal-burst-glyph{line-height:1;display:inline-block}.seal-burst-label{color:#fff;white-space:nowrap;background:#222f3ed9;border-radius:9999px;margin-top:4px;padding:2px 10px;font-size:.85rem;font-weight:600;display:inline-block}.seal-burst-converge{animation:seal-burst-converge-anim 2.4s cubic-bezier(.4, 0, .2, 1) var(--delay,0s) forwards;opacity:0;flex-direction:column;align-items:center;font-size:2.4rem;display:flex;position:absolute;top:50%;left:50%}@keyframes seal-burst-converge-anim{0%{transform:translate(calc(-50% + var(--from-x)), calc(-50% + var(--from-y))) scale(.4) rotate(0deg);opacity:0}20%{opacity:1}60%{transform:translate(-50%, -50%) scale(1.15) rotate(var(--rot,360deg));opacity:1}to{transform:translate(-50%, -50%) scale(.2) rotate(var(--rot,360deg));opacity:0}}.seal-burst-big-center{justify-content:center;align-items:center;display:flex}.seal-burst-big-card{filter:drop-shadow(0 12px 24px #00000059);text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.seal-burst-big-pop{opacity:0;animation:2.2s cubic-bezier(.34,1.56,.64,1) forwards seal-burst-big-pop;transform:scale(.2)}.seal-burst-big-seal{font-size:clamp(8rem,35vmin,22rem);line-height:1}.seal-burst-big-name{color:#fff;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px #00000040;background:linear-gradient(135deg,#ff6b9d,#ffd166,#06d6a0);-webkit-background-clip:text;background-clip:text;padding:0 1rem;font-size:clamp(1.8rem,5vmin,3.5rem);font-weight:800}@keyframes seal-burst-big-pop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}18%{opacity:1;transform:scale(1.15)rotate(8deg)}35%{transform:scale(.95)rotate(-4deg)}50%{transform:scale(1.05)rotate(2deg)}65%{transform:scale(1)rotate(0)}85%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.6)translateY(-30px)}}.seal-burst-horizontal{left:0;right:0;top:var(--top,50%);white-space:nowrap;align-items:center;display:flex;position:absolute}.seal-burst-horizontal-train{filter:drop-shadow(0 6px 18px #00000059);align-items:center;gap:16px;font-size:clamp(3rem,12vmin,7rem);display:inline-flex}.seal-burst-horizontal-label{color:#1f2937;white-space:nowrap;background:#ffffffeb;border-radius:9999px;padding:8px 24px;font-size:clamp(1rem,2.4vmin,1.6rem);font-weight:700}.seal-burst-horizontal--ltr .seal-burst-horizontal-train{flex-direction:row-reverse;margin-right:auto;animation:4s linear forwards seal-burst-cross-ltr;transform:translate(-130vw)}.seal-burst-horizontal--rtl .seal-burst-horizontal-train{margin-left:auto;animation:4s linear forwards seal-burst-cross-rtl;transform:translate(130vw)}@keyframes seal-burst-cross-ltr{0%{transform:translate(-130vw)}to{transform:translate(130vw)}}@keyframes seal-burst-cross-rtl{0%{transform:translate(130vw)}to{transform:translate(-130vw)}}.seal-burst-rain-drop{left:var(--left);font-size:var(--size,2rem);animation:seal-burst-rain-fall var(--duration,2.2s) linear var(--delay,0s) forwards;flex-direction:column;align-items:center;display:flex;position:absolute;top:-10vh}@keyframes seal-burst-rain-fall{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}to{transform:translateY(120vh) rotate(var(--rot,360deg));opacity:.6}}.seal-burst-rain-label{color:#fff;white-space:nowrap;background:#222f3ed9;border-radius:9999px;margin-top:4px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.seal-burst-explode{justify-content:center;align-items:center;display:flex}.seal-burst-explode-name{color:#fff;text-shadow:0 0 12px #ff6b9dcc,0 4px 12px #00000080;white-space:nowrap;font-size:clamp(2rem,6vmin,4rem);font-weight:800;animation:2.2s cubic-bezier(.34,1.56,.64,1) forwards seal-burst-explode-name;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.seal-burst-explode-shard{animation:seal-burst-explode-shard 2.2s cubic-bezier(.4, 0, .2, 1) var(--delay,0s) forwards;font-size:2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}@keyframes seal-burst-explode-name{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}60%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.7)}}@keyframes seal-burst-explode-shard{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.2)rotate(0)}to{transform:translate(calc(-50% + var(--to-x)), calc(-50% + var(--to-y))) scale(.6) rotate(var(--rot-end,360deg));opacity:0}}.seal-burst-orbit{justify-content:center;align-items:center;display:flex}.seal-burst-orbit-name{color:#fff;text-shadow:0 0 8px #ffd166cc,0 4px 12px #00000080;white-space:nowrap;opacity:0;font-size:clamp(1.6rem,4vmin,3rem);font-weight:800;animation:3.4s ease-out forwards seal-burst-orbit-name;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seal-burst-orbit-seal{transform:translate(-50%, -50%) rotate(var(--angle)) translateX(var(--radius));font-size:clamp(1.6rem,4vmin,2.4rem);animation:3.4s linear forwards seal-burst-orbit-spin;position:absolute;top:50%;left:50%}.seal-burst-orbit--reverse .seal-burst-orbit-seal{animation-name:seal-burst-orbit-spin-reverse}@keyframes seal-burst-orbit-name{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}35%{transform:translate(-50%,-50%)scale(1)}85%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}@keyframes seal-burst-orbit-spin{0%{transform:translate(-50%, -50%) rotate(var(--angle)) translateX(var(--radius)) rotate(0deg);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translate(-50%, -50%) rotate(calc(var(--angle) + 540deg)) translateX(var(--radius)) rotate(-540deg);opacity:0}}@keyframes seal-burst-orbit-spin-reverse{0%{transform:translate(-50%, -50%) rotate(var(--angle)) translateX(var(--radius)) rotate(0deg);opacity:0}10%{opacity:1}85%{opacity:1}to{transform:translate(-50%, -50%) rotate(calc(var(--angle) - 540deg)) translateX(var(--radius)) rotate(540deg);opacity:0}}@media (prefers-reduced-motion:reduce){.seal-burst-converge,.seal-burst-big-pop,.seal-burst-horizontal--ltr .seal-burst-horizontal-train,.seal-burst-horizontal--rtl .seal-burst-horizontal-train,.seal-burst-rain-drop,.seal-burst-explode-name,.seal-burst-explode-shard,.seal-burst-orbit-name,.seal-burst-orbit-seal{animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-error-boundary{text-align:center;max-width:480px;margin:64px auto;padding:24px;font-family:system-ui,-apple-system,sans-serif}.app-error-boundary details{text-align:left;color:#666;margin-top:16px}.app-error-boundary pre{white-space:pre-wrap;word-break:break-word;background:#f5f5f5;border-radius:4px;padding:8px;font-size:.85rem}.app-error-boundary button{cursor:pointer;margin-top:16px;padding:8px 24px;font-size:1rem}
