.ds{font-family:var(--ds-font);color:var(--ds-ink);line-height:1.5;font-size:14px;font-variant-numeric:tabular-nums}.ds *{box-sizing:border-box}.ds [hidden]{display:none!important}.ds h1,.ds h2,.ds h3{font-family:var(--ds-display);font-weight:600;line-height:1.15;margin:0 0 12px}.ds h1{font-size:clamp(30px,4vw,40px)}.ds h2{font-size:24px}.ds h3{font-size:20px}.ds p{margin:8px 0}.ds a{color:var(--ds-accent)}.ds button,.ds input,.ds select{font:inherit}.ds :focus-visible{outline:3px solid var(--ds-accent);outline-offset:3px}.ds button{cursor:pointer}.ds button:disabled{cursor:not-allowed;opacity:.55}.ds-icon{display:inline-block;flex:none;vertical-align:middle}.ds-btn{min-height:var(--ds-touch);padding:10px 16px;border:1px solid transparent;border-radius:var(--ds-radius);background:var(--ds-ink);color:white;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.ds-btn:hover:not(:disabled){filter:brightness(.94)}.ds-btn--secondary{background:var(--ds-surface);border-color:var(--ds-line);color:var(--ds-ink)}.ds-btn--ghost{background:transparent;color:var(--ds-accent)}.ds-btn--danger{background:var(--ds-danger)}.ds-btn--icon{padding:10px;min-width:44px}.ds-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--ds-radius-pill);font-size:11px;font-weight:700;white-space:nowrap;background:var(--ds-soft);color:var(--ds-muted)}.ds-badge--owned,.ds-badge--success{background:var(--ds-positive-soft);color:var(--ds-positive)}.ds-badge--planned,.ds-badge--info{background:var(--ds-accent-soft);color:var(--ds-accent)}.ds-badge--caution{background:var(--ds-caution-soft);color:var(--ds-caution)}.ds-badge--danger{background:var(--ds-danger-soft);color:var(--ds-danger)}.ds-card{padding:var(--ds-space-5);border:1px solid var(--ds-line);border-radius:var(--ds-radius-card);background:var(--ds-surface);min-width:0}.ds-kicker{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ds-accent);margin:0 0 22px!important}.ds-muted{color:var(--ds-muted)}.ds-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ds-stack{display:grid;gap:18px}.ds-field{display:grid;gap:6px}.ds-field input,.ds-field select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ds-line);border-radius:10px;background:var(--ds-surface);color:var(--ds-ink);min-width:0}.ds-field input[aria-invalid=true]{border-color:var(--ds-danger)}.ds-field small{font-size:12px;color:var(--ds-muted)}.ds-field [role=alert]{color:var(--ds-danger)}.ds-filter{border:1px solid var(--ds-line);border-radius:999px;min-height:44px;padding:8px 14px;background:var(--ds-surface);color:var(--ds-muted)}.ds-filter[aria-pressed=true]{background:var(--ds-accent-soft);color:var(--ds-accent);border-color:var(--ds-accent)}.ds-notice{display:flex;align-items:flex-start;gap:9px;padding:12px;border-radius:10px;background:var(--ds-accent-soft);color:var(--ds-accent)}.ds-notice .ds-icon{margin-top:3px}.ds-notice--success{background:var(--ds-positive-soft);color:var(--ds-positive)}.ds-notice--caution{background:var(--ds-caution-soft);color:var(--ds-caution)}.ds-notice--danger{background:var(--ds-danger-soft);color:var(--ds-danger)}.ds-notice small{display:block;font-size:12px}.ds-position{display:grid;grid-template-columns:40px minmax(0,1fr) auto 44px;gap:12px;align-items:center;min-height:76px;padding:14px 0;border-bottom:1px solid var(--ds-line)}.ds-symbol{width:40px;height:40px;border-radius:10px;background:var(--ds-soft);display:grid;place-items:center;font-size:10px;font-weight:800}.ds-position-title{font-weight:700;margin-bottom:5px;overflow-wrap:break-word}.ds-position-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ds-muted)}.ds-position-value{text-align:right;white-space:nowrap}.ds-position-value small{display:block;color:var(--ds-muted)}.ds-menu{position:relative}.ds-menu summary{list-style:none;cursor:pointer}.ds-menu summary::-webkit-details-marker{display:none}.ds-menu-panel{position:absolute;right:0;top:48px;z-index:3;width:220px;padding:7px;border:1px solid var(--ds-line);border-radius:10px;background:var(--ds-surface);box-shadow:var(--ds-shadow)}.ds-menu-panel button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;border:0;min-height:44px;background:transparent;color:var(--ds-ink);border-radius:6px}.ds-menu-panel button:hover{background:var(--ds-soft)}.ds-menu-panel .ds-remove{color:var(--ds-danger);background:var(--ds-danger-soft)}.ds-dialog{border:0;border-radius:16px;padding:24px;max-width:520px;width:calc(100% - 32px);background:var(--ds-surface);box-shadow:var(--ds-shadow-dialog)}.ds-dialog::backdrop{background:rgb(19 42 58 / 45%)}.ds-dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.ds-empty{padding:30px 16px;text-align:center}.ds-empty .ds-btn{margin-top:12px}.ds-skeleton{height:14px;background:var(--ds-soft);border-radius:999px;margin:14px 0;width:75%}.ds-skeleton:nth-child(2){width:50%}.ds-skeleton:nth-child(3){width:90%}.ds-compare{display:grid;gap:8px}.ds-track{height:7px;border-radius:99px;background:var(--ds-soft);overflow:hidden}.ds-track span{display:block;height:100%;background:var(--ds-chart-actual)}.ds-track--target span{background:var(--ds-chart-target)}.ds-stat strong{display:block;font-size:28px;line-height:1.4}.ds-nav{background:var(--ds-ink);padding:14px;border-radius:16px;display:grid;gap:5px;min-width:230px}.ds-nav button{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px;border:0;border-radius:10px;background:transparent;color:#c7d1d5;text-align:left}.ds-nav button[aria-current]{background:var(--ds-nav-active);color:white}.ds-bottom-nav{display:flex;justify-content:space-around;border:1px solid var(--ds-line);border-radius:16px;padding:10px 4px;flex:1;min-width:260px;background:var(--ds-surface)}.ds-bottom-nav button{display:grid;justify-items:center;gap:5px;min-width:48px;min-height:44px;font-size:11px;border:0;background:none;color:var(--ds-muted)}.ds-bottom-nav button[aria-current]{color:var(--ds-accent)}.ds-chart{position:relative}.ds-chart svg{width:100%;height:auto;display:block}.ds-chart .chart-tooltip{position:absolute;background:var(--ds-ink);color:white;padding:10px;border-radius:6px;font-size:12px;pointer-events:none;white-space:pre-line}.ds-chart text{font:12px var(--ds-font);fill:var(--ds-muted)}
.ds-showcase{margin:0;background:var(--ds-canvas)}.ds-showcase main{max-width:1440px;margin:auto;padding:52px;display:grid;gap:28px}.ds-showcase header{display:flex;justify-content:space-between;align-items:end;gap:24px}.ds-showcase .ds-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ds-swatches{display:flex;gap:14px;flex-wrap:wrap}.ds-swatch{width:110px}.ds-swatch i{display:block;height:44px;border-radius:10px;border:1px solid var(--ds-line);margin-bottom:6px}.ds-showcase footer{color:var(--ds-muted);border-top:1px solid var(--ds-line);padding-top:22px}.ds-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:14px 20px;border-radius:10px;background:var(--ds-ink);color:white;box-shadow:var(--ds-shadow);z-index:10}
@media(max-width:760px){.ds-showcase main{padding:24px 16px}.ds-showcase header{align-items:start;flex-direction:column}.ds-showcase .ds-grid{grid-template-columns:1fr}.ds-card{padding:18px}.ds-field input,.ds-field select{font-size:16px}.ds-position{grid-template-columns:36px minmax(0,1fr) 44px;gap:10px}.ds-position-value{grid-column:2;text-align:left;grid-row:2}.ds-position>.ds-menu{grid-column:3;grid-row:1}.ds-position-meta{align-items:start}.ds-nav{width:100%}.ds-bottom-nav{width:100%;min-width:0}.ds-chart svg{min-height:200px}.ds-dialog{max-height:85dvh;overflow:auto}}