/* Dari Soft UI v0.1. Standalone components, not overrides for existing .card/.btn. */
[data-dari-ui="soft-v1"] {
  color:var(--du-fg); font-family:var(--du-font-family); font-size:var(--du-type-body);
  line-height:var(--du-line-body); font-weight:var(--du-weight-body); letter-spacing:0;
  font-synthesis:none;
}
[data-dari-ui="soft-v1"] :where([class^="du-"], [class*=" du-"]) {box-sizing:border-box;}
[data-dari-ui="soft-v1"] :where(button, input, textarea, select) {font:inherit; letter-spacing:inherit;}
[data-dari-ui="soft-v1"] :where(button, a, input, textarea, select, [tabindex]):focus-visible {
  outline:var(--du-focus-width) solid var(--du-focus); outline-offset:var(--du-focus-offset);
}
[data-dari-ui="soft-v1"] :where(.du-display,.du-feature-title,.du-title,.du-body,.du-meta,.du-caption) {margin:0;overflow-wrap:anywhere;}
[data-dari-ui="soft-v1"] .du-display {font-size:var(--du-type-display);line-height:var(--du-line-display);font-weight:var(--du-weight-display);}
[data-dari-ui="soft-v1"] .du-feature-title {font-size:var(--du-type-feature);line-height:var(--du-line-feature);font-weight:var(--du-weight-feature);}
[data-dari-ui="soft-v1"] .du-title {font-size:var(--du-type-title);line-height:var(--du-line-title);font-weight:var(--du-weight-title);}
[data-dari-ui="soft-v1"] .du-body {font-size:var(--du-type-body);line-height:var(--du-line-body);}
[data-dari-ui="soft-v1"] .du-meta {font-size:var(--du-type-secondary);line-height:var(--du-line-secondary);color:var(--du-muted);}
[data-dari-ui="soft-v1"] .du-caption {font-size:var(--du-type-caption);line-height:var(--du-line-caption);font-weight:var(--du-weight-caption);color:var(--du-muted);}
[data-dari-ui="soft-v1"] .du-stack {display:flex;flex-direction:column;gap:var(--du-space-3);min-width:0;}
[data-dari-ui="soft-v1"] .du-stack--tight {gap:var(--du-space-2);}
[data-dari-ui="soft-v1"] .du-inline {display:flex;align-items:center;gap:var(--du-space-2);flex-wrap:wrap;min-width:0;}
[data-dari-ui="soft-v1"] .du-spread {display:flex;align-items:center;justify-content:space-between;gap:var(--du-space-3);min-width:0;}
[data-dari-ui="soft-v1"] .du-icon {width:var(--du-icon-size);height:var(--du-icon-size);flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}
[data-dari-ui="soft-v1"] .du-icon--small {width:20px;height:20px;}
[data-dari-ui="soft-v1"] .du-surface {border:1px solid var(--du-card-edge);border-radius:var(--du-r-card);padding:var(--du-card-padding);background:linear-gradient(155deg,var(--du-surface-start),var(--du-surface-end));box-shadow:inset 0 1px 0 var(--du-rim),var(--du-e1);min-width:0;}
[data-dari-ui="soft-v1"] .du-surface--flat {background:var(--du-surface);box-shadow:none;}
[data-dari-ui="soft-v1"] .du-surface--raised {box-shadow:inset 0 1px 0 var(--du-rim),var(--du-e2);}
[data-dari-ui="soft-v1"] .du-surface--blue {background:linear-gradient(145deg,var(--du-surface-raised),var(--du-tech-soft));}
[data-dari-ui="soft-v1"] .du-surface--olive {background:linear-gradient(145deg,var(--du-surface-raised),var(--du-accent-soft));}
[data-dari-ui="soft-v1"] .du-action {appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--du-space-2);min-height:var(--du-control-height);min-width:var(--du-compact-height);padding:12px 20px;border:1px solid transparent;border-radius:var(--du-r-control);text-decoration:none;text-align:center;font-size:1rem;line-height:1.5;font-weight:700;cursor:pointer;white-space:normal;overflow-wrap:anywhere;transition:transform var(--du-time-release) var(--du-ease-standard),background-color var(--du-time-release) var(--du-ease-standard),box-shadow var(--du-time-release) var(--du-ease-standard);}
[data-dari-ui="soft-v1"] .du-action--primary {color:var(--du-cta-ink);background-color:var(--du-accent-cta);background-image:linear-gradient(var(--du-cta-shine),transparent);box-shadow:var(--du-button-shadow);}
[data-dari-ui="soft-v1"] .du-action--secondary {color:var(--du-fg);background:var(--du-surface-raised);border-color:var(--du-card-edge);box-shadow:var(--du-e1);}
[data-dari-ui="soft-v1"] .du-action--quiet {color:var(--du-fg);background:var(--du-tech-soft);}
[data-dari-ui="soft-v1"] .du-action--plain {color:var(--du-accent-strong);background:transparent;box-shadow:none;}
[data-dari-ui="soft-v1"] .du-action--full {width:100%;}
[data-dari-ui="soft-v1"] .du-action--compact {min-height:44px;padding:8px 16px;font-size:.875rem;line-height:1.428571;}
[data-dari-ui="soft-v1"] .du-action--icon {width:44px;min-height:44px;aspect-ratio:1;padding:10px;border-radius:var(--du-r-pill);flex:none;}
[data-dari-ui="soft-v1"] :where(.du-action,.du-tile,.du-row-link,.du-chip):active:not(:disabled):not([aria-disabled="true"]) {transform:translateY(1px);transition-duration:var(--du-time-press);}
[data-dari-ui="soft-v1"] :where(.du-action,.du-chip):disabled {background:var(--du-disabled-bg);color:var(--du-disabled-fg);box-shadow:none;background-image:none;cursor:not-allowed;}
[data-dari-ui="soft-v1"] .du-action[aria-busy="true"] {cursor:progress;}
[data-dari-ui="soft-v1"] .du-tile {appearance:none;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:var(--du-space-3);min-height:140px;width:100%;min-width:0;overflow-wrap:anywhere;padding:var(--du-tile-padding);border:1px solid var(--du-card-edge);border-radius:var(--du-r-tile);background:linear-gradient(155deg,var(--du-surface-start),var(--du-surface-end));color:var(--du-fg);box-shadow:inset 0 1px 0 var(--du-rim),var(--du-e1);text-decoration:none;cursor:pointer;transition:transform var(--du-time-release) var(--du-ease-standard);}
[data-dari-ui="soft-v1"] .du-tile > .du-stack {width:100%;}
[data-dari-ui="soft-v1"] .du-icon-tile {display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--du-tech-soft);color:var(--du-info-ink);flex:none;}
[data-dari-ui="soft-v1"] .du-grid-two {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:12px;}
[data-dari-ui="soft-v1"] .du-row-link {display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--du-card-edge);border-radius:24px;color:var(--du-fg);background:linear-gradient(155deg,var(--du-surface-start),var(--du-surface-end));box-shadow:var(--du-e1);text-decoration:none;transition:transform var(--du-time-release) var(--du-ease-standard);min-width:0;}
[data-dari-ui="soft-v1"] .du-row-copy {flex:1;min-width:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:4px;}
[data-dari-ui="soft-v1"] .du-thumb {width:72px;height:72px;flex:none;border-radius:16px;background:var(--du-tech-soft);color:var(--du-info-ink);display:grid;place-items:center;overflow:hidden;}
[data-dari-ui="soft-v1"] .du-thumb img {width:100%;height:100%;object-fit:contain;}
[data-dari-ui="soft-v1"] .du-row-arrow {display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:999px;background:var(--du-tech-soft);color:var(--du-fg);}
[data-dari-ui="soft-v1"] .du-badge {display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 8px;border:0;border-radius:var(--du-r-tag);background:var(--du-tech-soft);color:var(--du-state-text);font-size:.75rem;line-height:1.333333;font-weight:600;overflow-wrap:anywhere;}
[data-dari-ui="soft-v1"] .du-badge--success {background:var(--du-accent-soft);}
[data-dari-ui="soft-v1"] .du-badge--warning {background:var(--du-warn-soft);}
[data-dari-ui="soft-v1"] .du-badge--error {background:var(--du-error-soft);}
[data-dari-ui="soft-v1"] .du-chip {appearance:none;min-height:44px;min-width:44px;padding:8px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;background:var(--du-tech-soft);color:var(--du-fg);font-size:.875rem;line-height:1.428571;font-weight:600;cursor:pointer;transition:transform var(--du-time-release) var(--du-ease-standard),background-color var(--du-time-select) var(--du-ease-standard);}
[data-dari-ui="soft-v1"] .du-chip[aria-pressed="true"] {background:var(--du-accent-soft);border-color:var(--du-accent-strong);color:var(--du-selected-text);}
[data-dari-ui="soft-v1"] .du-segment {display:flex;gap:4px;padding:4px;border-radius:20px;background:var(--du-tech-soft);flex-wrap:wrap;}
[data-dari-ui="soft-v1"] .du-segment button {appearance:none;flex:1 1 88px;min-height:44px;padding:8px 12px;border:0;border-radius:16px;color:var(--du-muted);background:transparent;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color var(--du-time-select) var(--du-ease-standard),box-shadow var(--du-time-select) var(--du-ease-standard);}
[data-dari-ui="soft-v1"] .du-segment button[aria-pressed="true"] {color:var(--du-fg);background:var(--du-surface-raised);box-shadow:var(--du-e1);}
[data-dari-ui="soft-v1"] .du-field {display:flex;flex-direction:column;gap:8px;min-width:0;}
[data-dari-ui="soft-v1"] .du-field label {font-size:.875rem;font-weight:600;}
[data-dari-ui="soft-v1"] .du-input-shell {display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;border:1px solid var(--du-field-border);border-radius:16px;background:var(--du-surface-raised);color:var(--du-muted);}
[data-dari-ui="soft-v1"] .du-input-shell:focus-within {outline:3px solid var(--du-focus);outline-offset:3px;}
[data-dari-ui="soft-v1"] .du-input-shell input {width:100%;min-width:0;min-height:50px;padding:12px 0;border:0;background:transparent;color:var(--du-fg);outline:none;font-size:1rem;line-height:1.5;}
[data-dari-ui="soft-v1"] .du-input-shell input::placeholder {color:var(--du-muted);opacity:1;}
[data-dari-ui="soft-v1"] .du-input-shell--error {box-shadow:inset 0 0 0 1px var(--du-field-border);background:var(--du-error-soft);}
[data-dari-ui="soft-v1"] .du-notice {display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:20px;background:var(--du-tech-soft);color:var(--du-state-text);}
[data-dari-ui="soft-v1"] .du-notice--warning {background:var(--du-warn-soft);}
[data-dari-ui="soft-v1"] .du-notice--error {background:var(--du-error-soft);}
[data-dari-ui="soft-v1"] .du-progress {width:100%;height:8px;overflow:hidden;border-radius:999px;background:var(--du-track);}
[data-dari-ui="soft-v1"] .du-progress-fill {height:100%;width:var(--du-progress-value,0%);border-radius:inherit;background:var(--du-accent-strong);transition:width var(--du-time-select) var(--du-ease-standard);}
[data-dari-ui="soft-v1"] .du-accordion {border:1px solid var(--du-card-edge);border-radius:24px;background:var(--du-surface);box-shadow:var(--du-e1);}
[data-dari-ui="soft-v1"] .du-accordion-trigger {appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;width:100%;padding:16px 20px;border:0;background:transparent;color:var(--du-fg);border-radius:24px;text-align:left;font-weight:700;cursor:pointer;}
[data-dari-ui="soft-v1"] .du-accordion-trigger .du-icon {transition:transform var(--du-time-reveal) var(--du-ease-standard);}
[data-dari-ui="soft-v1"] .du-accordion-trigger[aria-expanded="true"] .du-icon {transform:rotate(180deg);}
[data-dari-ui="soft-v1"] .du-accordion-inner {padding:0 20px 20px;}
[data-dari-ui="soft-v1"] .du-choice {display:block;position:relative;cursor:pointer;}
[data-dari-ui="soft-v1"] .du-choice input {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}
[data-dari-ui="soft-v1"] .du-choice-body {display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid var(--du-card-edge);border-radius:20px;background:var(--du-surface);}
[data-dari-ui="soft-v1"] .du-choice-dot {display:grid;place-items:center;width:24px;height:24px;flex:none;border:2px solid var(--du-field-border);border-radius:999px;color:var(--du-cta-ink);}
[data-dari-ui="soft-v1"] .du-choice-dot::after {content:"";width:8px;height:8px;border-radius:50%;background:transparent;}
[data-dari-ui="soft-v1"] .du-choice input:checked + .du-choice-body {background:var(--du-accent-soft);border-color:var(--du-accent-strong);}
[data-dari-ui="soft-v1"] .du-choice input:checked + .du-choice-body .du-choice-dot {background:var(--du-accent-cta);border-color:var(--du-accent-strong);}
[data-dari-ui="soft-v1"] .du-choice input:checked + .du-choice-body .du-choice-dot::after {background:var(--du-cta-ink);}
[data-dari-ui="soft-v1"] .du-choice input:focus-visible + .du-choice-body {outline:3px solid var(--du-focus);outline-offset:3px;}
[data-dari-ui="soft-v1"] .du-carousel {overflow-x:auto;display:flex;gap:12px;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding:4px 4px 16px;scrollbar-width:thin;}
[data-dari-ui="soft-v1"] .du-carousel-item {flex:0 0 calc(100% - 4px);scroll-snap-align:start;scroll-snap-stop:normal;min-width:0;}
[data-dari-ui="soft-v1"] .du-media-square {aspect-ratio:1;background:var(--du-tech-soft);border-radius:20px;display:grid;place-items:center;min-width:0;}
[data-dari-ui="soft-v1"] .du-media-square img {width:100%;height:100%;object-fit:contain;}
[data-dari-ui="soft-v1"] .du-nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px;border:1px solid var(--du-card-edge);border-radius:28px;background:var(--du-surface-raised);box-shadow:var(--du-e2);}
[data-dari-ui="soft-v1"] .du-nav a {display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:52px;padding:8px 4px;color:var(--du-muted);border-radius:20px;font-size:.75rem;line-height:1.333333;font-weight:600;text-decoration:none;text-align:center;overflow-wrap:anywhere;}
[data-dari-ui="soft-v1"] .du-nav a[aria-current="page"] {background:var(--du-tech-soft);color:var(--du-fg);}
[data-dari-ui="soft-v1"].du-sheet {box-sizing:border-box;max-width:min(100%,480px);position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,480px);max-height:85vh;max-height:85dvh;padding:0;border:1px solid var(--du-card-edge);border-radius:28px 28px 0 0;background:var(--du-surface-raised);box-shadow:var(--du-e3);overflow:auto;}
[data-dari-ui="soft-v1"].du-sheet::backdrop {background:var(--du-scrim);}
[data-dari-ui="soft-v1"] .du-sheet-inner {padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px));}
[data-dari-ui="soft-v1"] .du-sheet-handle {width:32px;height:4px;background:var(--du-field-border);border-radius:999px;margin:12px auto 0;}
[data-dari-ui="soft-v1"] .du-divider {height:1px;background:var(--du-border);border:0;margin:16px 0;}
[data-dari-ui="soft-v1"] .du-skeleton {height:16px;border-radius:8px;background:var(--du-tech-soft);}
[data-dari-ui="soft-v1"] .du-spinner {width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:du-spin 800ms linear infinite;flex:none;}
@keyframes du-spin {to {transform:rotate(360deg);}}
@media (hover:hover) and (pointer:fine) {
 [data-dari-ui="soft-v1"] .du-action--primary:hover:not(:disabled) {background-color:var(--du-accent-strong);}
 [data-dari-ui="soft-v1"] :where(.du-tile,.du-row-link):hover {transform:translateY(-1px);}
}
@media (max-width:360px) {
 [data-dari-ui="soft-v1"] .du-row-link {gap:12px;}
 [data-dari-ui="soft-v1"] .du-row-link .du-row-arrow {display:none;}
}
@media (prefers-reduced-motion:reduce) {
 [data-dari-ui="soft-v1"] :where([class^="du-"], [class*=" du-"]) {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
 [data-dari-ui="soft-v1"] :where(.du-tile,.du-row-link,.du-action,.du-chip):is(:active,:hover) {transform:none;}
}
[data-dari-ui="soft-v1"][data-motion="reduce"] :where([class^="du-"], [class*=" du-"]) {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
[data-dari-ui="soft-v1"][data-motion="reduce"] :where(.du-tile,.du-row-link,.du-action,.du-chip):is(:active,:hover) {transform:none;}