.ds-touch-button{&[data-v-7cc3f673]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);position:relative;border:2px solid transparent;border-radius:var(--radius-lg);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px);overflow:hidden}&[data-v-7cc3f673]:focus-visible{outline:3px solid var(--color-primary-400);outline-offset:2px;box-shadow:0 0 0 6px #00d4ff33}&[data-v-7cc3f673]:active:not(.ds-touch-button--disabled):not(.ds-touch-button--loading){transform:scale(.98);transition:transform .1s ease}&.ds-touch-button--disabled{&[data-v-7cc3f673]{opacity:.4;cursor:not-allowed}&[data-v-7cc3f673]:active{transform:none}}&.ds-touch-button--loading{&[data-v-7cc3f673]{cursor:wait}.ds-touch-button__icon[data-v-7cc3f673],.ds-touch-button__label[data-v-7cc3f673]{opacity:.3}}&.ds-touch-button--full-width[data-v-7cc3f673]{width:100%}&.ds-touch-button--glow{&[data-v-7cc3f673]{box-shadow:0 0 20px #00d4ff4d}&[data-v-7cc3f673]:hover{box-shadow:0 0 30px #00d4ff80}}&.ds-touch-button--gaming-mode{&[data-v-7cc3f673]{box-shadow:0 0 15px #00d4ff33,inset 0 1px #ffffff1a}&[data-v-7cc3f673]:active{transform:scale(.96);box-shadow:0 0 25px #00d4ff66,inset 0 2px 4px #0003}}&.ds-touch-button--battery-aware{&[data-v-7cc3f673]{transition-duration:.3s}&[data-v-7cc3f673]:active{transform:scale(.99)}}&.ds-touch-button--pressure-sensitive[data-v-7cc3f673]:before{content:"";position:absolute;top:2px;right:2px;width:4px;height:4px;background:var(--color-primary-400);border-radius:50%;opacity:.6}}.ds-touch-button--sm[data-v-7cc3f673]{min-height:48px;min-width:48px;padding:var(--spacing-2);font-size:var(--text-sm-size)}.ds-touch-button--md[data-v-7cc3f673]{min-height:56px;min-width:56px;padding:var(--spacing-3);font-size:var(--text-base-size)}.ds-touch-button--lg[data-v-7cc3f673]{min-height:64px;min-width:64px;padding:var(--spacing-4);font-size:var(--text-lg-size)}.ds-touch-button--xl[data-v-7cc3f673]{min-height:72px;min-width:72px;padding:var(--spacing-5);font-size:var(--text-xl-size)}.ds-touch-button--has-label{&.ds-touch-button--sm[data-v-7cc3f673]{min-width:88px;padding:var(--spacing-2) var(--spacing-3)}&.ds-touch-button--md[data-v-7cc3f673]{min-width:112px;padding:var(--spacing-3) var(--spacing-4)}&.ds-touch-button--lg[data-v-7cc3f673]{min-width:128px;padding:var(--spacing-4) var(--spacing-5)}&.ds-touch-button--xl[data-v-7cc3f673]{min-width:144px;padding:var(--spacing-5) var(--spacing-6)}}.ds-touch-button--action{&[data-v-7cc3f673]{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:var(--color-surface-950);border-color:var(--color-primary-400)}&[data-v-7cc3f673]:hover:not(.ds-touch-button--disabled):not(.ds-touch-button--loading){background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-500) 100%);box-shadow:0 4px 12px #00d4ff4d}}.ds-touch-button--tool{&[data-v-7cc3f673]{background:linear-gradient(135deg,var(--color-surface-700) 0%,var(--color-surface-800) 100%);color:var(--color-text-primary);border-color:var(--color-surface-600)}&[data-v-7cc3f673]:hover:not(.ds-touch-button--disabled):not(.ds-touch-button--loading){background:linear-gradient(135deg,var(--color-surface-600) 0%,var(--color-surface-700) 100%);box-shadow:0 4px 12px #ffffff1a}}.ds-touch-button--navigation{&[data-v-7cc3f673]{background:linear-gradient(135deg,var(--color-secondary-600) 0%,var(--color-secondary-700) 100%);color:var(--color-text-primary);border-color:var(--color-secondary-500)}&[data-v-7cc3f673]:hover:not(.ds-touch-button--disabled):not(.ds-touch-button--loading){background:linear-gradient(135deg,var(--color-secondary-500) 0%,var(--color-secondary-600) 100%);box-shadow:0 4px 12px #0ea5e94d}}.ds-touch-button--mastery{&[data-v-7cc3f673]{background:linear-gradient(135deg,var(--color-semantic-success-500) 0%,var(--color-semantic-success-600) 100%);color:var(--color-surface-950);border-color:var(--color-semantic-success-400)}&[data-v-7cc3f673]:hover:not(.ds-touch-button--disabled):not(.ds-touch-button--loading){background:linear-gradient(135deg,var(--color-semantic-success-400) 0%,var(--color-semantic-success-500) 100%);box-shadow:0 4px 12px #00ff884d}}.ds-touch-button--favorite{&[data-v-7cc3f673]{background:linear-gradient(135deg,var(--color-accent-legendary) 0%,#b8860b 100%);color:var(--color-surface-950);border-color:var(--color-accent-legendary)}&[data-v-7cc3f673]:hover:not(.ds-touch-button--disabled):not(.ds-touch-button--loading){background:linear-gradient(135deg,#ffed4a 0%,var(--color-accent-legendary) 100%);box-shadow:0 4px 12px #ffd7004d}}.ds-touch-button--danger{&[data-v-7cc3f673]{background:linear-gradient(135deg,var(--color-semantic-error-500) 0%,var(--color-semantic-error-600) 100%);color:var(--color-text-primary);border-color:var(--color-semantic-error-400)}&[data-v-7cc3f673]:hover:not(.ds-touch-button--disabled):not(.ds-touch-button--loading){background:linear-gradient(135deg,var(--color-semantic-error-400) 0%,var(--color-semantic-error-500) 100%);box-shadow:0 4px 12px #ff4d4d4d}}.ds-touch-button--success{&[data-v-7cc3f673]{background:linear-gradient(135deg,var(--color-semantic-success-500) 0%,var(--color-semantic-success-600) 100%);color:var(--color-surface-950);border-color:var(--color-semantic-success-400)}&[data-v-7cc3f673]:hover:not(.ds-touch-button--disabled):not(.ds-touch-button--loading){background:linear-gradient(135deg,var(--color-semantic-success-400) 0%,var(--color-semantic-success-500) 100%);box-shadow:0 4px 12px #00ff884d}}.ds-touch-button__icon{&[data-v-7cc3f673]{flex-shrink:0;transition:transform .15s ease}&.ds-touch-button__icon--pulse[data-v-7cc3f673]{animation:pulse-7cc3f673 2s ease-in-out infinite}}.ds-touch-button__label{&[data-v-7cc3f673]{font-weight:var(--font-weight-medium);white-space:nowrap;transition:opacity .15s ease}&.ds-touch-button__label--hidden-mobile[data-v-7cc3f673]{@media (max-width: 640px){display:none}}}.ds-touch-button__action-indicator{&[data-v-7cc3f673]{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-surface-900)}&.ds-touch-button__action-indicator--mastery[data-v-7cc3f673]{background:var(--color-semantic-success-500)}&.ds-touch-button__action-indicator--favorite[data-v-7cc3f673]{background:var(--color-accent-legendary)}&.ds-touch-button__action-indicator--compare[data-v-7cc3f673]{background:var(--color-secondary-500)}&.ds-touch-button__action-indicator--details[data-v-7cc3f673]{background:var(--color-primary-500)}}.ds-touch-button__action-icon[data-v-7cc3f673]{color:var(--color-surface-950)}.ds-touch-button__spinner[data-v-7cc3f673]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-touch-button__touch-feedback{&[data-v-7cc3f673]{position:absolute;inset:0;background:#ffffff1a;border-radius:inherit;pointer-events:none;transition:all .15s ease}&.ds-touch-button__touch-feedback--pressure[data-v-7cc3f673]{background:#00d4ff33;box-shadow:inset 0 0 20px #00d4ff4d}}.ds-touch-button__ripple[data-v-7cc3f673]{position:absolute;background:#ffffff4d;border-radius:50%;pointer-events:none;transform:scale(0);animation:ripple-7cc3f673 .6s ease-out;z-index:1}.ds-touch-button__feedback-state{&[data-v-7cc3f673]{position:absolute;inset:0;border-radius:inherit;pointer-events:none;animation:feedback-pulse-7cc3f673 1s ease-out;z-index:2}&.ds-touch-button__feedback-state--success[data-v-7cc3f673]{background:#0f83;box-shadow:0 0 20px #00ff884d}&.ds-touch-button__feedback-state--error[data-v-7cc3f673]{background:#ff4d4d33;box-shadow:0 0 20px #ff4d4d4d}}.ds-touch-button__glow[data-v-7cc3f673]{position:absolute;inset:-2px;background:linear-gradient(45deg,var(--color-primary-500),var(--color-secondary-500));border-radius:inherit;z-index:-1;opacity:.5;filter:blur(4px)}@keyframes pulse-7cc3f673{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes ripple-7cc3f673{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes feedback-pulse-7cc3f673{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1)}}@media (prefers-contrast: high){.ds-touch-button{&[data-v-7cc3f673]{border-width:3px}&[data-v-7cc3f673]:focus-visible{outline-width:4px}}}@media (prefers-reduced-motion: reduce){.ds-touch-button{&[data-v-7cc3f673]{transition:none}&[data-v-7cc3f673]:active{transform:none}}.ds-touch-button__icon--pulse[data-v-7cc3f673]{animation:none}.ds-touch-button__ripple[data-v-7cc3f673]{animation:none;display:none}.ds-touch-button__feedback-state[data-v-7cc3f673]{animation:none;opacity:.8}}.ds-touch-button__ripple[data-v-7cc3f673],.ds-touch-button__feedback-state[data-v-7cc3f673]{will-change:transform,opacity}@media (min-resolution: 120dpi){.ds-touch-button[data-v-7cc3f673]{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ds-touch-button__ripple[data-v-7cc3f673]{animation-timing-function:cubic-bezier(.4,0,.2,1)}}.ds-swipe-card{&[data-v-3c99a45b]{position:relative;background:var(--color-surface-800);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);overflow:hidden;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease}&[data-v-3c99a45b]:hover:not(.ds-swipe-card--disabled){border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}&.ds-swipe-card--dragging[data-v-3c99a45b]{z-index:10;box-shadow:var(--shadow-lg)}&.ds-swipe-card--disabled[data-v-3c99a45b]{opacity:.5;cursor:not-allowed}&.ds-swipe-card--selected[data-v-3c99a45b]{border-color:var(--color-primary-500);background:var(--color-primary-950)}&.ds-swipe-card--confirming[data-v-3c99a45b]{pointer-events:none}}.ds-swipe-card--gaming{&[data-v-3c99a45b]{background:linear-gradient(135deg,var(--color-surface-800) 0%,var(--color-surface-900) 100%);border:1px solid var(--color-primary-700)}&[data-v-3c99a45b]:hover{box-shadow:0 4px 20px #00d4ff33}}.ds-swipe-card--compact{&[data-v-3c99a45b]{border-radius:var(--radius-md)}.ds-swipe-card__content[data-v-3c99a45b]{padding:var(--spacing-3)}}.ds-swipe-card--detailed{.ds-swipe-card__content[data-v-3c99a45b]{padding:var(--spacing-5)}}.ds-swipe-card__actions{&[data-v-3c99a45b]{position:absolute;top:0;bottom:0;display:flex;align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-4);pointer-events:none;z-index:1}&.ds-swipe-card__actions--left[data-v-3c99a45b]{left:0;justify-content:flex-start}&.ds-swipe-card__actions--right[data-v-3c99a45b]{right:0;justify-content:flex-end}}.ds-swipe-card__action{&[data-v-3c99a45b]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;min-height:60px;padding:var(--spacing-2);border:none;border-radius:var(--radius-lg);font-size:var(--text-xs-size);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;pointer-events:auto}&[data-v-3c99a45b]:hover{transform:scale(1.05)}&[data-v-3c99a45b]:active{transform:scale(.95)}}.ds-swipe-card__action--primary{&[data-v-3c99a45b]{background:var(--color-primary-500);color:var(--color-surface-950)}&[data-v-3c99a45b]:hover{background:var(--color-primary-400)}}.ds-swipe-card__action--success{&[data-v-3c99a45b]{background:var(--color-semantic-success-500);color:var(--color-surface-950)}&[data-v-3c99a45b]:hover{background:var(--color-semantic-success-400)}}.ds-swipe-card__action--danger{&[data-v-3c99a45b]{background:var(--color-semantic-error-500);color:var(--color-text-primary)}&[data-v-3c99a45b]:hover{background:var(--color-semantic-error-400)}}.ds-swipe-card__action--warning{&[data-v-3c99a45b]{background:var(--color-semantic-warning-500);color:var(--color-surface-950)}&[data-v-3c99a45b]:hover{background:var(--color-semantic-warning-400)}}.ds-swipe-card__action--secondary{&[data-v-3c99a45b]{background:var(--color-surface-700);color:var(--color-text-primary);border:1px solid var(--color-border-default)}&[data-v-3c99a45b]:hover{background:var(--color-surface-600);border-color:var(--color-border-strong)}}.ds-swipe-card__action-icon[data-v-3c99a45b]{margin-bottom:var(--spacing-1)}.ds-swipe-card__action-label[data-v-3c99a45b]{font-size:var(--text-xs-size);line-height:1}.ds-swipe-card__content[data-v-3c99a45b]{position:relative;padding:var(--spacing-4);background:inherit;z-index:2;will-change:transform}.ds-swipe-card__selection{&[data-v-3c99a45b]{position:absolute;top:var(--spacing-3);right:var(--spacing-3);z-index:3;padding:var(--spacing-1);border-radius:var(--radius-full);background:var(--color-surface-900);border:1px solid var(--color-border-default);transition:all .2s ease}&.ds-swipe-card__selection--active[data-v-3c99a45b]{background:var(--color-primary-500);border-color:var(--color-primary-400);transform:scale(1.1)}}.ds-swipe-card__selection-icon{&[data-v-3c99a45b]{color:var(--color-text-tertiary);transition:color .2s ease}&.ds-swipe-card__selection-icon--selected[data-v-3c99a45b]{color:var(--color-surface-950)}}.ds-swipe-card__hint{&[data-v-3c99a45b]{position:absolute;bottom:var(--spacing-2);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#000000b3;color:var(--color-text-secondary);font-size:var(--text-xs-size);border-radius:var(--radius-md);backdrop-filter:blur(4px);opacity:.8;pointer-events:none}&.ds-swipe-card__hint--animate[data-v-3c99a45b]{animation:swipeHint-3c99a45b 3s ease-in-out infinite}}.ds-swipe-card__hint-text[data-v-3c99a45b]{white-space:nowrap}.ds-swipe-card__hint-icon{&.ds-swipe-card__hint-icon--left[data-v-3c99a45b]{animation:swipeLeft-3c99a45b 2s ease-in-out infinite}&.ds-swipe-card__hint-icon--right[data-v-3c99a45b]{animation:swipeRight-3c99a45b 2s ease-in-out infinite}}.ds-swipe-card__momentum[data-v-3c99a45b]{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-primary-500) calc(50% - 50px * var(--momentum)),var(--color-primary-400) 50%,var(--color-primary-500) calc(50% + 50px * var(--momentum)),transparent 100%);z-index:3;pointer-events:none}.ds-swipe-card__confirm[data-v-3c99a45b]{position:absolute;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:20;backdrop-filter:blur(4px)}.ds-swipe-card__confirm-content[data-v-3c99a45b]{text-align:center;padding:var(--spacing-6);color:var(--color-text-primary)}.ds-swipe-card__confirm-icon[data-v-3c99a45b]{color:var(--color-semantic-warning-500);margin-bottom:var(--spacing-4)}.ds-swipe-card__confirm-text[data-v-3c99a45b]{font-size:var(--text-base-size);margin-bottom:var(--spacing-6);color:var(--color-text-primary)}.ds-swipe-card__confirm-actions[data-v-3c99a45b]{display:flex;gap:var(--spacing-3);justify-content:center}.ds-swipe-card__confirm-button{&[data-v-3c99a45b]{padding:var(--spacing-2) var(--spacing-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm-size);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;min-width:80px}&.ds-swipe-card__confirm-button--cancel{&[data-v-3c99a45b]{background:var(--color-surface-700);color:var(--color-text-primary);border-color:var(--color-border-default)}&[data-v-3c99a45b]:hover{background:var(--color-surface-600)}}&.ds-swipe-card__confirm-button--confirm{&[data-v-3c99a45b]{background:var(--color-semantic-error-500);color:var(--color-text-primary)}&[data-v-3c99a45b]:hover{background:var(--color-semantic-error-400)}}}@keyframes swipeHint-3c99a45b{0%,to{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.02)}}@keyframes swipeLeft-3c99a45b{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes swipeRight-3c99a45b{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@media (prefers-reduced-motion: reduce){.ds-swipe-card[data-v-3c99a45b],.ds-swipe-card__content[data-v-3c99a45b]{transition:none}.ds-swipe-card__hint--animate[data-v-3c99a45b],.ds-swipe-card__hint-icon--left[data-v-3c99a45b],.ds-swipe-card__hint-icon--right[data-v-3c99a45b]{animation:none}.ds-swipe-card__action{&[data-v-3c99a45b]{transition:none}&[data-v-3c99a45b]:hover{transform:none}&[data-v-3c99a45b]:active{transform:none}}}.ds-mobile-nav-drawer__backdrop{&[data-v-66663d1a]{position:fixed;inset:0;background:#000000b3;z-index:50;backdrop-filter:blur(4px);transition:opacity .3s ease}&.ds-mobile-nav-drawer__backdrop--entering[data-v-66663d1a]{opacity:0;animation:backdropEnter-66663d1a .3s ease forwards}&.ds-mobile-nav-drawer__backdrop--leaving[data-v-66663d1a]{opacity:1;animation:backdropLeave-66663d1a .3s ease forwards}}.ds-mobile-nav-drawer{&[data-v-66663d1a]{position:fixed;top:0;bottom:0;width:var(--drawer-width);background:linear-gradient(180deg,var(--color-surface-900) 0%,var(--color-surface-950) 100%);border:1px solid var(--color-border-default);z-index:51;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}&.ds-mobile-nav-drawer--left[data-v-66663d1a]{left:0;border-right:2px solid var(--color-border-strong);border-left:none;border-radius:0 var(--radius-xl) var(--radius-xl) 0}&.ds-mobile-nav-drawer--right[data-v-66663d1a]{right:0;border-left:2px solid var(--color-border-strong);border-right:none;border-radius:var(--radius-xl) 0 0 var(--radius-xl);transform:translate(100%)}&.ds-mobile-nav-drawer--open[data-v-66663d1a]{transform:translate(0)}&.ds-mobile-nav-drawer--gaming[data-v-66663d1a]{background:linear-gradient(180deg,var(--color-surface-900) 0%,var(--color-surface-950) 50%,var(--color-surface-900) 100%);border-color:var(--color-primary-700);box-shadow:0 20px 60px #00000080,inset 0 1px #00d4ff1a}&.ds-mobile-nav-drawer--dragging[data-v-66663d1a]{transition:none}}.ds-mobile-nav-drawer__header[data-v-66663d1a]{padding:var(--spacing-4) var(--spacing-4) var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-muted);position:relative}.ds-mobile-nav-drawer__handle{&[data-v-66663d1a]{width:40px;height:4px;background:var(--color-border-strong);border-radius:2px;margin:0 auto var(--spacing-4) auto;cursor:grab;opacity:.6;transition:opacity .2s ease}&[data-v-66663d1a]:hover{opacity:1}}.ds-mobile-nav-drawer__profile[data-v-66663d1a]{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.ds-mobile-nav-drawer__avatar[data-v-66663d1a]{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);border-radius:var(--radius-lg);border:2px solid var(--color-primary-400)}.ds-mobile-nav-drawer__avatar-icon[data-v-66663d1a]{color:var(--color-surface-950)}.ds-mobile-nav-drawer__mastery-rank[data-v-66663d1a]{position:absolute;bottom:-4px;right:-4px;background:var(--color-accent-legendary);color:var(--color-surface-950);font-size:var(--text-xs-size);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-sm);min-width:20px;text-align:center}.ds-mobile-nav-drawer__profile-info[data-v-66663d1a]{flex:1;min-width:0}.ds-mobile-nav-drawer__profile-name[data-v-66663d1a]{color:var(--color-text-primary);font-size:var(--text-base-size);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-1) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-mobile-nav-drawer__profile-status[data-v-66663d1a]{color:var(--color-text-secondary);font-size:var(--text-sm-size);margin:0 0 var(--spacing-2) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-mobile-nav-drawer__progress[data-v-66663d1a]{display:flex;flex-direction:column;gap:var(--spacing-1)}.ds-mobile-nav-drawer__progress-bar[data-v-66663d1a]{width:100%;height:4px;background:var(--color-surface-700);border-radius:2px;overflow:hidden}.ds-mobile-nav-drawer__progress-fill[data-v-66663d1a]{height:100%;background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-primary-400) 100%);border-radius:2px;transition:width .3s ease}.ds-mobile-nav-drawer__progress-text[data-v-66663d1a]{color:var(--color-text-tertiary);font-size:var(--text-xs-size)}.ds-mobile-nav-drawer__quick-actions[data-v-66663d1a]{display:flex;gap:var(--spacing-2);justify-content:flex-end}.ds-mobile-nav-drawer__search[data-v-66663d1a]{padding:0 var(--spacing-4) var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border-muted)}.ds-mobile-nav-drawer__search-container[data-v-66663d1a]{position:relative;display:flex;align-items:center}.ds-mobile-nav-drawer__search-icon[data-v-66663d1a]{position:absolute;left:var(--spacing-3);color:var(--color-text-tertiary);z-index:2}.ds-mobile-nav-drawer__search-input{&[data-v-66663d1a]{width:100%;padding:var(--spacing-3) var(--spacing-10) var(--spacing-3) var(--spacing-10);background:var(--color-surface-800);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm-size);transition:all .2s ease}&[data-v-66663d1a]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #00d4ff1a}&[data-v-66663d1a]::-moz-placeholder{color:var(--color-text-placeholder)}&[data-v-66663d1a]::placeholder{color:var(--color-text-placeholder)}}.ds-mobile-nav-drawer__search-clear{&[data-v-66663d1a]{position:absolute;right:var(--spacing-3);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:color .2s ease}&[data-v-66663d1a]:hover{color:var(--color-text-primary)}}.ds-mobile-nav-drawer__nav[data-v-66663d1a]{flex:1;overflow-y:auto;padding:var(--spacing-2) 0}.ds-mobile-nav-drawer__section{&[data-v-66663d1a]{margin-bottom:var(--spacing-4)}&[data-v-66663d1a]:last-child{margin-bottom:0}}.ds-mobile-nav-drawer__section-title[data-v-66663d1a]{color:var(--color-text-secondary);font-size:var(--text-xs-size);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-2) 0;padding:0 var(--spacing-4)}.ds-mobile-nav-drawer__nav-list{&[data-v-66663d1a]{list-style:none;margin:0;padding:0}&.ds-mobile-nav-drawer__nav-list--nested[data-v-66663d1a]{padding-left:var(--spacing-6);margin-top:var(--spacing-1);border-left:2px solid var(--color-border-muted)}}.ds-mobile-nav-drawer__nav-item{&[data-v-66663d1a]{margin:0;padding:0}&.ds-mobile-nav-drawer__nav-item--nested{&[data-v-66663d1a]{position:relative}&[data-v-66663d1a]:before{content:"";position:absolute;left:-var(--spacing-6);top:50%;width:var(--spacing-4);height:1px;background:var(--color-border-muted)}}}.ds-mobile-nav-drawer__nav-button{&[data-v-66663d1a]{width:100%;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:none;border:none;color:var(--color-text-primary);font-size:var(--text-base-size);text-align:left;cursor:pointer;transition:all .2s ease;position:relative;min-height:44px}&[data-v-66663d1a]:hover:not(.ds-mobile-nav-drawer__nav-button--disabled){background:var(--color-surface-800);color:var(--color-primary-400)}&[data-v-66663d1a]:active:not(.ds-mobile-nav-drawer__nav-button--disabled){background:var(--color-surface-700)}&.ds-mobile-nav-drawer__nav-button--active{&[data-v-66663d1a]{background:linear-gradient(90deg,#00d4ff1a,#00d4ff0d);color:var(--color-primary-400);border-right:3px solid var(--color-primary-500)}&[data-v-66663d1a]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary-500)}}&.ds-mobile-nav-drawer__nav-button--disabled[data-v-66663d1a]{opacity:.5;cursor:not-allowed}&.ds-mobile-nav-drawer__nav-button--nested[data-v-66663d1a]{padding-left:var(--spacing-4);font-size:var(--text-sm-size)}}.ds-mobile-nav-drawer__nav-icon[data-v-66663d1a]{flex-shrink:0;color:inherit}.ds-mobile-nav-drawer__nav-label[data-v-66663d1a]{flex:1;font-weight:var(--font-weight-medium)}.ds-mobile-nav-drawer__nav-badge[data-v-66663d1a]{background:var(--color-primary-500);color:var(--color-surface-950);font-size:var(--text-xs-size);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--radius-sm);min-width:20px;text-align:center}.ds-mobile-nav-drawer__nav-chevron{&[data-v-66663d1a]{flex-shrink:0;color:var(--color-text-tertiary);transition:transform .2s ease}&.ds-mobile-nav-drawer__nav-chevron--expanded[data-v-66663d1a]{transform:rotate(90deg)}}.ds-mobile-nav-drawer__footer[data-v-66663d1a]{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4) var(--spacing-4);border-top:1px solid var(--color-border-muted)}.ds-mobile-nav-drawer__footer-actions[data-v-66663d1a]{display:flex;flex-direction:column;gap:var(--spacing-2)}.ds-mobile-nav-drawer__glow{&[data-v-66663d1a]{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-primary-500) 50%,transparent 100%);opacity:.3;pointer-events:none}&.ds-mobile-nav-drawer__glow--top[data-v-66663d1a]{top:0}&.ds-mobile-nav-drawer__glow--bottom[data-v-66663d1a]{bottom:0}}@keyframes backdropEnter-66663d1a{0%{opacity:0}to{opacity:1}}@keyframes backdropLeave-66663d1a{0%{opacity:1}to{opacity:0}}.ds-mobile-nav-drawer__nav[data-v-66663d1a]::-webkit-scrollbar{width:4px}.ds-mobile-nav-drawer__nav[data-v-66663d1a]::-webkit-scrollbar-track{background:var(--color-surface-900)}.ds-mobile-nav-drawer__nav[data-v-66663d1a]::-webkit-scrollbar-thumb{background:var(--color-surface-700);border-radius:2px}.ds-mobile-nav-drawer__nav[data-v-66663d1a]::-webkit-scrollbar-thumb:hover{background:var(--color-surface-600)}@media (prefers-reduced-motion: reduce){.ds-mobile-nav-drawer[data-v-66663d1a],.ds-mobile-nav-drawer__backdrop[data-v-66663d1a],.ds-mobile-nav-drawer__nav-chevron[data-v-66663d1a],.ds-mobile-nav-drawer__progress-fill[data-v-66663d1a]{transition:none}}