:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100svh;margin:0}#root{min-height:100svh}:root{--color-primary-50:#eef3ff;--color-primary-300:#7c9dff;--color-primary-500:#3b6dff;--color-primary-600:#185fa5;--color-primary-600-hover:#14518c;--color-primary-600-active:#114374;--color-primary-700:#2347c9;--color-primary-900:#142a80;--color-accent-50:#fff1ec;--color-accent-300:#ff9d73;--color-accent-500:#ff5a1f;--color-accent-700:#cc3f0f;--color-accent-900:#802509;--color-neutral-50:#f7f8fa;--color-neutral-100:#e7e9ee;--color-neutral-200:#d9dce3;--color-neutral-500:#7a8194;--color-neutral-700:#3d4250;--color-neutral-900:#14161c;--bg-page:var(--color-neutral-50);--bg-surface:#fff;--bg-surface-raised:#fff;--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-500);--border-color:var(--color-neutral-200);--shadow-color:#14161c14;--font-family:"Inter", "Hiragino Sans", "Yu Gothic", system-ui, -apple-system, sans-serif;--font-mono:"SFMono-Regular", Menlo, Consolas, monospace;--font-display-size:48px;--font-display-weight:800;--font-display-line:1.1;--font-display-tracking:-.02em;--font-h1-size:32px;--font-h1-weight:700;--font-h1-line:1.2;--font-h1-tracking:-.01em;--font-h2-size:24px;--font-h2-weight:600;--font-h2-line:1.3;--font-h2-tracking:0;--font-body-size:16px;--font-body-weight:400;--font-body-line:1.6;--font-body-tracking:0;--font-caption-size:13px;--font-caption-weight:500;--font-caption-line:1.4;--font-caption-tracking:.02em;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-7:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--ghost-border:var(--color-neutral-100);--color-success:#158a4d;--color-success-bg:#158a4d1f;--color-error:#d63031;--color-error-bg:#d630311f;--color-warning:#b3690a;--color-warning-bg:#b3690a24;--color-info:var(--color-primary-500);--color-info-bg:#3b6dff1f}[data-theme=dark]{--bg-page:var(--color-neutral-900);--bg-surface:#1c1e26;--bg-surface-raised:#23262f;--text-primary:#f2f3f7;--text-secondary:var(--color-neutral-200);--border-color:#2c2f3a;--shadow-color:#0006;--ghost-border:#333644;--color-success:#3ddc84;--color-success-bg:#3ddc8424;--color-error:#ff6b6b;--color-error-bg:#ff6b6b24;--color-warning:#ffb454;--color-warning-bg:#ffb45429;--color-info:var(--color-primary-300);--color-info-bg:#7c9dff29}*{box-sizing:border-box}.ds-root{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;transition:background var(--transition-base), color var(--transition-base);padding-bottom:var(--space-7)}.ds-root--live{padding-bottom:0}.ds-root--live .dsh-toolbar,.ds-root--live .dsh-statusbar,.ds-root--live .dsd-topbar-toggle{display:none}.ds-root--live>.ds-section{max-width:none;min-height:100dvh;padding:0}.ds-root--live .dsh-phone-frame{width:100%;max-width:430px;min-height:100dvh;box-shadow:none;padding-top:env(safe-area-inset-top,0px);padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));border:none;border-radius:0;flex-direction:column;margin:0 auto;display:flex;overflow:visible}.ds-root--live .dsh-phone-frame:has(.dsh-cart-summary){padding-bottom:calc(148px + env(safe-area-inset-bottom,0px))}.ds-root--live .dsh-phone-frame.dsr-fade-in{animation:none}.ds-root--live .dsh-bottom-nav{z-index:40;background:var(--bg-surface);width:100%;max-width:430px;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.ds-root--live .dsh-cart-summary{left:50%;bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:39;width:100%;max-width:430px;position:fixed;transform:translate(-50%)}.ds-root--live .dsd-shell--live{max-width:none;height:100dvh;min-height:100dvh;box-shadow:none;border:none;border-radius:0;margin:0}.ds-root--live>.ds-section:has(.dsd-shell--live){padding:0}.ds-header{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-color);background:var(--bg-page);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ds-header h1{font-size:var(--font-h1-size);font-weight:var(--font-h1-weight);line-height:var(--font-h1-line);letter-spacing:var(--font-h1-tracking);margin:0}.ds-header p{color:var(--text-secondary);font-size:var(--font-caption-size);letter-spacing:var(--font-caption-tracking);margin:4px 0 0}.ds-toggle{align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-caption-size);color:var(--text-secondary);display:inline-flex}.ds-switch{background:var(--color-neutral-200);width:48px;height:26px;transition:background var(--transition-base);border-radius:999px;flex-shrink:0;display:inline-block;position:relative}[data-theme=dark] .ds-switch{background:var(--color-primary-700)}.ds-switch-knob{width:20px;height:20px;box-shadow:0 1px 3px var(--shadow-color);transition:transform var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}[data-theme=dark] .ds-switch-knob{transform:translate(22px)}.ds-tabs{gap:var(--space-1);padding:0 var(--space-4);border-bottom:1px solid var(--border-color);background:var(--bg-page);z-index:9;display:flex;position:sticky;top:73px;overflow-x:auto}.ds-tab{appearance:none;color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-body-size);padding:var(--space-2) var(--space-2);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:600}.ds-tab:hover{color:var(--text-primary)}.ds-tab.is-active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.ds-section{padding:var(--space-5) var(--space-4) 0;max-width:1200px;margin:0 auto}.ds-section-title{font-size:var(--font-h2-size);font-weight:var(--font-h2-weight);line-height:var(--font-h2-line);margin:0 0 var(--space-1)}.ds-section-desc{color:var(--text-secondary);font-size:var(--font-body-size);margin:0 0 var(--space-3)}.ds-palette-group{margin-bottom:var(--space-4)}.ds-palette-group h3{font-size:var(--font-caption-size);text-transform:uppercase;letter-spacing:var(--font-caption-tracking);color:var(--text-secondary);font-weight:var(--font-caption-weight);margin:0 0 var(--space-2)}.ds-swatch-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.ds-swatch{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;width:100%;transition:transform var(--transition-fast), box-shadow var(--transition-fast);text-align:left;font:inherit;color:inherit;padding:0;display:block;position:relative;overflow:hidden}.ds-swatch:hover{box-shadow:0 10px 24px var(--shadow-color);transform:translateY(-3px)}.ds-swatch:active{transform:translateY(-1px)scale(.98)}.ds-swatch-color{width:100%;height:72px;display:block}.ds-swatch-info{padding:var(--space-1) var(--space-2);display:block}.ds-swatch-name{font-size:var(--font-caption-size);font-weight:600;display:block}.ds-swatch-hex{color:var(--text-secondary);margin-top:2px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;display:block}.ds-swatch-copied{color:#fff;font-size:var(--font-caption-size);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);background:#14161cbf;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.ds-swatch-copied.is-visible{opacity:1}.ds-type-row{align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-color);display:flex}.ds-type-row:last-child{border-bottom:none}.ds-type-label{width:96px;font-size:var(--font-caption-size);color:var(--text-secondary);flex-shrink:0;font-family:SFMono-Regular,Menlo,Consolas,monospace}.ds-type-sample{margin:0}.ds-type-meta{font-size:var(--font-caption-size);color:var(--text-secondary);white-space:nowrap;margin-left:auto}.ds-spacing-list{gap:var(--space-2);flex-direction:column;display:flex}.ds-spacing-row{align-items:center;gap:var(--space-3);display:flex}.ds-spacing-label{width:72px;font-size:var(--font-caption-size);color:var(--text-secondary);flex-shrink:0;font-family:SFMono-Regular,Menlo,Consolas,monospace}.ds-spacing-bar{background:var(--color-primary-500);height:16px;transition:background var(--transition-base);border-radius:4px}.ds-button-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.ds-btn{font-family:var(--font-family);font-size:var(--font-body-size);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;padding:12px 24px;font-weight:600}.ds-btn:active{transform:translateY(1px)}.ds-btn-primary{background:var(--color-primary-500);color:#fff}.ds-btn-primary:hover{background:var(--color-primary-700);transform:translateY(-2px);box-shadow:0 8px 20px #3b6dff59}.ds-btn-secondary{color:var(--color-primary-500);border-color:var(--color-primary-500);background:0 0}.ds-btn-secondary:hover{background:var(--color-primary-50);transform:translateY(-2px)}[data-theme=dark] .ds-btn-secondary:hover{background:#3b6dff1f}.ds-btn-ghost{color:var(--text-primary);background:0 0;border-color:#0000}.ds-btn-ghost:hover{background:var(--border-color);transform:translateY(-2px)}.ds-btn-disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.ds-btn-disabled:hover{box-shadow:none;transform:none}.ds-type-detail-list{gap:var(--space-2);flex-direction:column;display:flex}.ds-type-detail-row{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-color);grid-template-columns:72px 1fr;align-items:center;display:grid}.ds-type-detail-row:last-child{border-bottom:none}.ds-type-detail-tag{font-family:var(--font-mono);font-size:var(--font-caption-size);color:var(--text-secondary);font-weight:600}.ds-type-detail-sample{margin:0 0 var(--space-1);color:var(--text-primary)}.ds-type-detail-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.ds-type-detail-meta span{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;padding:2px 8px;font-size:12px}.ds-grid-check{border:1px solid var(--border-color);border-radius:var(--radius-md);background-image:linear-gradient(to right, var(--border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--border-color) 1px, transparent 1px);background-size:8px 8px;background-color:var(--bg-surface);height:128px;position:relative;overflow:hidden}.ds-grid-check:before{content:"";background-image:linear-gradient(to right, var(--color-primary-300) 1px, transparent 1px), linear-gradient(to bottom, var(--color-primary-300) 1px, transparent 1px);opacity:.5;background-size:32px 32px;position:absolute;inset:0}.ds-scale-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.ds-scale-token{align-items:center;gap:var(--space-1);flex-direction:column;min-width:72px;display:flex}.ds-scale-swatch{background:var(--color-primary-500);border-radius:4px;width:100%}.ds-scale-name{font-size:var(--font-caption-size);font-weight:600}.ds-scale-px{font-family:var(--font-mono);color:var(--text-secondary);font-size:12px}.ds-box-demo-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.ds-box-demo{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.ds-box-demo-label{font-size:var(--font-caption-size);color:var(--text-secondary);font-weight:600}.ds-box-margin{border:2px dashed var(--color-accent-500);border-radius:var(--radius-md);position:relative}.ds-box-margin-tag{background:var(--color-accent-500);color:#fff;font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:4px;padding:1px 6px;position:absolute;top:-10px;left:8px}.ds-box-padding{background:var(--color-primary-50);border:1px solid var(--color-primary-300);border-radius:var(--radius-sm);position:relative}[data-theme=dark] .ds-box-padding{background:#3b6dff24}.ds-box-padding-tag{background:var(--color-primary-500);color:#fff;font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:4px;padding:1px 6px;position:absolute;top:-10px;right:8px}.ds-box-content{background:var(--bg-surface-raised);border:1px solid var(--border-color);padding:var(--space-2) var(--space-3);font-size:var(--font-caption-size);text-align:center;box-shadow:0 2px 8px var(--shadow-color);border-radius:4px;font-weight:600}.dsb-block{margin-bottom:var(--space-5)}.dsb-block:last-child{margin-bottom:0}.dsb-block-title{font-size:var(--font-caption-size);text-transform:uppercase;letter-spacing:var(--font-caption-tracking);color:var(--text-secondary);margin:0 0 var(--space-2);font-weight:700}.dsb-size-row{margin-bottom:var(--space-3)}.dsb-size-row:last-child{margin-bottom:0}.dsb-size-label{font-size:var(--font-caption-size);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.dsb-size-label span{font-family:var(--font-mono);color:var(--text-secondary);margin-left:6px;font-weight:400}.dsb-tile-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.dsb-tile{align-items:flex-start;gap:var(--space-1);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;display:flex}.dsb-tile-label{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.dsb-btn{font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.dsb-btn--sm{border-radius:var(--radius-sm);height:32px;padding:0 12px;font-size:13px}.dsb-btn--md{height:40px;padding:0 16px;font-size:14px}.dsb-btn--lg{height:48px;padding:0 20px;font-size:16px}.dsb-btn--primary{background:var(--color-primary-600);border:1px solid var(--color-primary-600);color:#fff}.dsb-btn--primary:hover,.dsb-btn--primary.is-hover{background:var(--color-primary-600-hover);border-color:var(--color-primary-600-hover)}.dsb-btn--primary:active,.dsb-btn--primary.is-active{background:var(--color-primary-600-active);border-color:var(--color-primary-600-active);transform:translateY(1px)}.dsb-btn--primary:disabled{background:var(--border-color);border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.dsb-btn--secondary{border:2px solid var(--color-primary-600);color:var(--color-primary-600);background:0 0}.dsb-btn--secondary:hover,.dsb-btn--secondary.is-hover{background:var(--color-primary-50)}[data-theme=dark] .dsb-btn--secondary:hover,[data-theme=dark] .dsb-btn--secondary.is-hover{background:#185fa529}.dsb-btn--secondary:active,.dsb-btn--secondary.is-active{background:var(--color-primary-50);transform:translateY(1px)}[data-theme=dark] .dsb-btn--secondary:active,[data-theme=dark] .dsb-btn--secondary.is-active{background:#185fa547}.dsb-btn--secondary:disabled{border-color:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.dsb-btn--ghost{border:1px solid var(--ghost-border);color:var(--text-primary);background:0 0}.dsb-btn--ghost:hover,.dsb-btn--ghost.is-hover{background:var(--border-color)}.dsb-btn--ghost:disabled{color:var(--text-secondary);cursor:not-allowed}.dsb-icon-row{gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;display:flex}.dsb-icon-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.dsb-icon-btn:hover{background:var(--border-color);transform:translateY(-1px)}.dsb-icon-btn:active{transform:translateY(1px)}.dsb-icon-btn--square{border-radius:var(--radius-sm)}.dsb-icon-btn--circle{border-radius:999px}.dsb-icon-btn--primary{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.dsb-icon-btn--primary:hover{background:var(--color-primary-600-hover);border-color:var(--color-primary-600-hover)}.dsb-group-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.dsb-segmented{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);gap:4px;padding:4px;display:inline-flex}.dsb-segmented-btn{appearance:none;color:var(--text-secondary);font-family:var(--font-family);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:8px 18px;font-size:14px;font-weight:600}.dsb-segmented-btn:hover{color:var(--text-primary)}.dsb-segmented-btn.is-active{background:var(--color-primary-600);color:#fff}.dsc-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.dsc-block{margin-bottom:var(--space-5)}.dsc-block:last-child{margin-bottom:0}.dsc-block-title{font-size:var(--font-caption-size);text-transform:uppercase;letter-spacing:var(--font-caption-tracking);color:var(--text-secondary);margin:0 0 var(--space-2);font-weight:700}.dsc-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);overflow:hidden}.dsc-card:hover,.dsc-card.is-hover{box-shadow:0 14px 30px var(--shadow-color);transform:translateY(-4px)}.dsc-card--shadow{box-shadow:0 4px 16px var(--shadow-color);border-color:#0000}.dsc-card--flat{box-shadow:none}.dsc-card-body{padding:var(--space-3)}.dsc-card-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color);background:var(--bg-surface-raised);font-weight:700}.dsc-card-title{margin:0 0 4px;font-size:16px;font-weight:700}.dsc-card-text{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.dsc-card-image{background:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));color:#ffffffe6;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;height:140px;font-size:12px;font-weight:700;display:flex;position:relative}.dsc-card-image-badge{position:absolute;top:10px;right:10px}.dsc-card-icon-wrap{border-radius:var(--radius-md);background:var(--color-primary-50);width:44px;height:44px;color:var(--color-primary-600);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}[data-theme=dark] .dsc-card-icon-wrap{color:var(--color-primary-300);background:#7c9dff29}.dsc-skeleton-block{background:linear-gradient(90deg, var(--border-color) 25%, var(--bg-surface-raised) 50%, var(--border-color) 75%);background-size:200% 100%;border-radius:4px;animation:1.6s ease-in-out infinite dsc-shimmer}@keyframes dsc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dsc-skeleton-image{border-radius:0;height:140px}.dsc-skeleton-line{height:12px;margin-top:10px}.dsc-bottom-nav{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);max-width:440px;box-shadow:0 10px 28px var(--shadow-color);gap:2px;padding:6px;display:flex}.dsc-bottom-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:600;display:flex}.dsc-bottom-nav-item:hover{background:var(--border-color)}.dsc-bottom-nav-item.is-active{color:var(--color-primary-600);background:var(--color-primary-50)}[data-theme=dark] .dsc-bottom-nav-item.is-active{background:#7c9dff24}.dsc-tabbar{gap:var(--space-3);border-bottom:1px solid var(--border-color);display:flex}.dsc-tabbar--scroll{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:auto}.dsc-tabbar--scroll::-webkit-scrollbar{width:0;height:0;display:none}.dsc-tabbar-item{font-family:var(--font-family);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-fast);background:0 0;border:none;padding:10px 2px;font-size:14px;font-weight:600;position:relative}.dsc-tabbar-item:hover{color:var(--text-primary)}.dsc-tabbar-item.is-active{color:var(--color-primary-600)}.dsc-tabbar-item.is-active:after{content:"";background:var(--color-primary-600);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.dsc-breadcrumb{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.dsc-breadcrumb-link{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0}.dsc-breadcrumb-link:hover{color:var(--color-primary-600);text-decoration:underline}.dsc-breadcrumb-current{color:var(--text-primary);font-weight:600}.dsc-breadcrumb-sep{color:var(--text-secondary);opacity:.6;display:inline-flex}.dsc-badge-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dsc-status-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.dsc-status-badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.dsc-status-badge--success{color:var(--color-success);background:var(--color-success-bg)}.dsc-status-badge--error{color:var(--color-error);background:var(--color-error-bg)}.dsc-status-badge--warning{color:var(--color-warning);background:var(--color-warning-bg)}.dsc-status-badge--info{color:var(--color-info);background:var(--color-info-bg)}.dsc-status-badge--neutral{color:var(--text-secondary);background:var(--border-color)}.dsc-badge-anchor{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);justify-content:center;align-items:center;display:inline-flex;position:relative}.dsc-count-badge{background:var(--color-accent-500);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.dsc-count-badge--corner{border:2px solid var(--bg-page);position:absolute;top:-6px;right:-6px}.dsc-pill-badge{background:var(--border-color);color:var(--text-primary);border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.dsc-pill-badge--outline{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.dsc-chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.dsc-chip{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.dsc-chip:hover{background:var(--border-color)}.dsc-chip.is-selected{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.dsc-chip:disabled{opacity:.5;cursor:not-allowed}.dsc-chip:disabled:hover{background:var(--bg-surface)}.dsc-chip-remove{width:16px;height:16px;color:inherit;transition:background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;margin:-2px -4px -2px 0;display:inline-flex}.dsc-chip:not(.is-selected) .dsc-chip-remove:hover{background:var(--shadow-color)}.dsc-chip.is-selected .dsc-chip-remove:hover{background:#ffffff3d}.dsf-block{margin-bottom:var(--space-5)}.dsf-block:last-child{margin-bottom:0}.dsf-block-title{font-size:var(--font-caption-size);text-transform:uppercase;letter-spacing:var(--font-caption-tracking);color:var(--text-secondary);margin:0 0 var(--space-2);font-weight:700}.dsf-tile-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.dsf-tile{gap:var(--space-1);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;flex:200px;min-width:200px;display:flex}.dsf-tile-label{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.dsf-field{flex-direction:column;gap:6px;display:flex}.dsf-label{color:var(--text-primary);font-size:13px;font-weight:600}.dsf-helper{color:var(--text-secondary);font-size:12px}.dsf-helper--error{color:var(--color-error)}.dsf-helper--success{color:var(--color-success)}.dsf-helper--warning{color:var(--color-warning)}.dsf-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);width:100%;height:40px;color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);padding:0 12px;font-size:14px}.dsf-input::placeholder{color:var(--text-secondary)}.dsf-input:focus,.dsf-input.is-focus{border-color:var(--color-primary-600);outline:none;box-shadow:0 0 0 3px #185fa529}.dsf-input.is-error{border-color:var(--color-error)}.dsf-input.is-error:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.dsf-input.is-success{border-color:var(--color-success)}.dsf-input.is-warning{border-color:var(--color-warning)}.dsf-input:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}textarea.dsf-input{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}.dsf-select-wrap{position:relative}.dsf-select-wrap select.dsf-input{appearance:none;cursor:pointer;padding-right:36px}.dsf-select-chevron{pointer-events:none;color:var(--text-secondary);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dsf-input-icon-wrap{align-items:center;display:flex;position:relative}.dsf-input-icon-wrap .dsf-input{padding-left:38px}.dsf-input-icon-wrap.has-trailing .dsf-input{padding-right:36px}.dsf-input-icon{color:var(--text-secondary);pointer-events:none;display:flex;position:absolute;left:12px}.dsf-input-icon-trailing{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.dsf-input-icon-trailing:hover{background:var(--border-color);color:var(--text-primary)}.dsf-check-row{align-items:center;gap:8px;display:flex}.dsf-checkbox,.dsf-radio{width:18px;height:18px;accent-color:var(--color-primary-600);cursor:pointer;flex-shrink:0}.dsf-checkbox:disabled,.dsf-radio:disabled{cursor:not-allowed}.dsf-check-text{color:var(--text-primary);font-size:14px}.dsf-toggle{background:var(--border-color);cursor:pointer;width:44px;height:24px;transition:background var(--transition-base);border:none;border-radius:999px;flex-shrink:0;padding:0;position:relative}.dsf-toggle-knob{width:18px;height:18px;box-shadow:0 1px 3px var(--shadow-color);transition:transform var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.dsf-toggle.is-on{background:var(--color-primary-600)}.dsf-toggle.is-on .dsf-toggle-knob{transform:translate(20px)}.dsf-toggle:disabled{opacity:.5;cursor:not-allowed}.dsf-icon-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}.dsf-icon-tile{padding:var(--space-2);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);flex-direction:column;align-items:center;gap:6px;display:flex}.dsf-icon-tile-label{color:var(--text-secondary);text-align:center;font-size:11px}.dsf-icon-size-row{align-items:flex-end;gap:var(--space-4);display:flex}.dsf-icon-size-item{color:var(--text-primary);flex-direction:column;align-items:center;gap:6px;display:flex}.dsf-icon-color-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.dsf-icon-color-item{flex-direction:column;align-items:center;gap:6px;display:flex}.dsf-icon-color-name{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.dsf-divider{border:none;border-top:1px solid var(--border-color);margin:0}.dsf-divider-row{align-items:center;gap:var(--space-3);height:32px;display:flex}.dsf-divider-vertical{background:var(--border-color);align-self:stretch;width:1px}.dsf-divider-text{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:12px;font-weight:600;display:flex}.dsf-divider-text:before,.dsf-divider-text:after{content:"";background:var(--border-color);flex:1;height:1px}.dsf-done-banner{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-bg);font-size:14px;font-weight:700;display:flex}@media (width<=640px){.ds-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.ds-type-row{flex-wrap:wrap}.ds-type-meta{width:100%;margin-left:0}.ds-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ds-tabs{top:121px}.dsb-tile-row{gap:var(--space-2)}.dsb-tile{flex:1 1 calc(50% - var(--space-2))}.ds-type-detail-row{gap:var(--space-1);grid-template-columns:1fr}.dsc-grid{grid-template-columns:1fr}.dsc-bottom-nav{max-width:100%}.dsf-tile{flex:100%}}.dsh-toolbar{max-width:375px;margin:0 auto var(--space-3);justify-content:space-between;align-items:center;display:flex}.dsh-toolbar-toggle{align-items:center;gap:var(--space-2);font-size:var(--font-caption-size);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.dsh-toolbar-caption{font-family:var(--font-mono);color:var(--text-secondary);font-size:11px}.dsh-phone-frame{background:var(--bg-page);width:375px;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 24px 60px var(--shadow-color);font-family:var(--font-family);transition:background var(--transition-base), color var(--transition-base);scrollbar-width:none;-ms-overflow-style:none;border-radius:36px;margin:0 auto;position:relative;overflow:hidden}.dsh-phone-frame::-webkit-scrollbar{width:0;height:0;display:none}.dsh-phone-frame ::-webkit-scrollbar{width:0;height:0;display:none}.dsh-phone-frame *{scrollbar-width:none;-ms-overflow-style:none}.dsh-phone-frame.dsr-fade-in{animation:.5s ease-out both dsr-fade-in}@keyframes dsr-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dsh-statusbar{justify-content:space-between;align-items:center;padding:16px 22px 4px;font-size:15px;font-weight:700;display:flex}.dsh-statusbar-icons{color:var(--text-primary);align-items:center;gap:6px;display:flex}.dsh-appheader{justify-content:space-between;align-items:center;padding:10px 20px 18px;display:flex}.dsh-brand{align-items:center;gap:10px;display:flex}.dsh-logo{background:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:flex}.dsh-brand-title{letter-spacing:-.01em;font-size:16px;font-weight:800}.dsh-header-actions{align-items:center;gap:10px;display:flex}.dsh-icon-btn{border:1px solid var(--border-color);background:var(--bg-surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;display:inline-flex;position:relative}.dsh-avatar{background:linear-gradient(135deg, var(--color-primary-300), var(--color-primary-600));color:#fff;cursor:pointer;width:36px;height:36px;font-size:13px;font-weight:800;font-family:var(--font-family);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.dsh-user-status{padding:0 20px 20px}.dsh-greeting-row{margin-bottom:var(--space-3);align-items:center;gap:8px;display:flex}.dsh-greeting{font-size:15px;font-weight:700}.dsh-wallet-row{margin-bottom:var(--space-2);grid-template-columns:1fr 1fr;gap:8px;display:grid}.dsh-chip-card{background:linear-gradient(135deg, var(--color-primary-600), var(--color-primary-500));border-radius:var(--radius-lg);color:#fff;margin-bottom:var(--space-2);text-align:left;border:none;width:100%;padding:18px 20px}button.dsh-chip-card{cursor:pointer;color:#fff;font-family:inherit}.dsh-wallet-row .dsh-chip-card{margin-bottom:0;padding:14px 12px}.dsh-wallet-row .dsh-chip-value{font-size:22px}.dsh-chip-card--points{background:linear-gradient(135deg, var(--color-accent-700), var(--color-accent-500))}.dsh-chip-label{opacity:.85;letter-spacing:.02em;font-size:12px;font-weight:600}.dsh-chip-value{letter-spacing:-.01em;align-items:center;gap:8px;margin-top:4px;font-size:34px;font-weight:800;display:flex}.dsh-visit-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.dsh-visit-text{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.dsh-section{padding:0 20px 22px}.dsh-section-title{margin:0 0 12px;font-size:16px;font-weight:800}.dsh-quick-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dsh-quick-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-family);flex-direction:column;align-items:center;gap:8px;padding:16px 8px;display:flex}.dsh-quick-icon{background:var(--color-primary-50);width:42px;height:42px;color:var(--color-primary-600);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-theme=dark] .dsh-quick-icon{color:var(--color-primary-300);background:#7c9dff29}.dsh-quick-label{font-size:12px;font-weight:700}.dsh-tournament-meta{align-items:center;gap:14px;margin-top:10px;display:flex}.dsh-tournament-stat{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.dsh-tournament-cta{width:100%;margin-top:12px}.dsh-rank-self{background:var(--color-primary-50);border:1px solid var(--color-primary-300);border-radius:var(--radius-lg);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;display:flex}[data-theme=dark] .dsh-rank-self{background:#7c9dff1f}.dsh-rank-self-label{color:var(--color-primary-600);letter-spacing:.04em;font-size:11px;font-weight:700}[data-theme=dark] .dsh-rank-self-label{color:var(--color-primary-300)}.dsh-rank-self-value{font-size:22px;font-weight:800}.dsh-rank-self-chips{text-align:right;color:var(--text-secondary);font-size:13px;font-weight:700}.dsh-rank-scroll{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.dsh-rank-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;flex:0 0 128px;padding:14px 10px}.dsh-rank-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto 8px;font-size:13px;font-weight:800;display:flex}.dsh-rank-badge--1{background:var(--color-accent-500)}.dsh-rank-badge--2{background:var(--color-neutral-500)}.dsh-rank-badge--3{background:var(--color-warning)}.dsh-rank-name{margin-bottom:2px;font-size:13px;font-weight:700}.dsh-rank-chips{color:var(--text-secondary);font-size:12px}.dsh-bottom-nav{width:100%;max-width:none;box-shadow:none;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));border-width:1px 0 0;border-radius:0}.dsh-screen-switch{margin-bottom:var(--space-3);justify-content:center;display:flex}.dsn-menu{max-width:880px;margin:0 auto}.dsn-menu-title{text-align:center;margin:0 0 6px;font-size:20px;font-weight:800}.dsn-menu-lead{text-align:center;color:var(--text-secondary);margin:0 0 16px;font-size:13px}.dsn-menu-group{margin-bottom:12px}.dsn-menu-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:800}.dsn-menu-group .dsc-chip-row{justify-content:flex-start}.dsn-dash-links{flex-wrap:wrap;gap:8px;display:flex}.dsh-screen-header{justify-content:space-between;align-items:center;padding:6px 20px 16px;display:flex}.dsh-screen-title-row{align-items:center;gap:8px;display:flex}.dsh-screen-title{letter-spacing:-.01em;font-size:20px;font-weight:800}.dsh-screen-actions{gap:8px;display:flex}.dsh-ranklist{flex-direction:column;gap:8px;display:flex}.dsh-rank-row{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);align-items:center;gap:12px;padding:10px 12px;display:flex}.dsh-rank-row.is-self{background:var(--color-primary-50);border-color:var(--color-primary-300)}[data-theme=dark] .dsh-rank-row.is-self{background:#7c9dff1f}.dsh-rank-num{text-align:center;width:22px;color:var(--text-secondary);flex-shrink:0;font-size:14px;font-weight:800}.dsh-rank-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}.dsh-rank-info{flex-direction:column;flex:1;min-width:0;display:flex}.dsh-rank-username{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.dsh-rank-points{color:var(--text-secondary);font-size:12px}.dsh-rank-change{flex-shrink:0;align-items:center;gap:2px;font-size:12px;font-weight:700;display:flex}.dsh-rank-change--up{color:var(--color-error)}.dsh-rank-change--down{color:var(--color-info)}.dsh-rank-change--flat{color:var(--text-secondary)}.dsh-tournament-list{flex-direction:column;gap:14px;display:flex}.dsh-prize-row{gap:8px;margin-top:10px;display:flex}.dsh-prize-item{text-align:center;background:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1;padding:8px 4px}.dsh-prize-place{color:var(--text-secondary);font-size:11px;font-weight:700}.dsh-prize-value{margin-top:2px;font-size:14px;font-weight:800}.dsh-tournament-actions{margin-top:12px}.dsh-tournament-actions .dsb-btn{width:100%}.dsh-menu-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dsh-menu-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.dsh-menu-card-image{height:80px}.dsh-menu-card-body{padding:10px}.dsh-menu-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.dsh-menu-card-price{color:var(--color-primary-600);margin:2px 0 8px;font-size:13px;font-weight:800}[data-theme=dark] .dsh-menu-card-price{color:var(--color-primary-300)}.dsh-menu-card-btn{width:100%}.dsh-cart-summary{border-top:1px solid var(--border-color);background:var(--bg-surface-raised);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.dsh-cart-info{flex-direction:column;display:flex}.dsh-cart-count{color:var(--text-secondary);font-size:11px}.dsh-cart-total{font-size:18px;font-weight:800}.dsh-profile-header{text-align:center;padding:8px 20px 22px}.dsh-avatar-lg{background:linear-gradient(135deg, var(--color-primary-300), var(--color-primary-600));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 12px;padding:0;font-size:28px;font-weight:800;display:flex;position:relative}.dsh-avatar-edit-badge{background:var(--bg-surface);border:2px solid var(--bg-page);width:28px;height:28px;color:var(--color-primary-600);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.dsh-profile-name{font-size:18px;font-weight:800}.dsh-profile-level{margin-top:8px}.dsh-stats-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dsh-stat-item{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;padding:14px}.dsh-stat-value{font-size:20px;font-weight:800}.dsh-stat-label{color:var(--text-secondary);margin-top:4px;font-size:11px}.dsh-menu-list{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.dsh-menu-item{border:none;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-family);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:14px;font-size:14px;font-weight:600;display:flex}.dsh-menu-item:last-child{border-bottom:none}.dsh-menu-item:hover{background:var(--bg-page)}.dsh-menu-item-icon{background:var(--bg-page);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dsh-menu-item-label{flex:1}.dsh-menu-item-arrow{color:var(--text-secondary);flex-shrink:0}.dsh-menu-item--danger,.dsh-menu-item--danger .dsh-menu-item-icon{color:var(--color-error)}.dsd-shell{background:var(--bg-page);height:85vh;min-height:640px;color:var(--text-primary);font-family:var(--font-family);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 14px 40px var(--shadow-color);flex-direction:column;display:flex;overflow:hidden}.dsd-topbar{border-bottom:1px solid var(--border-color);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.dsd-topbar-brand{align-items:center;gap:10px;display:flex}.dsd-topbar-logo{background:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:flex}.dsd-topbar-title{font-size:15px;font-weight:800}.dsd-topbar-actions{align-items:center;gap:14px;display:flex}.dsd-topbar-icon-btn{border:1px solid var(--border-color);background:var(--bg-page);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.dsd-topbar-icon-btn:hover{background:var(--border-color)}.dsd-topbar-avatar{background:linear-gradient(135deg, var(--color-primary-300), var(--color-primary-600));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.dsd-topbar-toggle{color:var(--text-secondary);cursor:pointer;border-left:1px solid var(--border-color);align-items:center;gap:8px;padding-left:14px;font-size:12px;font-weight:600;display:inline-flex}.dsd-body{flex:1;min-height:0;display:flex}.dsd-sidebar{border-right:1px solid var(--border-color);background:var(--bg-surface);flex-shrink:0;width:224px;padding:16px 12px;overflow-y:auto}.dsd-sidebar-nav{flex-direction:column;gap:2px;display:flex}.dsd-sidebar-item{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-family);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.dsd-sidebar-item:hover{background:var(--bg-page);color:var(--text-primary)}.dsd-sidebar-item.is-active{background:var(--color-primary-50);color:var(--color-primary-600)}[data-theme=dark] .dsd-sidebar-item.is-active{color:var(--color-primary-300);background:#7c9dff24}.dsd-sidebar-icon{flex-shrink:0;display:flex}.dsd-main{flex:1;min-width:0;padding:24px 28px 48px;overflow-y:auto}.dsd-section{margin-bottom:28px}.dsd-section:last-child{margin-bottom:0}.dsd-section-title{margin:0 0 14px;font-size:16px;font-weight:800}.dsd-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dsd-kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px 20px}.dsd-kpi-label{color:var(--text-secondary);font-size:12px;font-weight:600}.dsd-kpi-value{margin-top:6px;font-size:26px;font-weight:800}.dsd-kpi-trend{align-items:center;gap:3px;margin-top:8px;font-size:12px;font-weight:700;display:inline-flex}.dsd-kpi-trend--up{color:var(--color-success)}.dsd-kpi-trend--down{color:var(--color-error)}.dsd-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.dsd-card-title{margin:0 0 14px;font-size:14px;font-weight:700}.dsd-gami-grid{grid-template-columns:1.3fr 1fr 1fr;gap:16px;display:grid}.dsd-donut-wrap{align-items:center;gap:20px;display:flex}.dsd-legend{flex-direction:column;gap:8px;display:flex}.dsd-legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.dsd-legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.dsd-legend-value{color:var(--text-primary);margin-left:auto;font-weight:700}.dsd-stat-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.dsd-stat-ring-value{font-size:30px;font-weight:800}.dsd-stat-ring-label{color:var(--text-secondary);margin-top:6px;font-size:12px}.dsd-charts-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dsd-line-chart text,.dsd-donut-chart text{font-family:var(--font-family);fill:var(--text-secondary)}.dsd-line-chart .dsd-line-path{fill:none;stroke:var(--color-primary-500);stroke-width:2.5px}.dsd-line-chart .dsd-line-area{fill:url(#dsd-line-gradient);opacity:.25}.dsd-line-chart .dsd-line-dot{fill:var(--color-primary-500)}.dsd-line-chart .dsd-line-grid{stroke:var(--border-color);stroke-width:1px}.dsd-tables-grid{flex-direction:column;gap:16px;display:flex}.dsd-table{border-collapse:collapse;width:100%;font-size:13px}.dsd-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-color);padding:8px 12px;font-size:11px;font-weight:700}.dsd-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:10px 12px}.dsd-table tr:last-child td{border-bottom:none}.dsd-table-name{font-weight:700}@media (width<=420px){.dsh-phone-frame,.dsh-toolbar{width:100%;max-width:375px}}@media (width<=1024px){.dsd-kpi-grid{grid-template-columns:repeat(2,1fr)}.dsd-gami-grid,.dsd-charts-grid{grid-template-columns:1fr}}.dsr-badge-hero{text-align:center;padding:4px 20px 18px}.dsr-badge-circle{color:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 10px;display:flex;box-shadow:0 12px 28px #00000047}.dsr-badge-rank-name{letter-spacing:.05em;text-transform:uppercase;opacity:.92;font-size:14px;font-weight:800}.dsr-badge-position{margin-top:2px;font-size:26px;font-weight:800}.dsr-badge-next{color:var(--color-primary-600);margin-top:10px;font-size:13px;font-weight:700}[data-theme=dark] .dsr-badge-next{color:var(--color-primary-300)}.dsr-promo-trigger{width:100%;margin-top:12px}.dsr-progress-track{background:var(--border-color);border-radius:999px;height:10px;overflow:hidden}.dsr-progress-fill{background:linear-gradient(90deg, var(--color-primary-500), var(--color-accent-500));border-radius:999px;height:100%;transition:width 1.1s cubic-bezier(.16,1,.3,1)}.dsr-progress-meta{color:var(--text-secondary);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.dsr-chain{align-items:center;gap:4px;margin-top:16px;padding-bottom:4px;display:flex;overflow-x:auto}.dsr-chain-item{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.dsr-chain-dot{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex;position:relative}.dsr-chain-check{background:var(--color-success);color:#fff;border:2px solid var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;bottom:-3px;right:-3px}.dsr-chain-label{color:var(--text-secondary);white-space:nowrap;font-size:10px;font-weight:700}.dsr-eta{text-align:center;color:var(--text-secondary);margin-top:12px;font-size:12px}.dsr-tier-list{flex-direction:column;gap:8px;display:flex}.dsr-tier-row{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);align-items:center;gap:12px;padding:12px;display:flex}.dsr-tier-row.is-completed{background:var(--color-success-bg);border-color:#0000}.dsr-tier-row.is-current{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-50)}[data-theme=dark] .dsr-tier-row.is-current{box-shadow:0 0 0 2px #7c9dff33}.dsr-tier-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.dsr-tier-name{flex:1;font-size:14px;font-weight:700}.dsr-tier-status{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.dsr-tier-row.is-completed .dsr-tier-status{color:var(--color-success)}.dsr-tier-row.is-current .dsr-tier-status{color:var(--color-primary-600)}[data-theme=dark] .dsr-tier-row.is-current .dsr-tier-status{color:var(--color-primary-300)}.dsr-prestige-hero{text-align:center}.dsr-prestige-value{background:linear-gradient(135deg, var(--color-accent-500), var(--color-primary-600));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.dsr-prestige-history{flex-direction:column;margin-top:14px;display:flex}.dsr-prestige-history-item{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.dsr-prestige-history-item:last-child{border-bottom:none}.dsr-prestige-history-date{color:var(--text-secondary);font-family:var(--font-mono);font-size:12px}.dsr-mastery-chip-grid{flex-wrap:wrap;gap:6px;max-height:168px;margin-top:12px;display:flex;overflow-y:auto}.dsr-mastery-chip{border:1px dashed var(--border-color);color:var(--text-secondary);background:var(--bg-page);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;display:inline-flex}.dsr-mastery-banner{border-radius:var(--radius-md);background:var(--color-info-bg);color:var(--color-info);text-align:center;margin-top:14px;padding:12px;font-size:12px;font-weight:700}.dsr-cup-row{flex-direction:column;gap:10px;display:flex}.dsr-cup-card{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-surface);align-items:center;gap:12px;padding:14px;display:flex}.dsr-cup-card.is-recommended{border-color:var(--color-primary-500);background:var(--color-primary-50)}[data-theme=dark] .dsr-cup-card.is-recommended{background:#7c9dff1f}.dsr-cup-card.is-locked{opacity:.55}.dsr-cup-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dsr-cup-info{flex-direction:column;flex:1;min-width:0;display:flex}.dsr-cup-name{font-size:14px;font-weight:700}.dsr-cup-desc{color:var(--text-secondary);font-size:11px}.dsr-promo-overlay{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.dsr-promo-dim{background:#0a0c1499;position:absolute;inset:0}.dsr-promo-flash{background:#fff;animation:.7s ease-out forwards dsr-flash;position:absolute;inset:0}@keyframes dsr-flash{0%{opacity:.9}to{opacity:0}}.dsr-particle{left:var(--left,50%);top:var(--top,60%);font-size:var(--size,18px);color:#ffd873;opacity:0;animation:dsr-particle-rise var(--dur,2.2s) ease-out forwards;animation-delay:var(--delay,0s);position:absolute}@keyframes dsr-particle-rise{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--tx,0px), var(--ty,-160px)) scale(1.15) rotate(220deg)}}.dsr-promo-card{z-index:2;background:var(--bg-surface);width:260px;color:var(--text-primary);border-radius:var(--radius-lg);text-align:center;padding:26px 20px 20px;animation:.65s cubic-bezier(.34,1.56,.64,1) both dsr-promo-pop;position:relative;box-shadow:0 20px 50px #0006}@keyframes dsr-promo-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.dsr-promo-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;font-weight:800;animation:.7s ease-out .15s both dsr-badge-spin-in;display:flex}@keyframes dsr-badge-spin-in{0%{opacity:0;transform:scale(.2)rotate(-90deg)}to{opacity:1;transform:scale(1)rotate(0)}}.dsr-promo-title{margin-bottom:4px;font-size:20px;font-weight:800;animation:.65s cubic-bezier(.34,1.56,.64,1) .1s both dsr-promo-pop}.dsr-promo-sub{color:var(--text-secondary);margin-bottom:14px;font-size:12px}.dsr-promo-se{background:var(--color-warning-bg);color:var(--color-warning);border-radius:999px;align-items:center;gap:4px;margin-bottom:16px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.dsr-promo-close{width:100%}.dsg-challenge-list{flex-direction:column;gap:10px;display:flex}.dsg-challenge-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:flex-start;gap:10px;padding:14px;display:flex}.dsg-challenge-card.is-complete{background:var(--color-success-bg);border-color:#0000}.dsg-challenge-check{flex-shrink:0;margin-top:3px}.dsg-challenge-body{flex:1;min-width:0}.dsg-challenge-name{font-size:14px;font-weight:700}.dsg-challenge-name.is-complete{color:var(--text-secondary);text-decoration:line-through}.dsg-challenge-progress{margin-top:8px}.dsg-challenge-meta-row{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;display:flex}.dsg-challenge-reward{color:var(--color-primary-600);font-weight:700}[data-theme=dark] .dsg-challenge-reward{color:var(--color-primary-300)}.dsg-challenge-timer{align-items:center;gap:4px;display:inline-flex}.dsg-section-countdown{margin-bottom:12px;display:inline-flex}.dsg-check-bounce{animation:.7s cubic-bezier(.34,1.56,.64,1) both dsg-bounce}@keyframes dsg-bounce{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.dsg-reward-row{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:10px 4px;display:flex}.dsg-reward-row:last-child{border-bottom:none}.dsg-reward-name{flex:1;font-size:14px;font-weight:700}.dsg-reward-value{color:var(--color-primary-600);font-size:14px;font-weight:800}[data-theme=dark] .dsg-reward-value{color:var(--color-primary-300)}.dsg-badge-row{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.dsg-badge-tile{flex-direction:column;align-items:center;gap:6px;width:76px;display:flex}.dsg-badge-icon{color:#fff;background:linear-gradient(135deg, var(--color-accent-500), var(--color-primary-600));border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.dsg-badge-label{text-align:center;color:var(--text-secondary);font-size:10px;font-weight:600}.dsg-warning-banner{border-radius:var(--radius-md);background:var(--color-warning-bg);color:var(--color-warning);text-align:center;margin-top:14px;padding:12px;font-size:12px;font-weight:700}.dsg-update-row{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.dsg-live-badge{align-items:center;gap:5px;display:inline-flex}.dsg-live-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite dsg-pulse}@keyframes dsg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.4)}}.dsg-tier-label{color:var(--text-secondary);font-size:11px;font-weight:600}.dsg-self-next{color:var(--color-primary-600);margin-top:4px;font-size:11px;font-weight:700}[data-theme=dark] .dsg-self-next{color:var(--color-primary-300)}.dsg-load-more{text-align:center;color:var(--text-secondary);padding:14px 0 4px;font-size:12px}.dsa-full-btn{width:100%}.dsa-demo-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.dsa-progress-remain{color:var(--color-primary-600);margin:8px 0 0;font-size:12px;font-weight:700}[data-theme=dark] .dsa-progress-remain{color:var(--color-primary-300)}.dsa-badge-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dsa-badge-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;min-width:0;padding:10px 8px 8px}.dsa-badge-card.is-equipped{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--color-primary-300)}.dsa-badge-card.is-locked{filter:grayscale();opacity:.62}.dsa-badge-art{color:#fff;background:var(--color-neutral-200);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 8px;display:flex;position:relative}.dsa-badge-hidden{color:var(--text-secondary);font-size:22px;font-weight:800}.dsa-equip-dot{background:var(--color-success);border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.dsa-badge-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:0;font-size:10px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.dsa-badge-cond,.dsa-badge-date,.dsa-badge-remain{color:var(--text-secondary);margin:4px 0 0;font-size:9px;line-height:1.35}.dsa-badge-remain{color:var(--color-warning);font-weight:700}.dsa-badge-card .dsb-btn{white-space:normal;height:auto;min-height:28px;margin-top:8px;padding:4px 6px;font-size:10px;line-height:1.2}.dsa-title-list{flex-direction:column;gap:8px;display:flex}.dsa-title-row{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px;display:flex}.dsa-title-row.is-locked{opacity:.55;filter:grayscale(.4)}.dsa-title-info{flex:1;min-width:0}.dsa-title-name{font-size:14px;font-weight:800}.dsa-title-cat{color:var(--text-secondary);margin-top:2px;font-size:11px}.dsa-title-locked-label{color:var(--text-secondary);font-size:11px;font-weight:700}.dsa-star{color:var(--color-warning);margin-right:4px}.dsa-slot-hint{color:var(--text-secondary);margin:-6px 0 10px;font-size:11px}.dsa-slot-row{flex-direction:column;gap:8px;display:flex}.dsa-slot{border:1px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);cursor:grab;align-items:center;gap:8px;padding:10px 12px;display:flex}.dsa-slot.is-empty{cursor:default;justify-content:center;min-height:48px}.dsa-slot-grip{color:var(--text-secondary)}.dsa-slot-art{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.dsa-slot-name{font-size:13px;font-weight:700}.dsa-slot-empty{color:var(--text-secondary);font-size:12px}.dsa-pick-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.dsa-pick-chip{border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-family);border-radius:999px;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.dsa-pick-chip.is-selected{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700)}[data-theme=dark] .dsa-pick-chip.is-selected{color:var(--color-primary-300);background:#7c9dff24}.dsa-pick-chip:disabled{opacity:.4;cursor:not-allowed}.dsa-pick-dot{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.dsa-range-note{color:var(--color-primary-600);margin:0 0 10px;font-size:12px;font-weight:700}[data-theme=dark] .dsa-range-note{color:var(--color-primary-300)}.dsa-cup-scroll{scrollbar-width:none;-ms-overflow-style:none;gap:8px;display:flex;overflow-x:auto}.dsa-cup-scroll::-webkit-scrollbar{width:0;height:0;display:none}.dsa-cup-chip{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-family);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);flex-direction:column;flex:0 0 112px;align-items:center;gap:6px;padding:12px 8px;display:flex}.dsa-cup-chip.is-locked{opacity:.42;filter:grayscale(.55)}.dsa-cup-chip.is-mine,.dsa-cup-chip.is-selected.is-mine{border-width:3px;border-color:var(--color-primary-600);background:var(--color-primary-50)}[data-theme=dark] .dsa-cup-chip.is-mine,[data-theme=dark] .dsa-cup-chip.is-selected.is-mine{background:#7c9dff24}.dsa-cup-chip-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dsa-cup-chip-name{text-align:center;font-size:11px;font-weight:800}.dsa-cup-chip-you{letter-spacing:.06em;color:var(--color-primary-600);font-size:9px;font-weight:800}.dsa-mm-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.dsa-mm-card.is-mine{border-width:2px;border-color:var(--color-primary-500)}.dsa-mm-card.is-locked{opacity:.55;filter:grayscale(.4)}.dsa-mm-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.dsa-mm-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dsa-mm-name{margin:0;font-size:18px;font-weight:800}.dsa-mm-sub{color:var(--text-secondary);margin:2px 0 0;font-size:11px}.dsa-stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.dsa-stat{border-radius:var(--radius-md);background:var(--bg-page);color:var(--text-secondary);flex-direction:column;gap:4px;padding:10px;font-size:11px;display:flex}.dsa-stat strong{color:var(--text-primary);font-size:16px}.dsa-mm-block{border-top:1px solid var(--border-color);padding:12px 0}.dsa-mm-block-title{margin:0 0 8px;font-size:13px;font-weight:800}.dsa-mm-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.dsa-mm-row strong{color:var(--text-primary)}.dsa-slider-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;display:flex}.dsa-slider{width:100%;accent-color:var(--color-primary-600);margin-top:8px}.dsa-slider-ends{color:var(--text-secondary);justify-content:space-between;font-size:10px;display:flex}.dsa-chip-split{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.dsa-chip-box{border-radius:var(--radius-md);text-align:center;padding:10px;font-size:11px}.dsa-chip-box strong{margin-top:4px;font-size:18px;display:block}.dsa-chip-box.is-win{background:var(--color-success-bg);color:var(--color-success)}.dsa-chip-box.is-lose{background:var(--color-error-bg);color:var(--color-error)}.dsa-plus{color:var(--color-success)}.dsa-minus{color:var(--color-error)}.dsa-join-note{text-align:center;color:var(--color-primary-600);margin:8px 0 0;font-size:12px;font-weight:700}.dsa-overlay{z-index:1100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.dsa-overlay-dim{background:#0a0c14c7;position:absolute;inset:0}.dsa-overlay-flash{background:#fff;animation:.3s ease-out forwards dsa-flash;position:absolute;inset:0}@keyframes dsa-flash{0%{opacity:1}to{opacity:0}}.dsa-star-particle{width:var(--size,14px);height:var(--size,14px);color:#ffd873;fill:currentColor;opacity:0;animation:.8s ease-out forwards dsa-star-gravity;animation-delay:var(--delay,0s);pointer-events:none;position:absolute;top:46%;left:50%}.dsa-star-particle.is-gold{color:#ffd873}@keyframes dsa-star-gravity{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1)rotate(0)}45%{opacity:1;transform:translate(-50%, -50%) translate(var(--dx), var(--dy-up)) scale(1.15) rotate(140deg)}to{opacity:0;transform:translate(-50%, -50%) translate(var(--dx-end), var(--dy-down)) scale(.35) rotate(320deg)}}.dsa-note{left:var(--left,50%);animation:.9s ease-out forwards dsa-note-rise;animation-delay:var(--delay,0s);pointer-events:none;font-size:20px;position:absolute;bottom:28%}@keyframes dsa-note-rise{0%{opacity:0;transform:translateY(12px)}25%{opacity:1}to{opacity:0;transform:translateY(-72px)}}.dsa-promo-center{z-index:2;text-align:center;flex-direction:column;align-items:center;padding:0 24px;display:flex;position:relative}.dsa-promo-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;animation:.7s ease-out both dsa-badge-pop-spin;display:flex;box-shadow:0 12px 32px #00000059}@keyframes dsa-badge-pop-spin{0%{transform:scale(0)rotate(0)}70%{transform:scale(1.2)rotate(360deg)}to{transform:scale(1)rotate(360deg)}}.dsa-promo-text{color:#fff;text-shadow:0 2px 12px #00000073;max-width:280px;margin-top:18px;font-size:20px;font-weight:800;animation:1.8s ease-out both dsa-promo-text}@keyframes dsa-promo-text{0%{opacity:0;transform:scale(0)}28%{opacity:1;transform:scale(1.5)}55%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.dsa-promo-close{z-index:3;margin-top:20px;position:relative}.dsa-challenge-done{color:#fff;text-shadow:0 2px 12px #00000073;margin:14px 0 0;font-size:20px;font-weight:800}.dsa-check-svg{width:84px;height:84px;animation:.7s cubic-bezier(.34,1.56,.64,1) both dsa-check-bounce}.dsa-check-circle{fill:none;stroke:var(--color-success);stroke-width:3px}.dsa-check-path{fill:none;stroke:var(--color-success);stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36px;animation:.42s ease-out .12s forwards dsa-check-draw}@keyframes dsa-check-draw{to{stroke-dashoffset:0}}@keyframes dsa-check-bounce{0%{transform:scale(0)}55%{transform:scale(1.25)}75%{transform:scale(.92)}to{transform:scale(1)}}.dsa-reward-toast{z-index:3;background:var(--bg-surface);color:var(--text-primary);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800;animation:.5s ease-out forwards dsa-reward-rise;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000047}@keyframes dsa-reward-rise{0%{opacity:0;transform:translate(-50%,40px)}35%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-16px)}}.dsa-equip-stage{z-index:2;flex-direction:column;align-items:center;animation:.3s ease-out both dsa-equip-fade;display:flex;position:relative}@keyframes dsa-equip-fade{0%{opacity:0}to{opacity:1}}.dsa-ribbon{background:var(--color-accent-500);color:#fff;margin-bottom:18px;padding:8px 28px;font-weight:800;animation:.3s ease-out both dsa-ribbon-in;position:relative}.dsa-ribbon:before,.dsa-ribbon:after{content:"";border-style:solid;position:absolute;top:100%}.dsa-ribbon:before{border-width:8px 10px 0 0;border-color:var(--color-accent-700) transparent transparent transparent;left:0}.dsa-ribbon:after{border-width:8px 0 0 10px;border-color:var(--color-accent-700) transparent transparent transparent;right:0}@keyframes dsa-ribbon-in{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.dsa-equip-badge-wrap{width:84px;height:84px;position:relative}.dsa-equip-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;animation:.7s ease-out both dsa-badge-pop-spin;display:flex}.dsa-sparkle{animation:.6s ease-out infinite dsa-sparkle-blink;animation-delay:var(--delay,0s);font-size:14px;position:absolute}@keyframes dsa-sparkle-blink{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.dsa-equip-name{color:#fff;margin-top:14px;font-size:18px;font-weight:800}.dsa-preview-card{z-index:2;background:var(--bg-surface);width:280px;color:var(--text-primary);border-radius:var(--radius-lg);text-align:center;padding:24px 20px 18px;animation:.3s ease-out both dsa-equip-fade;position:relative;box-shadow:0 20px 50px #00000059}.dsa-preview-avatar{color:#fff;background:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-500));border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 10px;font-weight:800;display:flex}.dsa-preview-name{font-size:20px;font-weight:800}.dsa-preview-title{color:var(--text-secondary);margin-top:4px;font-size:13px}.dsa-preview-badges{justify-content:center;gap:8px;margin:14px 0 8px;display:flex}.dsa-preview-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dsa-preview-caption{color:var(--text-secondary);margin:0 0 14px;font-size:11px}.dsa-prestige-badge{color:#fff;background:linear-gradient(135deg,#ffd873,#c9931a);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:18px;font-weight:800;animation:.7s ease-out both dsa-prestige-grow;display:flex;box-shadow:0 0 0 8px #ffd8732e}@keyframes dsa-prestige-grow{0%{opacity:0;transform:scale(.2)}70%{opacity:1;transform:scale(1.18)}to{transform:scale(1)}}.dsa-prestige-text{color:#ffd873;margin-top:16px;font-size:28px;font-weight:800;animation:.8s ease-out both dsa-prestige-rise}@keyframes dsa-prestige-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.dsh-rank-change--up.dsa-rank-flash{color:var(--color-success);animation:.5s ease-out both dsa-rank-bounce,.7s ease-out 2 dsa-rank-blink-up}.dsh-rank-change--down.dsa-rank-flash{color:var(--color-error);animation:.5s ease-out both dsa-rank-bounce,.7s ease-out 2 dsa-rank-blink-down}@keyframes dsa-rank-bounce{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes dsa-rank-blink-up{0%,to{opacity:1;color:var(--color-success)}50%{opacity:.25}}@keyframes dsa-rank-blink-down{0%,to{opacity:1;color:var(--color-error)}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.dsa-star-particle,.dsa-note,.dsa-promo-badge,.dsa-promo-text,.dsa-equip-badge,.dsa-equip-stage,.dsa-ribbon,.dsa-sparkle,.dsa-check-svg,.dsa-check-path,.dsa-reward-toast,.dsa-overlay-flash,.dsa-prestige-badge,.dsa-prestige-text,.dsa-rank-flash{opacity:1;transform:none;animation:none!important}.dsa-check-path{stroke-dashoffset:0}}.dst-summary{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;padding:18px 16px 16px}.dst-status-plate{border-radius:var(--radius-md);min-width:140px;box-shadow:0 8px 20px var(--shadow-color);background:#fff;justify-content:center;align-items:center;padding:10px 22px;display:inline-flex}[data-theme=dark] .dst-status-plate{background:#f2f3f7}.dst-status-label{letter-spacing:.04em;color:var(--color-neutral-900);font-size:32px;font-weight:800}.dst-summary.is-win .dst-status-label{color:var(--color-success)}.dst-summary.is-loss .dst-status-label{color:var(--color-error)}.dst-summary-metrics{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.dst-summary-metrics.is-triple{grid-template-columns:1fr 1fr 1fr}.dst-chips{color:#c9931a;font-size:26px;font-weight:800}[data-theme=dark] .dst-chips{color:#ffd873}.dst-chips.is-down,.dst-rank.is-down{color:var(--color-error)}.dst-rank{color:var(--color-primary-600);font-size:22px;font-weight:800}[data-theme=dark] .dst-rank{color:var(--color-primary-300)}.dst-metric-label{color:var(--text-secondary);margin-top:4px;font-size:11px}.dst-new-badge{background:var(--color-warning-bg);color:var(--color-warning);border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.dst-new-badge.is-muted{background:var(--bg-page);color:var(--text-secondary)}.dst-mvp-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:18px 16px;display:flex;position:relative}.dst-mvp-card.is-self{background:linear-gradient(180deg, #ffd87329, var(--bg-surface));border-color:#ffd873}.dst-mvp-art-wrap{width:72px;height:72px;position:relative}.dst-mvp-art{color:#fff;background:linear-gradient(135deg,#ffd873,#c9931a);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.dst-mvp-pill{font-size:12px;font-weight:800}.dst-mvp-title{font-size:16px;font-weight:800}.dst-mvp-sub{color:var(--text-secondary);margin:0;font-size:12px}.dst-stat-heading{margin:0 0 8px;font-size:13px;font-weight:800}.dst-stat-row{border-bottom:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;gap:8px;padding:7px 0;font-size:13px;display:flex}.dst-stat-row:last-child{border-bottom:none}.dst-stat-row strong{color:var(--text-primary)}.dst-share-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.dst-share-note{text-align:center;color:var(--color-primary-600);margin:8px 0 0;font-size:12px;font-weight:700}[data-theme=dark] .dst-share-note{color:var(--color-primary-300)}.dst-streak{border-radius:var(--radius-lg);background:var(--color-accent-50);border:1px solid #ff5a1f33;padding:14px}[data-theme=dark] .dst-streak{background:#ff5a1f24;border-color:#ff9d7347}.dst-streak-title{font-size:16px;font-weight:800}.dst-streak-bonus{color:var(--color-accent-700);margin-top:4px;font-size:14px;font-weight:800}[data-theme=dark] .dst-streak-bonus{color:var(--color-accent-300)}.dst-streak-next{color:var(--text-secondary);margin:6px 0 0;font-size:12px}.dss-page{max-width:980px;margin:0 auto}.dss-hero{margin-bottom:var(--space-4)}.dss-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-600);margin:0 0 8px;font-size:12px;font-weight:800}[data-theme=dark] .dss-kicker{color:var(--color-primary-300)}.dss-title{margin:0 0 10px;font-size:28px;font-weight:800}.dss-lead{color:var(--text-secondary);max-width:720px;margin:0}.dss-grid{gap:16px;display:grid}.dss-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--shadow-color);padding:20px}.dss-card h3{margin:0 0 6px;font-size:18px}.dss-sub{color:var(--text-secondary);margin:0 0 12px;font-size:13px}.dss-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dss-list--plain li{padding-left:0}.dss-check{margin-right:8px}.dss-total{margin:14px 0 0;font-weight:800}.dss-note{color:var(--text-secondary);margin:14px 0 0;font-size:13px}.dss-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dss-steps li{align-items:center;gap:10px;display:flex}.dss-step-num{background:var(--color-primary-600);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.dss-files{border-radius:var(--radius-md);background:var(--bg-page);color:var(--text-primary);font-family:var(--font-mono);margin:0;padding:14px;font-size:12px;line-height:1.7;overflow-x:auto}.dsw-lead{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.dsw-convert-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:14px;display:flex}.dsw-rate{color:var(--text-secondary);margin:0;font-size:12px;font-weight:700}.dsw-note{color:var(--color-primary-600);margin:0;font-size:12px;font-weight:700}[data-theme=dark] .dsw-note{color:var(--color-primary-300)}.dsw-history{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:0;margin-top:12px;display:flex;overflow:hidden}.dsw-history-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.dsw-history-row:last-child{border-bottom:none}.dsw-history-label{font-size:13px;font-weight:700}.dsw-history-meta{color:var(--text-secondary);margin-top:2px;font-size:11px}.dsw-history-amount{flex-shrink:0;font-size:14px;font-weight:800}.dsw-history-amount.is-up{color:var(--color-success)}.dsw-history-amount.is-down{color:var(--color-error)}.dsh-cart-balance{color:var(--text-secondary);margin-top:2px;font-size:11px;display:block}.dst-balance-note{color:var(--text-secondary);margin:10px 0 0;font-size:12px}.dso-composer{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:12px;display:flex}.dso-composer-foot{justify-content:space-between;align-items:center;display:flex}.dso-count,.dso-note,.dso-empty{color:var(--text-secondary);margin:0;font-size:12px}.dso-note{color:var(--color-primary-600);font-weight:700}[data-theme=dark] .dso-note{color:var(--color-primary-300)}.dso-feed,.dso-preview{flex-direction:column;gap:10px;display:flex}.dso-post{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px}.dso-post-head{align-items:flex-start;gap:10px;display:flex}.dso-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.dso-post-meta{flex:1;min-width:0}.dso-post-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dso-post-name{font-size:13px;font-weight:800}.dso-post-sub,.dso-notify-time{color:var(--text-secondary);margin-top:2px;font-size:11px}.dso-follow{border:1px solid var(--color-primary-600);height:28px;color:var(--color-primary-600);font-family:var(--font-family);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:0 10px;font-size:11px;font-weight:700}.dso-follow.is-on{background:var(--color-primary-50);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .dso-follow.is-on{background:#7c9dff1f}.dso-post-body{margin:10px 0 0;font-size:14px;line-height:1.55}.dso-match,.dso-place{border-radius:var(--radius-md);background:var(--bg-page);border:1px solid var(--border-color);margin-top:10px;padding:10px 12px;font-size:12px}.dso-match.is-win{border-color:#158a4d59}.dso-match.is-loss{border-color:#c83c3c59}.dso-match-top{justify-content:space-between;gap:8px;font-weight:800;display:flex}.dso-match.is-win .dso-match-top strong{color:var(--color-success)}.dso-match.is-loss .dso-match-top strong{color:var(--color-error)}.dso-match-row{color:var(--text-secondary);margin-top:4px}.dso-actions{gap:8px;margin-top:10px;display:flex}.dso-action{height:32px;color:var(--text-secondary);font-family:var(--font-family);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.dso-action.is-liked{color:var(--color-accent-500);background:#ff5a1f1a}.dso-action.is-on{color:var(--color-primary-600);background:var(--color-primary-50)}[data-theme=dark] .dso-action.is-on{background:#7c9dff1f}.dso-comments{border-top:1px solid var(--border-color);flex-direction:column;gap:10px;margin-top:10px;padding-top:10px;display:flex}.dso-comment{gap:8px;display:flex}.dso-comment-name{font-size:12px;font-weight:800}.dso-comment-name span{color:var(--text-secondary);font-weight:600}.dso-comment-body{margin-top:2px;font-size:13px;line-height:1.45}.dso-reply{align-items:center;gap:8px;display:flex}.dso-notify-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);flex-direction:column;display:flex;overflow:hidden}.dso-notify{border-bottom:1px solid var(--border-color);gap:10px;padding:12px 14px;display:flex}.dso-notify:last-child{border-bottom:none}.dso-notify.is-unread{background:var(--color-primary-50)}[data-theme=dark] .dso-notify.is-unread{background:#7c9dff1a}.dso-notify-text{font-size:13px;line-height:1.45}.dso-preview-card{text-align:left;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;color:inherit;cursor:pointer;gap:10px;padding:12px;font-family:inherit;display:flex}.dso-preview-name{font-size:12px;font-weight:800}.dso-preview-body{color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:1.45}.dse-list{flex-direction:column;gap:12px;display:flex}.dse-card{text-align:left;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);width:100%;color:inherit;cursor:pointer;padding:0;font-family:inherit;display:block;overflow:hidden}.dse-card.is-muted .dse-card-brand,.dse-card.is-muted .dse-card-hero{opacity:.72}.dse-card-hero,.dse-hero{color:#fff;flex-direction:column;justify-content:flex-end;min-height:120px;padding:12px 14px;display:flex;position:relative}.dse-hero{min-height:150px;margin:0 0 4px}.dse-time-pill{color:#1a1c22;background:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;position:absolute;top:10px;left:10px}.dse-card-brand{letter-spacing:.04em;text-shadow:0 1px 8px #00000040;font-size:18px;font-weight:800}.dse-card-body{padding:12px 14px 14px}.dse-card-title,.dse-detail-title{margin:0;font-size:16px;font-weight:800;line-height:1.4}.dse-detail-title{font-size:20px}.dse-card-lead{color:var(--text-secondary);margin:6px 0 0;font-size:13px;line-height:1.55}.dse-buyin-list{color:var(--text-secondary);margin:8px 0 0;padding:0;font-size:12px;list-style:none}.dse-card-foot{justify-content:space-between;align-items:baseline;gap:8px;margin-top:12px;display:flex}.dse-price,.dse-detail-price{font-size:18px;font-weight:800}.dse-more{color:var(--color-primary-600);font-size:12px;font-weight:700}[data-theme=dark] .dse-more{color:var(--color-primary-300)}.dse-stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.dse-stat-grid div{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);padding:10px 12px}.dse-stat-grid span{color:var(--text-secondary);font-size:11px;display:block}.dse-stat-grid strong{margin-top:2px;font-size:13px;display:block}.dse-live{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);align-items:center;gap:12px;padding:14px;display:flex}.dse-live-level{color:var(--color-accent-500);font-size:22px;font-weight:800}.dse-live-blinds{font-size:15px;font-weight:800}.dse-live-next{color:var(--text-secondary);margin-top:2px;font-size:12px}.dse-table{border-collapse:collapse;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-size:13px;overflow:hidden}.dse-table th,.dse-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:8px 10px}.dse-table th{color:var(--text-secondary);background:var(--bg-page);font-size:11px}.dse-table tr:last-child td{border-bottom:none}.dse-rules{color:var(--text-primary);margin:0;padding-left:18px;font-size:13px;line-height:1.65}.dse-cal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dse-cal-week,.dse-cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dse-cal-week span{text-align:center;color:var(--text-secondary);padding-bottom:4px;font-size:11px;font-weight:700}.dse-cal-day{background:var(--bg-surface);min-height:44px;color:inherit;cursor:pointer;border:none;border-radius:8px;padding:6px 2px 4px;font-family:inherit;font-size:12px;font-weight:700}.dse-cal-day:disabled{cursor:default;background:0 0}.dse-cal-day.is-today{box-shadow:inset 0 0 0 1px var(--color-primary-600)}.dse-cal-day.is-selected{background:var(--color-primary-600);color:#fff}.dse-cal-dots{justify-content:center;gap:2px;min-height:6px;margin-top:2px;display:flex}.dse-cal-dots i{background:var(--color-accent-500);border-radius:50%;width:4px;height:4px}.dse-cal-dots i.is-ring{background:var(--color-primary-500)}.dse-cal-day.is-selected .dse-cal-dots i{background:#fff}.dse-cal-list-title{margin:16px 0 8px;font-size:13px;font-weight:800}.dse-cal-list{flex-direction:column;gap:8px;display:flex}.dse-cal-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;color:inherit;text-align:left;cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-family:inherit;display:flex}.dse-cal-item .dse-time-pill{flex-shrink:0;position:static}.dse-cal-item-name{font-size:13px;font-weight:700}.dsh-lp{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(#1a1030 0%,#0e0b16 100%);padding:16px 14px 18px}.dsh-lp-season{letter-spacing:.04em;opacity:.8;font-size:11px}.dsh-lp-title{letter-spacing:.02em;margin-top:4px;font-size:20px;font-weight:800}.dsh-lp-top3{flex-direction:column;gap:8px;margin:16px 0 14px;display:flex}.dsh-lp-top{align-items:baseline;gap:8px;font-size:16px;font-weight:800;display:flex}.dsh-lp-medal{text-align:center;width:22px}.dsh-lp-medal.is-1{color:#ffd873}.dsh-lp-medal.is-2{color:#d7dbe0}.dsh-lp-medal.is-3{color:#e0a06a}.dsh-lp-top-name{flex:1}.dsh-lp-top-pts{font-variant-numeric:tabular-nums}.dsh-lp-cols{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.dsh-lp-row{grid-template-columns:18px 1fr auto;gap:4px;font-size:11px;line-height:1.7;display:grid}.dsh-lp-row.is-self{color:#ffd873}.dsh-lp-row span:first-child{opacity:.7}.dsh-lp-total{text-align:right;letter-spacing:.04em;margin-top:14px;font-size:12px;font-weight:800}