.tooltip-wrap.svelte-54s4a3{position:relative;display:inline-flex}.tooltip-trigger.svelte-54s4a3{display:inline;padding:0;border:none;background:transparent;color:color-mix(in srgb,var(--text-dark) 86%,var(--primary));font-weight:500;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:color-mix(in srgb,var(--primary) 40%,transparent);text-underline-offset:2px;text-decoration-thickness:1px;transition:color .15s ease,text-decoration-color .15s ease,text-decoration-thickness .15s ease}.tooltip-wrap.svelte-54s4a3:hover .tooltip-trigger:where(.svelte-54s4a3),.tooltip-wrap.svelte-54s4a3:focus-within .tooltip-trigger:where(.svelte-54s4a3){color:color-mix(in srgb,var(--primary) 88%,#000 12%);text-decoration-color:color-mix(in srgb,var(--accent) 65%,var(--primary));text-decoration-thickness:2px;cursor:help}.tooltip-trigger.svelte-54s4a3:focus{outline:2px solid hsl(210,30%,80%);outline-offset:2px;border-radius:2px}.tooltip-bubble.svelte-54s4a3{position:fixed;transform:translateY(6px);max-width:min(22rem,calc(100vw - 1rem - env(safe-area-inset-left) - env(safe-area-inset-right)));padding:.6rem .7rem;border-radius:10px;border:var(--border);background:linear-gradient(160deg,#fff,#f6f7f9);color:var(--text-dark);font-size:.82rem;line-height:1.3;box-shadow:var(--panel-shadow-soft);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:1105;overflow-wrap:break-word}.tooltip-bubble.is-open.svelte-54s4a3{opacity:1;transform:translateY(0)}.tooltip-bubble.is-open.is-bottom.svelte-54s4a3{transform:translateY(0)}@media (pointer: coarse){.tooltip-trigger.svelte-54s4a3{cursor:pointer}}.tooltip-skill-high{color:#37ae37;font-weight:700}.tooltip-skill-mid{color:#f6c31e;font-weight:700}.tooltip-skill-low{color:#e64f37;font-weight:700}.how-to-use-content.svelte-n32091{background-color:var(--paper);padding:1.2rem;border-radius:var(--border-radius);width:100%;max-width:var(--column);margin-inline:auto;box-sizing:border-box;overflow-x:hidden;display:flex;flex-direction:column}.how-to-use-content.svelte-n32091>:where(.svelte-n32091){min-width:0;max-width:100%}.how-to-use-content.svelte-n32091 h1:where(.svelte-n32091){margin-top:0}.how-to-use-content.svelte-n32091 h2:where(.svelte-n32091){margin-top:1.35rem;margin-bottom:.7rem}.how-to-use-content.svelte-n32091 p:where(.svelte-n32091){margin-top:.4rem;overflow-wrap:anywhere}.how-to-use-content.svelte-n32091>p:where(.svelte-n32091):last-child{margin-bottom:.9rem}.intro.svelte-n32091{font-size:1.03rem}.quick-start-grid.svelte-n32091{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;height:auto;overflow:visible;border:0;outline:0;max-width:100%}.quick-start-grid.svelte-n32091>:where(.svelte-n32091){min-width:0;max-width:100%}.step-card.svelte-n32091{border:var(--border);border-radius:10px;padding:.8rem;background:linear-gradient(160deg,#fff,#f6f7f9);min-width:0;width:100%;box-sizing:border-box}.step-number.svelte-n32091{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:999px;background:var(--primary);color:var(--white);font-weight:700;margin-bottom:.35rem}.step-card.svelte-n32091 h3:where(.svelte-n32091){margin:0 0 .3rem;font-size:.98rem}.step-card.svelte-n32091 p:where(.svelte-n32091){margin:0;font-size:.9rem}.action-strip.svelte-n32091{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.action-chip.svelte-n32091{border:var(--border);border-radius:999px;padding:.35rem .6rem;display:flex;align-items:center;gap:.45rem;background-color:var(--white);font-size:.88rem;min-width:0}.chip-icon.svelte-n32091{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;flex-shrink:0;border-radius:999px;background:#e2e8ee;font-weight:700;padding:0 .35rem;font-size:.7rem}.chip-icon.svelte-n32091 svg:where(.svelte-n32091){display:block;fill:currentColor}.action-chip.svelte-n32091>span:where(.svelte-n32091):last-child{min-width:0;overflow-wrap:anywhere}.depth-legend.svelte-n32091{display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.depth-item.svelte-n32091{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .75rem;border:1px solid transparent;border-radius:10px;min-width:0}.depth-item.svelte-n32091 p:where(.svelte-n32091){margin:.12rem 0 0;font-size:.9rem}.depth-good.svelte-n32091{background:#18813817;border-color:#18813840}.depth-okay.svelte-n32091{background:#ffcb1f1f;border-color:#cc9c0047}.depth-bad.svelte-n32091{background:#ed28121a;border-color:#ed281240}.depth-dot.svelte-n32091{flex-shrink:0;width:.8rem;height:.8rem;border-radius:999px;margin-top:.2rem}.depth-good.svelte-n32091 .depth-dot:where(.svelte-n32091){background-color:var(--green)}.depth-okay.svelte-n32091 .depth-dot:where(.svelte-n32091){background-color:var(--yellow)}.depth-bad.svelte-n32091 .depth-dot:where(.svelte-n32091){background-color:var(--red)}.row-demo.svelte-n32091{border:var(--border);border-radius:12px;padding:.75rem;background:linear-gradient(160deg,#fff,#f6f7f9);display:grid;gap:.7rem}.row-demo-controls.svelte-n32091{display:flex;gap:.8rem;flex-wrap:wrap;align-items:flex-end}.row-demo-control.svelte-n32091{display:inline-flex;flex-direction:column;gap:.25rem;font-size:.88rem;font-weight:600}.row-demo-skill-select.svelte-n32091{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;border:1px solid transparent;width:34px;height:34px;padding:0;min-width:34px;background:var(--skill-color);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--skill-color),#000 18%);color:transparent;text-indent:-999px;cursor:pointer}.row-demo-skill-select.svelte-n32091 option:where(.svelte-n32091){background:var(--white);color:var(--text-dark)}.row-demo-skill-select.svelte-n32091 option:where(.svelte-n32091):hover,.row-demo-skill-select.svelte-n32091 option:where(.svelte-n32091):focus,.row-demo-skill-select.svelte-n32091 option:where(.svelte-n32091):checked{background:color-mix(in srgb,var(--skill-color),#fff 70%);color:var(--text-dark)}.row-demo-skill-select.svelte-n32091:focus{outline:2px solid color-mix(in srgb,var(--skill-color),#000 35%);outline-offset:2px}.row-demo-toggle.svelte-n32091{display:inline-flex;align-items:center;gap:.35rem;font-size:.88rem}.demo-item.svelte-n32091{box-sizing:border-box;display:inline-flex;width:100%;min-height:2.2em;background-color:var(--white);border:1px solid var(--panel-border);border-radius:10px;padding:.15rem .25rem;position:relative;overflow:hidden;isolation:isolate}.demo-item.svelte-n32091:after{content:"";position:absolute;inset:0 0 0 auto;width:36%;background:linear-gradient(90deg,var(--skill-fade-color) 0%,var(--skill-color) 100%);opacity:0;pointer-events:none;z-index:0}.demo-item.demo-item-has-skill-gradient.svelte-n32091:after{opacity:.35}.demo-item.demo-item-secondary.demo-item-has-skill-gradient.svelte-n32091:after{opacity:.22}.demo-item.svelte-n32091>:where(.svelte-n32091){margin:auto;position:relative;z-index:1}.demo-content.svelte-n32091{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.12rem .25rem}.demo-buttons.svelte-n32091{width:26px;min-width:26px;display:flex;flex-direction:column;gap:.22rem}.demo-buttons.svelte-n32091 span:where(.svelte-n32091){display:block;width:14px;height:14px;border-radius:999px;background:#d7dee5}.demo-buttons.actions.svelte-n32091 span:where(.svelte-n32091){background:#c7d1db}.pill.svelte-n32091{display:inline-flex;align-items:center;padding:.05rem .4rem;border-radius:999px;font-size:.68rem;line-height:1.15;border:1px solid transparent;background:#ffffffbf}.role-pill.role-primary.svelte-n32091{border-color:#1e3a8a33;color:#1e3a8a;background:#dbeafec7}.role-pill.role-secondary.svelte-n32091{border-color:#1e40af47;color:#1e40af;background:#dbeafee6}.row-demo-notes.svelte-n32091{display:grid;gap:.4rem;font-size:.88rem}.row-demo-note-row.svelte-n32091{margin:0;display:flex;align-items:flex-start;gap:.34rem}.row-demo-inline-note.svelte-n32091{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.05rem;width:1.05rem;height:1.05rem;margin-top:.05rem}.row-demo-note-text.svelte-n32091{display:inline;min-width:0;overflow-wrap:anywhere}.row-demo-inline-note.svelte-n32091 .tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;border-radius:999px;font-size:.72rem;font-weight:700;text-decoration:none;background:#dfe6ec;color:#2b4764;line-height:1}.row-demo-inline-note--placeholder.svelte-n32091{visibility:hidden}@media screen and (max-width: 900px){.how-to-use-content.svelte-n32091{padding:1rem}.quick-start-grid.svelte-n32091{display:flex;flex-direction:column}.action-strip.svelte-n32091,.depth-legend.svelte-n32091{grid-template-columns:1fr}.row-demo-controls.svelte-n32091{flex-direction:column;align-items:stretch}.row-demo-control.svelte-n32091{align-items:flex-start}.action-chip.svelte-n32091{border-radius:12px;align-items:flex-start}}@media screen and (max-width: 1080px){.quick-start-grid.svelte-n32091{grid-template-columns:1fr}}@media screen and (max-width: 560px){.how-to-use-content.svelte-n32091{padding:.85rem}.row-demo.svelte-n32091{padding:.65rem}}