html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-body)/1.55 var(--font-sans);display:flex;flex-direction:column}[hidden]{display:none!important}:root{--cc-bg: #ffffff;--cc-track: rgba(0, 0, 0, .08)}:root[data-theme=dark]{--cc-bg: #14161b;--cc-track: rgba(255, 255, 255, .1)}h2,h3{margin:0}.cc-svg{display:block;width:100%;height:auto;overflow:visible}.cc-t{fill:var(--ink-3);font:500 11px var(--font-sans)}.cc-v{fill:var(--ink-2);font-weight:700}.cc-lbl{fill:var(--ink-2);font-weight:700;font-size:11px}.cc-big{fill:var(--ink);font:800 20px var(--font-sans)}.cc-kpi{fill:var(--ink);font-weight:800;font-family:var(--font-sans);letter-spacing:-0.02em}.cc-ax{fill:var(--ink-2);font-weight:600}.cc-up{fill:var(--ok);font-weight:700}.cc-down{fill:var(--bad);font-weight:700}.cc-in{fill:rgba(0,0,0,.78);font:700 10.5px var(--font-sans)}.cc-g{stroke:var(--rule);stroke-width:1}.cc-axis{stroke:var(--ink-3);stroke-width:1.2}.cc-band{fill:var(--cc-track)}.cc-mark{stroke:var(--ink)}.cc-mark-f{fill:var(--ink-3)}.cc-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:232px;max-width:100%;padding:4px;box-sizing:border-box;border-radius:calc(var(--r-control) + 4px);background:var(--bg-2);border:1px solid var(--rule);flex-shrink:0}.cc-modes button{display:flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 8px;cursor:pointer;white-space:nowrap;border:1px solid transparent;border-radius:var(--r-control);background:transparent;color:var(--ink-2);font:600 13px/1 var(--font-sans);transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.cc-modes button:hover{color:var(--ink)}.cc-modes button:focus-visible{outline:2px solid var(--at);outline-offset:2px}.cc-modes button[aria-selected=true]{background:var(--card);color:var(--ink);border-color:color-mix(in srgb,var(--a) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 25%,transparent),0 8px 20px -14px color-mix(in srgb,var(--a) 70%,transparent)}.cc-mode-ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cc-modes button[aria-selected=true] .cc-mode-ic{color:var(--at)}.cc{flex:1;min-height:0;display:grid;grid-template-columns:minmax(340px,500px) minmax(0,1fr)}.cc-steps{overflow-y:auto;scrollbar-gutter:stable;padding:14px 16px 4px 18px;display:flex;flex-direction:column}.cc-steps>.cc-modes{margin-bottom:4px}.cc-step{padding:12px 0;display:flex;flex-direction:column;gap:8px}.cc-step+.cc-step{border-top:1px solid var(--rule)}.cc-step[data-off]{pointer-events:none}.cc-step>*{transition:opacity .2s}.cc-step[data-off]>*{opacity:.45}.cc-step[data-off]>.cc-step-h{opacity:.8}.cc-step-h{display:flex;align-items:center;gap:10px}.cc-step-h h2{font:600 var(--text-title)/1.25 var(--font-sans);letter-spacing:-.01em;flex:1}.cc-num{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--a);color:var(--bink);flex-shrink:0}.cc-step textarea.cc-paste{width:100%;min-height:128px;resize:vertical;font-size:12px;box-sizing:border-box}.cc-data-actions{flex-wrap:wrap}.cc-chips{display:flex;flex-wrap:wrap;gap:5px}.cc-step .dt-chip{height:23px;padding:0 8px;font-size:12px}.cc-samples{display:flex;flex-direction:column;gap:7px;padding-top:10px;border-top:1px solid var(--rule)}.cc-samples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.cc-sample{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-items:center;padding:7px 10px;text-align:left;cursor:pointer;border:1px solid var(--rule);border-radius:var(--r-control);background:var(--bg-2);color:var(--ink);font:inherit;transition:transform .15s var(--ease),border-color .15s,box-shadow .15s}.cc-sample .cc-gi{grid-row:span 2;width:18px;height:18px;color:var(--at)}.cc-sample b{font:600 12.5px/1.25 var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-sample small{font-size:11px;line-height:1.3;color:var(--ink-3);font-variant-numeric:tabular-nums}.cc-sample:hover{transform:translateY(-1px);border-color:var(--rule-2);box-shadow:var(--sh-hover)}.cc-sample[aria-checked=true]{border-color:var(--a);box-shadow:0 0 0 1px var(--a);background:color-mix(in srgb,var(--a) 10%,var(--card))}#data-in{display:flex;flex-direction:column;gap:10px}.cc-desc{margin:0;font-size:12.5px;color:var(--ink-2)}.cc-cols{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;height:62px;overflow:hidden}.cc-col.cc-more{color:var(--ink-2);font-weight:500;cursor:default}.cc-col{box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-radius:var(--r-control);border:1px solid var(--rule);background:var(--bg-2);font:600 12.5px var(--font-sans);color:var(--ink)}.cc-col i{display:inline-flex;align-items:center;gap:5px;font:500 12px var(--font-sans);font-style:normal;color:var(--ink-2)}.cc-col i::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink-3)}.cc-col i.number::before{background:var(--info)}.cc-col i.date::before{background:var(--a)}.cc-col i.category::before{background:var(--warn)}.cc-goals{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.cc-goals:empty{min-height:154px}#samples:empty{min-height:202px}@media(max-width:900px){#samples:empty{min-height:98px}}@media(max-width:480px){.cc-goals:empty{min-height:172px}#samples:empty{min-height:202px}}.cc-goal{position:relative;display:flex;align-items:center;gap:8px;text-align:left;padding:6px 8px;min-height:34px;cursor:pointer;border:1px solid var(--rule);border-radius:var(--r-control);background:var(--bg-2);color:var(--ink);transition:transform .15s var(--ease),border-color .15s,box-shadow .15s}.cc-goal:hover:not([aria-disabled=true]){transform:translateY(-1px);border-color:var(--rule-2);box-shadow:var(--sh-hover)}.cc-goal b{flex:1;min-width:0;font:600 12px/1.2 var(--font-sans)}.cc-gi{flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.cc-goal .cc-gi{color:var(--at)}.cc-goal[aria-checked=true]{border-color:var(--a);box-shadow:0 0 0 1px var(--a);background:color-mix(in srgb,var(--a) 10%,var(--card))}.cc-goal[aria-disabled=true]{opacity:.45;cursor:not-allowed}.cc-goal .cc-sug{flex:none;width:7px;height:7px;border-radius:99px;background:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 22%,transparent)}.cc-q{display:flex;flex-direction:column;gap:5px;padding:6px 0;border-top:1px solid var(--rule)}.cc-q:first-child{border-top:0;padding-top:0}.cc-q-t{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font:600 var(--text-ui) var(--font-sans)}.cc-auto{font-size:10.5px;font-weight:600;color:var(--ok);white-space:nowrap}.cc-answer{overflow-y:auto;padding:20px 24px 40px;display:flex;flex-direction:column;gap:12px;container-type:inline-size}.cc-head{flex-shrink:0;margin-bottom:8px}.cc-empty{margin:auto;padding-bottom:60px;max-width:420px;text-align:center;color:var(--ink-3);display:flex;flex-direction:column;align-items:center;gap:18px}.cc-compass{position:relative;width:120px;height:120px;border-radius:999px;border:2px solid var(--rule-2);background:radial-gradient(circle,color-mix(in srgb,var(--a) 16%,transparent),transparent 70%)}.cc-compass i{position:absolute;left:50%;top:12px;bottom:12px;width:8px;margin-left:-4px;background:linear-gradient(var(--a) 50%,var(--ink-3) 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:cc-swing 5s ease-in-out infinite;transform-origin:50% 50%}.cc-compass b{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:999px;background:var(--ink)}@keyframes cc-swing{0%,100%{transform:rotate(-28deg)}50%{transform:rotate(34deg)}}.cc-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px;height:400px;padding:22px;border-radius:var(--r-surface);border:1px solid var(--rule);background:var(--card);box-shadow:var(--sh-box);flex-shrink:0;box-sizing:border-box}.cc-top .cc-chart{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 4px}.cc-top .cc-chart .cc-svg{width:100%;height:100%}.cc-top .cc-info{min-height:0;overflow-y:auto;padding-right:4px}.cc-badge{display:inline-flex;align-items:center;gap:6px}.cc-top h2{font:600 var(--text-display)/1.1 var(--font-sans);letter-spacing:-.02em;margin:6px 0 10px}.cc-why{margin:0 0 14px;font-size:14px;color:var(--ink-2)}.cc-fields{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12.5px;margin:0 0 14px}.cc-fields dt{color:var(--ink-3)}.cc-fields dd{margin:0;font-weight:600}.cc-tools{display:flex;flex-direction:column;gap:6px;font-size:12.5px}.cc-tools div{display:grid;grid-template-columns:74px 1fr;gap:8px;padding-top:6px;border-top:1px solid var(--rule)}.cc-tools b{color:var(--ink-3);font-weight:600}.cc-h3{margin:22px 0 2px}.cc-alts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.cc-alt{text-align:left;padding:14px;border-radius:var(--r-card);border:1px solid var(--rule);background:var(--card);color:var(--ink);cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:transform .15s var(--ease),border-color .15s}.cc-alt:hover{transform:translateY(-2px);border-color:var(--a)}.cc-alt b{font:600 var(--text-body)/1.25 var(--font-sans)}.cc-alt span{font-size:12px;color:var(--ink-3);line-height:1.4}.cc-avoid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.cc-no{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r-card);border:1px dashed var(--rule-2)}.cc-no .cc-thumb{position:relative;opacity:.55;filter:grayscale(.6)}.cc-no .cc-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--bad) calc(50% - 1.5px),var(--bad) calc(50% + 1.5px),transparent calc(50% + 1.5px))}.cc-no b{font-size:13px;display:block}.cc-no span{font-size:12px;color:var(--ink-3)}.cc-map{flex:1;min-height:0;display:grid;grid-template-columns:262px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.cc-map-side{overflow-y:auto;scrollbar-width:thin;padding:14px 10px 12px 18px;display:flex;flex-direction:column;gap:12px}.cc-map-side .cc-gi{width:15px;height:15px}.cc-map-pane{overflow-y:auto;scrollbar-gutter:stable;padding:20px 24px 40px}.cc-map-pane>.cc-head{margin-bottom:18px}.cc-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.cc-lane{border-radius:var(--r-surface);border:1px solid var(--rule);background:var(--bg-2);padding:14px;display:flex;flex-direction:column;gap:10px;transition:opacity .2s}.cc-lane-h{display:flex;align-items:center;gap:8px;font:600 15px/1.2 var(--font-sans);letter-spacing:-.01em}.cc-lane-h .cc-gi{width:18px;height:18px;color:var(--at)}.cc-lane-h small{margin-left:auto;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-3)}.cc-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-tile{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--r-control);border:1px solid var(--rule);background:var(--card);color:var(--ink);cursor:pointer;text-align:left;transition:transform .15s var(--ease),border-color .15s,opacity .2s}:root:not([data-theme=light]) .cc-tile{background:var(--card-2);border-color:var(--edge)}.cc-tile:hover{transform:translateY(-2px) scale(1.02);border-color:var(--a);z-index:1}.cc-tile b{font-size:11.5px}.cc-tile.dim,.cc-lane.dim{opacity:.28}.cc-map-grid.filtered .cc-tile:not(.dim){border-color:color-mix(in srgb,var(--a) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--a) 30%,transparent),0 8px 20px -12px color-mix(in srgb,var(--a) 60%,transparent)}.cc-thumb{aspect-ratio:16 / 10}.dt-dialog.cc-dlg{width:min(1280px,calc(100vw - 32px))}.cc-dlg>header{align-items:flex-start;padding:18px 20px;background:linear-gradient(120deg,color-mix(in srgb,var(--a) 14%,var(--card)),var(--card) 60%)}.cc-dlg-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.cc-dlg-t h2{font:600 22px/1.15 var(--font-sans);letter-spacing:-.02em}.cc-dlg-goals{display:flex;flex-wrap:wrap;gap:6px}.cc-dlg-goal{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:999px;border:1px solid var(--rule);background:var(--bg-2);font-size:12px;color:var(--ink-2)}.cc-dlg-goal .cc-gi{width:14px;height:14px;color:var(--at)}.cc-dlg .body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,1fr);grid-template-rows:auto 1fr;gap:16px 24px;padding:18px 22px}.cc-dlg-stage{grid-area:1 / 1;margin:0;align-self:start;padding:16px 18px 12px;border-radius:var(--r-surface);border:1px solid var(--rule);background:radial-gradient(120% 90% at 25% 0%,color-mix(in srgb,var(--a) 10%,var(--bg-2)),var(--bg-2) 62%)}.cc-dlg-stage .cc-svg{max-height:290px}.cc-dlg-stage figcaption{margin-top:12px;font-size:12px;color:var(--ink-3)}.cc-dlg-info{grid-area:1 / 2 / 3;display:flex;flex-direction:column;gap:12px;min-width:0}.cc-dlg-info h3,.cc-dlg-more h3{display:flex;align-items:center;gap:6px;margin:0 0 5px;font:600 11px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.cc-dlg-info p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}.cc-dlg-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cc-dlg-duo section{padding:10px 12px;border-radius:0;border:1px solid var(--rule);background:var(--bg-2)}.cc-dlg-duo .yes{border-left:3px solid var(--ok)}.cc-dlg-duo .no{border-left:3px solid var(--bad)}.cc-dlg-tip{padding:10px 12px;border-radius:var(--r-card);border:1px solid color-mix(in srgb,var(--a) 35%,transparent);background:color-mix(in srgb,var(--a) 8%,var(--card))}.cc-dlg-tip h3{color:var(--at)}.cc-dlg-tip .dt-icon{width:14px;height:14px}.cc-dlg-info .cc-fields{margin:8px 0 0}.cc-dlg-info .cc-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cc-dlg-info .cc-tools div{grid-template-columns:1fr;align-content:start;gap:2px;padding:8px 10px;border:1px solid var(--rule);border-radius:var(--r-control);background:var(--bg-2)}.cc-dlg-more{grid-area:2 / 1}.cc-dlg-more>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.cc-dlg-more .cc-tile{padding:7px}.cc-dlg-more .cc-thumb{aspect-ratio:auto;height:58px}.cc-dlg-more .cc-thumb .cc-svg{height:100%}.cc-band-l{stroke:var(--cc-track);stroke-width:6;stroke-linecap:round}@media(max-width:960px){.cc-steps{border-right:1px solid var(--rule)}.cc-map{display:flex;flex-direction:column}.cc-map-side{padding:8px;gap:8px;border-bottom:1px solid var(--rule);overflow:visible}.cc-map-side .dt-nav{display:flex;gap:4px;overflow:auto hidden;scrollbar-width:thin}.cc-map-side .dt-nav-label{display:none}.cc-map-side .dt-nav-item{width:auto;flex:none}.cc-map-pane{padding:16px}}@media(max-width:900px){body{display:block}.cc{display:flex;flex-direction:column}.cc-steps{border-right:0;border-bottom:1px solid var(--rule)}.cc-top{grid-template-columns:1fr;height:auto}.cc-top .cc-chart{height:260px}.cc-dlg .body{grid-template-columns:1fr;grid-template-rows:none}.cc-dlg-stage,.cc-dlg-info,.cc-dlg-more{grid-area:auto}}@container (max-width: 630px){.cc-top{grid-template-columns:1fr;height:auto}.cc-top .cc-chart{height:260px}}@media(max-width:560px){.cc-dlg-duo,.cc-dlg-info .cc-tools{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cc-compass i{animation:none}.cc-goal,.cc-alt,.cc-tile,.cc-sample{transition:none}.cc-goal:hover,.cc-alt:hover,.cc-tile:hover,.cc-sample:hover{transform:none}}