@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap");:root{--font-display:"Archivo",system-ui,sans-serif;--font-body:"Hanken Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--primary:#2f9e5f;--radius:14px;--radius-sm:9px;--maxw:1180px}.theme-estadio{--bg:oklch(0.975 0.008 135);--bg-2:oklch(0.955 0.012 140);--surface:oklch(0.995 0.004 130);--surface-2:oklch(0.965 0.009 135);--ink:oklch(0.24 0.014 155);--muted:oklch(0.52 0.016 150);--faint:oklch(0.66 0.014 150);--line:oklch(0.9 0.012 140);--line-2:oklch(0.84 0.014 140);--accent:oklch(0.74 0.14 78);--danger:oklch(0.6 0.15 28);--primary-ink:#fff;--shadow:0 1px 2px oklch(0.4 0.02 150/.06),0 6px 20px oklch(0.4 0.02 150/.07);--field-grass:oklch(0.93 0.03 142)}.theme-medianoche{--bg:oklch(0.17 0.022 255);--bg-2:oklch(0.2 0.025 255);--surface:oklch(0.225 0.026 255);--surface-2:oklch(0.27 0.03 255);--ink:oklch(0.97 0.008 250);--muted:oklch(0.72 0.02 250);--faint:oklch(0.6 0.02 250);--line:oklch(0.33 0.03 255);--line-2:oklch(0.4 0.035 255);--accent:oklch(0.82 0.13 85);--danger:oklch(0.66 0.15 28);--primary-ink:#06231a;--shadow:0 2px 4px #0006,0 12px 34px #0007;--field-grass:oklch(0.32 0.04 150)}.theme-cromo{--bg:oklch(0.93 0.024 88);--bg-2:oklch(0.9 0.03 88);--surface:oklch(0.97 0.02 88);--surface-2:oklch(0.935 0.026 86);--ink:oklch(0.26 0.035 58);--muted:oklch(0.48 0.04 55);--faint:oklch(0.6 0.04 60);--line:oklch(0.8 0.035 70);--line-2:oklch(0.7 0.05 65);--accent:oklch(0.62 0.16 38);--danger:oklch(0.55 0.17 32);--primary-ink:#fff;--shadow:0 2px 0 oklch(0.7 0.05 65),0 4px 0 oklch(0.78 0.04 68);--radius:10px;--radius-sm:7px;--field-grass:oklch(0.88 0.05 130)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}.app{min-height:100vh;background:radial-gradient(120% 80% at 50% -10%,var(--bg-2),var(--bg) 60%)}button{font-family:inherit}::selection{background:var(--primary);color:var(--primary-ink)}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;gap:16px;padding:12px clamp(14px,4vw,34px);background:color-mix(in oklab,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar,.topbar-l{display:flex;align-items:center}.topbar-l{gap:14px;min-width:0}.topbar-r{margin-left:auto;gap:8px}.logo,.topbar-r{display:flex;align-items:center}.logo{gap:9px;color:var(--ink)}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--primary);color:var(--primary-ink)}.logo-word{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:-.02em}.logo-accent{color:var(--primary)}.tb-fmt{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:100px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--muted)}.tb-fmt-icon{font-size:14px}.tabs{display:flex;gap:4px;background:var(--surface-2);padding:4px;border-radius:11px;border:1px solid var(--line)}.tab{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);font-weight:600;font-size:14px;padding:8px 16px;border-radius:8px;cursor:pointer;transition:.15s}.tab.is-active,.tab:hover{color:var(--ink)}.tab.is-active{background:var(--surface);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:7px;border-radius:10px;cursor:pointer;font-family:var(--font-body);font-weight:600;border:1px solid transparent;transition:.15s;white-space:nowrap}.btn-md{padding:9px 15px;font-size:14px}.btn-sm{padding:7px 11px;font-size:13px}.btn-lg{padding:14px 26px;font-size:16px;border-radius:12px}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-ghost{background:var(--surface-2);color:var(--ink);border-color:var(--line)}.btn-ghost:hover{background:var(--surface);border-color:var(--line-2)}.btn-line{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn-line:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;transition:.15s}.icon-btn:hover{color:var(--ink);border-color:var(--line-2)}.chip{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:100px;text-transform:uppercase;letter-spacing:.04em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field select{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:9px;padding:9px 11px;cursor:pointer}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin:0 0 6px}.hint,.muted{color:var(--muted)}.hint{font-size:13px;margin:6px 0 0}.hide-sm{display:inline}.main{max-width:var(--maxw);margin:0 auto;padding:clamp(20px,4vw,40px) clamp(14px,4vw,34px) 90px}.setup-head{max-width:640px;margin-bottom:26px}.setup-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;font-size:clamp(30px,5vw,46px);line-height:1.02;margin:0 0 12px}.setup-lead{color:var(--muted);font-size:16px;margin:0;max-width:54ch;text-wrap:pretty}.fmt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;margin-bottom:22px}.fmt-card{display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:16px 18px;transition:.16s;position:relative}.fmt-card:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:var(--shadow)}.fmt-card.is-active{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.fmt-icon{font-size:26px;width:46px;height:46px;display:grid;place-items:center;border-radius:11px;background:var(--surface-2);flex-shrink:0}.fmt-body{display:flex;flex-direction:column;gap:2px;min-width:0}.fmt-label{font-family:var(--font-display);font-weight:700;font-size:17px}.fmt-sub{font-size:12.5px;color:var(--muted)}.fmt-tick{margin-left:auto;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:var(--primary-ink);opacity:0;transform:scale(.6);transition:.16s;flex-shrink:0}.fmt-card.is-active .fmt-tick{opacity:1;transform:scale(1)}.custom-shape{padding:18px;margin-bottom:22px}.custom-row{display:flex;gap:18px;flex-wrap:wrap}.setup-teams{margin-top:8px}.teams-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.teams-head h2{font-family:var(--font-display);font-size:20px;font-weight:700;margin:0}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.grp-edit{padding:12px}.grp-edit-head{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.team-edit{display:flex;align-items:center;gap:9px;padding:4px 0}.team-name-input{flex:1 1;min-width:0;border:0;background:transparent;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--ink);padding:4px 6px;border-radius:6px}.team-name-input:focus{outline:none;background:var(--surface-2)}.setup-foot{margin-top:30px;display:flex;justify-content:flex-start}.stage-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px;flex-wrap:wrap}.stage-title{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(24px,3.5vw,34px);margin:0}.stage-meta{text-align:right}.meta-num{font-family:var(--font-mono);font-weight:700;font-size:30px;color:var(--primary)}.meta-den{color:var(--faint);font-size:18px}.meta-lbl{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));grid-gap:14px;gap:14px}.groups-grid.dense{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.group-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.group-card.is-done{border-color:color-mix(in oklab,var(--primary) 40%,var(--line))}.gc-head{justify-content:space-between;padding:12px 14px 10px}.gc-head,.gc-title{display:flex;align-items:center}.gc-title{gap:9px;font-family:var(--font-display);font-weight:700;font-size:15px}.gc-badge{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:800}.gc-tools{display:flex;align-items:center;gap:8px}.gc-prog{display:block;width:54px}.gc-prog-bar{display:block;height:5px;border-radius:100px;background:var(--surface-2);overflow:hidden}.gc-prog-bar>span{display:block;height:100%;background:var(--primary);transition:width .3s}.standings{width:100%;border-collapse:collapse;font-size:13.5px}.standings thead th{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);text-align:center;padding:6px 4px;border-bottom:1px solid var(--line)}.standings th.c-team{text-align:left;padding-left:14px}.standings th.c-pos{width:30px}.standings td{padding:7px 4px;text-align:center;border-bottom:1px solid var(--line)}.standings tr:last-child td{border-bottom:0}.standings .num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12.5px}.standings .c-pts{font-weight:700;color:var(--ink)}.c-team{text-align:left!important;padding-left:14px!important}.st-name{margin-left:8px;font-weight:500}.pos-dot{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--faint)}.st-row.st-q{background:color-mix(in oklab,var(--primary) 9%,transparent)}.st-row.st-q .pos-dot{background:var(--primary);color:var(--primary-ink)}.st-row.st-q .st-name{font-weight:600}.st-row.st-third{background:color-mix(in oklab,var(--accent) 14%,transparent)}.st-row.st-third .pos-dot{background:var(--accent);color:#3a2600}.gc-toggle{width:100%;border:0;border-top:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-family:var(--font-body);font-weight:600;font-size:12.5px;padding:9px;cursor:pointer;transition:.15s}.gc-toggle:hover{color:var(--ink)}.gc-matches{padding:6px 12px 12px;display:flex;flex-direction:column;gap:2px;background:linear-gradient(var(--field-grass),var(--field-grass));background-size:100% 22px;background-repeat:repeat-y}.match-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:6px;gap:6px;padding:5px 4px}.mr-team{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}.mr-home{justify-content:flex-end;text-align:right}.mr-away{justify-content:flex-start}.mr-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-score{display:flex;align-items:center;gap:3px}.mr-sep{color:var(--faint);font-weight:700}.score-input{width:32px;height:32px;text-align:center;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--ink);font-family:var(--font-mono);font-weight:700;font-size:15px;padding:0;transition:.15s}.score-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 20%,transparent)}.score-input::placeholder{color:var(--faint);font-weight:500}.to-bracket{margin-top:28px;display:flex;justify-content:center}.bracket-hint{color:var(--muted);font-size:14px;margin:0}.bracket-wrap{margin-top:6px}.bracket-scroll{overflow-x:auto;overflow-y:hidden;padding:8px 4px 18px;-webkit-overflow-scrolling:touch}.bracket-inner{position:relative;display:flex;gap:clamp(34px,5vw,72px);min-width:max-content}.bk-connectors path{stroke:var(--line-2);stroke-width:2}.bk-round{display:flex;flex-direction:column;min-width:178px;position:relative;z-index:1}.bk-round-champ{min-width:200px;justify-content:center}.bk-round-head{font-family:var(--font-display);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center;padding:6px 0;margin-bottom:6px;border-bottom:2px solid var(--line)}.bk-round-body{flex:1 1;display:flex;flex-direction:column;justify-content:space-around;gap:10px}.bk-match{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow);position:relative;z-index:2}.bk-match-line{height:1px;background:var(--line)}.bk-slot{display:flex;align-items:center;gap:9px;width:100%;border:0;background:transparent;padding:9px 11px;cursor:pointer;font-family:var(--font-body);color:var(--ink);text-align:left;transition:.15s;position:relative}.bk-slot.has-team:hover{background:var(--surface-2)}.bk-slot:disabled{cursor:default}.bk-slot-team{display:flex;align-items:center;gap:9px;flex:1 1 auto;min-width:0;opacity:1;animation:pop .34s cubic-bezier(.2,1.3,.5,1) both}.bk-slot-name{flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bk-slot-ph{font-family:var(--font-mono);font-size:12px;color:var(--faint);font-weight:500}.bk-slot.bk-win{background:color-mix(in oklab,var(--primary) 13%,transparent)}.bk-slot.bk-win .bk-slot-name{color:var(--primary);font-weight:700}.bk-slot.bk-lose{opacity:.42}.bk-win-tick{margin-left:auto;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--primary);color:var(--primary-ink);flex-shrink:0}@keyframes pop{0%{transform:translateX(-7px) scale(.94)}to{transform:none}}.bk-champion{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 18px;border:2px dashed var(--line-2);border-radius:var(--radius);text-align:center;position:relative;transition:.2s}.bk-champion.is-set{border-style:solid;border-color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,var(--surface));box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 18%,transparent)}.champ-trophy{color:var(--accent)}.champ-label{font-family:var(--font-display);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.champ-team{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:1;animation:pop .42s cubic-bezier(.2,1.4,.5,1) both}.champ-name{font-family:var(--font-display);font-weight:800;font-size:19px;letter-spacing:-.01em}.champ-ph{font-size:13px;color:var(--faint)}.champ-burst{position:absolute;inset:0;pointer-events:none}.champ-burst span{position:absolute;left:50%;top:34px;width:6px;height:10px;border-radius:2px;background:var(--accent);animation:burst .7s ease-out forwards;animation-delay:calc(var(--i)*12ms);transform-origin:center}.champ-burst span:nth-child(2n){background:var(--primary)}@keyframes burst{0%{opacity:1;transform:rotate(calc(var(--i)*26deg)) translateY(0) scale(.4)}to{opacity:0;transform:rotate(calc(var(--i)*26deg)) translateY(-70px) scale(1)}}.third-place{margin-top:20px;padding:14px 16px;max-width:520px}.tp-title{font-family:var(--font-display);font-weight:700;font-size:14px;margin-bottom:10px;display:flex;align-items:center;gap:8px;white-space:nowrap}.tp-medal{font-size:17px}.tp-match{display:flex;align-items:center;gap:10px}.tp-match .bk-slot{border:1px solid var(--line);border-radius:var(--radius-sm);flex:1 1}.tp-vs{font-size:12px;font-weight:700;color:var(--faint);text-transform:uppercase}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:80;background:var(--ink);color:var(--bg);padding:11px 20px;border-radius:100px;font-size:14px;font-weight:600;box-shadow:0 8px 30px #0004;animation:toastin .3s cubic-bezier(.2,1.3,.5,1)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.dens-compacto{--radius:11px}.dens-compacto .main{padding-top:18px}.dens-compacto .group-card .standings td{padding:5px 4px}.dens-compacto .gc-matches .match-row{padding:3px 4px}.dens-compacto .score-input{width:29px;height:29px;font-size:14px}@media(max-width:720px){.hide-sm{display:none}.topbar{flex-wrap:wrap;gap:10px}.tabs{order:3;width:100%}.tab{flex:1 1;justify-content:center}.topbar-r{margin-left:0}.meta-num{font-size:24px}}@media(max-width:520px){.fmt-grid{grid-template-columns:1fr 1fr}.fmt-card{flex-direction:column;align-items:flex-start;gap:8px}.fmt-tick{position:absolute;top:12px;right:12px}}.bk-name-short{display:none}@media(max-width:600px){.bk-round{min-width:130px}.bk-slot{padding:7px 8px;gap:6px}.bk-slot-name.bk-name-full{display:none}.bk-slot-name.bk-name-short{display:inline;font-size:12px;font-weight:700;letter-spacing:.02em}}.twk-panel{position:fixed;right:16px;bottom:16px;z-index:2147483646;width:280px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;transform:scale(var(--dc-inv-zoom,1));transform-origin:bottom right;background:hsla(40,23%,97%,.78);color:#29261b;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:.5px solid hsla(0,0%,100%,.6);border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 12px 40px rgba(0,0,0,.18);font:11.5px/1.4 ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden}.twk-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 10px 14px;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.twk-hd b{font-size:12px;font-weight:600;letter-spacing:.01em}.twk-x{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:rgba(41,38,27,.55);width:22px;height:22px;border-radius:6px;cursor:default;font-size:13px;line-height:1}.twk-x:hover{background:rgba(0,0,0,.06);color:#29261b}.twk-body{padding:2px 14px 14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.twk-body::-webkit-scrollbar{width:8px}.twk-body::-webkit-scrollbar-track{background:transparent;margin:2px}.twk-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px;border:2px solid transparent;background-clip:content-box}.twk-body::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25);border:2px solid transparent;background-clip:content-box}.twk-row{display:flex;flex-direction:column;gap:5px}.twk-row-h{flex-direction:row;align-items:center;gap:10px}.twk-lbl,.twk-row-h{justify-content:space-between}.twk-lbl{display:flex;align-items:baseline;color:rgba(41,38,27,.72)}.twk-lbl>span:first-child{font-weight:500}.twk-val{color:rgba(41,38,27,.5);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.twk-sect{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(41,38,27,.45);padding:10px 0 0}.twk-sect:first-child{padding-top:0}.twk-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;min-width:0;height:26px;padding:0 8px;border:.5px solid rgba(0,0,0,.1);border-radius:7px;background:hsla(0,0%,100%,.6);color:inherit;font:inherit;outline:none}.twk-field:focus{border-color:rgba(0,0,0,.25);background:hsla(0,0%,100%,.85)}select.twk-field{padding-right:22px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='rgba(0,0,0,.5)' d='M0 0h10L5 6z'/></svg>");background-repeat:no-repeat;background-position:right 8px center}.twk-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:4px;margin:6px 0;border-radius:999px;background:rgba(0,0,0,.12);outline:none}.twk-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:.5px solid rgba(0,0,0,.12);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:default}.twk-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:.5px solid rgba(0,0,0,.12);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:default}.twk-seg{position:relative;display:flex;padding:2px;border-radius:8px;background:rgba(0,0,0,.06);-webkit-user-select:none;-moz-user-select:none;user-select:none}.twk-seg-thumb{position:absolute;top:2px;bottom:2px;border-radius:6px;background:hsla(0,0%,100%,.9);box-shadow:0 1px 2px rgba(0,0,0,.12);transition:left .15s cubic-bezier(.3,.7,.4,1),width .15s}.twk-seg.dragging .twk-seg-thumb{transition:none}.twk-seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1;flex:1 1;border:0;background:transparent;color:inherit;font:inherit;font-weight:500;min-height:22px;border-radius:6px;padding:4px 6px;line-height:1.2;overflow-wrap:anywhere}.twk-seg button,.twk-toggle{position:relative;cursor:default}.twk-toggle{width:32px;height:18px;border:0;border-radius:999px;background:rgba(0,0,0,.15);transition:background .15s;padding:0}.twk-toggle[data-on="1"]{background:#34c759}.twk-toggle i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}.twk-toggle[data-on="1"] i{transform:translateX(14px)}.twk-num{display:flex;align-items:center;box-sizing:border-box;min-width:0;height:26px;padding:0 0 0 8px;border:.5px solid rgba(0,0,0,.1);border-radius:7px;background:hsla(0,0%,100%,.6)}.twk-num-lbl{font-weight:500;color:rgba(41,38,27,.6);cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:8px}.twk-num input{flex:1 1;min-width:0;height:100%;border:0;background:transparent;font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;padding:0 8px 0 0;outline:none;color:inherit;-moz-appearance:textfield}.twk-num input::-webkit-inner-spin-button,.twk-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.twk-num-unit{padding-right:8px;color:rgba(41,38,27,.45)}.twk-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:26px;padding:0 12px;border:0;border-radius:7px;background:rgba(0,0,0,.78);color:#fff;font:inherit;font-weight:500;cursor:default}.twk-btn:hover{background:rgba(0,0,0,.88)}.twk-btn.secondary{background:rgba(0,0,0,.06);color:inherit}.twk-btn.secondary:hover{background:rgba(0,0,0,.1)}.twk-swatch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:56px;height:22px;border:.5px solid rgba(0,0,0,.1);border-radius:6px;padding:0;cursor:default;background:transparent;flex-shrink:0}.twk-swatch::-webkit-color-swatch-wrapper{padding:0}.twk-swatch::-webkit-color-swatch{border:0;border-radius:5.5px}.twk-swatch::-moz-color-swatch{border:0;border-radius:5.5px}.twk-chips{display:flex;gap:6px}.twk-chip{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1;min-width:0;height:46px;padding:0;border:0;border-radius:6px;overflow:hidden;cursor:default;box-shadow:0 0 0 .5px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.06);transition:transform .12s cubic-bezier(.3,.7,.4,1),box-shadow .12s}.twk-chip:hover{transform:translateY(-1px);box-shadow:0 0 0 .5px rgba(0,0,0,.18),0 4px 10px rgba(0,0,0,.12)}.twk-chip[data-on="1"]{box-shadow:0 0 0 1.5px rgba(0,0,0,.85),0 2px 6px rgba(0,0,0,.15)}.twk-chip>span{position:absolute;top:0;bottom:0;right:0;width:34%;display:flex;flex-direction:column;box-shadow:-1px 0 0 rgba(0,0,0,.1)}.twk-chip>span>i{flex:1 1;box-shadow:0 -1px 0 rgba(0,0,0,.1)}.twk-chip>span>i:first-child{box-shadow:none}.twk-chip svg{position:absolute;top:6px;left:6px;width:13px;height:13px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.mode-switch{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.mode-btn{border:0;background:transparent;color:var(--muted);font-family:var(--font-body);font-weight:600;font-size:13px;padding:6px 14px;border-radius:8px;cursor:pointer;transition:.15s}.mode-btn:hover{color:var(--ink)}.mode-btn.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.order-list{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px}.order-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid transparent;cursor:-webkit-grab;cursor:grab;transition:.12s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.order-item:active{cursor:-webkit-grabbing;cursor:grabbing}.order-item.order-q{background:color-mix(in oklab,var(--primary) 10%,var(--surface));border-color:color-mix(in oklab,var(--primary) 25%,transparent)}.order-item.order-third{background:color-mix(in oklab,var(--accent) 12%,var(--surface));border-color:color-mix(in oklab,var(--accent) 25%,transparent)}.order-item.order-drag-over{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in oklab,var(--primary) 22%,transparent)}.order-rank{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--faint);background:var(--surface);flex-shrink:0}.order-item.order-q .order-rank{background:var(--primary);color:var(--primary-ink)}.order-item.order-third .order-rank{background:var(--accent);color:#3a2600}.order-name{flex:1 1;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:100px;letter-spacing:.04em;background:var(--primary);color:var(--primary-ink);flex-shrink:0}.order-item.order-third .order-badge{background:var(--accent);color:#3a2600}.order-handle{color:var(--faint);font-size:14px;flex-shrink:0;letter-spacing:-2px}