/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}:root{--color-task-yellow-background:#fef08a;--color-task-yellow-border:#facc15;--color-task-yellow-accent:#fbbf2499;--color-task-yellow-interior:#fef08a4d;--color-task-yellow-gradient-start:#fff6c9;--color-task-yellow-gradient-end:#fafdfb;--color-task-pink-background:#fbcfe8;--color-task-pink-border:#f472b6;--color-task-pink-accent:#f472b699;--color-task-pink-interior:#fbcfe84d;--color-task-blue-background:#bfdbfe;--color-task-blue-border:#60a5fa;--color-task-blue-accent:#60a5fa99;--color-task-blue-interior:#bfdbfe4d;--color-task-green-background:#bbf7d0;--color-task-green-border:#4ade80;--color-task-green-accent:#4ade8099;--color-task-green-interior:#bbf7d04d;--color-task-purple-background:#ddd6fe;--color-task-purple-border:#a78bfa;--color-task-purple-accent:#a855f799;--color-task-purple-interior:#ddd6fe4d;--color-task-purple-brand:#b18bff;--color-task-orange-background:#fed7aa;--color-task-orange-border:#fb923c;--color-task-orange-accent:#fb923c99;--color-task-orange-interior:#fdba744d;--color-semantic-success:#4ade80;--color-semantic-error:#ff6767;--color-semantic-warning:#fb923c;--color-semantic-info:#60a5fa;--color-semantic-brand:#ff9bb0;--color-text-primary:#333;--color-text-secondary:#666;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-text-muted:#0009;--color-surface-background:#fff;--color-surface-overlay:#ffffff1a;--color-surface-glass-light:#ffffff0d;--color-surface-glass-standard:#ffffff14;--color-surface-glass-medium:#ffffff1a;--color-surface-glass-heavy:#fff3;--color-surface-glass-premium:#fffffff2;--color-surface-border-light:#ffffff1a;--color-surface-border-standard:#ffffff26;--color-surface-border-medium:#fff3;--color-surface-border-heavy:#ffffff59;--color-action-lightning:#b18bff;--color-action-trash:#ff6767;--color-action-high:#ff8f46;--spacing-0:0px;--spacing-px:1px;--spacing-0-5:4px;--spacing-1:8px;--spacing-1-5:12px;--spacing-2:16px;--spacing-2-5:20px;--spacing-3:24px;--spacing-3-5:28px;--spacing-4:32px;--spacing-5:40px;--spacing-6:48px;--spacing-7:56px;--spacing-8:64px;--spacing-9:72px;--spacing-10:80px;--spacing-12:96px;--spacing-16:128px;--spacing-20:160px;--spacing-24:192px;--spacing-32:256px;--spacing-40:320px;--spacing-48:384px;--spacing-56:448px;--spacing-64:512px;--font-family-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"SF Mono",Monaco,Inconsolata,"Fira Code",monospace;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-size-5xl:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-none:1;--line-height-tight:1.2;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--radius-none:0;--radius-sm:4px;--radius-base:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--radius-pill:14px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-card-default:0 4px 16px #00000026,0 12px 32px #0003,0 24px 64px #00000026;--shadow-card-hover:0 6px 20px #0003,0 16px 40px #00000040,0 32px 80px #0003;--shadow-card-dragging:0 8px 20px #0000002e;--shadow-card-subtle:0 4px 12px #0000001f;--shadow-glass-subtle:0 4px 16px #0000001a;--shadow-glass-standard:0 8px 32px #0000001a;--shadow-glass-premium:0 8px 32px #0000001a;--blur-none:0;--blur-sm:4px;--blur-base:6px;--blur-md:8px;--blur-lg:10px;--blur-xl:20px;--blur-2xl:22px;--blur-3xl:40px;--duration-instant:0s;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--duration-slower:.5s;--duration-slowest:1s;--easing-linear:linear;--easing-ease-in:cubic-bezier(.4,0,1,1);--easing-ease-out:cubic-bezier(0,0,.2,1);--easing-ease-in-out:cubic-bezier(.4,0,.2,1);--easing-bounce:cubic-bezier(.68,-.55,.265,1.55);--easing-smooth:cubic-bezier(.25,.46,.45,.94);--z-below:-1;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-notification:80;--z-top:90;--card-width:290px;--card-height:240px;--card-padding:24px;--card-radius:16px;--pill-height:26px;--pill-min-width:64px;--pill-radius:14px;--pill-gap:8px;--icon-sm:12px;--icon-base:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--connection-line-width:2px;--connection-line-dash:5,5;--connection-line-color:#9ca3af}.glass-subtle{background-color:var(--color-surface-glass-light);-webkit-backdrop-filter:blur(var(--blur-base));border:1px solid var(--color-surface-border-light)}.glass-standard{background-color:var(--color-surface-glass-standard);-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--color-surface-border-standard)}.glass-medium{background-color:var(--color-surface-glass-medium);-webkit-backdrop-filter:blur(var(--blur-lg))saturate(180%);border:1px solid var(--color-surface-border-medium)}.glass-heavy{background-color:var(--color-surface-glass-heavy);-webkit-backdrop-filter:blur(var(--blur-2xl))saturate(180%);border:1px solid var(--color-surface-border-heavy)}.glass-premium{background-color:var(--color-surface-glass-premium);-webkit-backdrop-filter:blur(var(--blur-2xl))saturate(180%);border:1px solid var(--color-surface-border-heavy)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;font-size:16px;line-height:1.5}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}*{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}.board-background{will-change:transform;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;border:none!important;outline:none!important}.board-background *,.board-background :focus,.board-background :active,.board-background :hover{box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;border:none!important;outline:none!important}[data-task-id]{-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}canvas,canvas:focus,canvas:active,canvas:hover{box-shadow:none!important;-webkit-tap-highlight-color:transparent!important;border:none!important;outline:none!important}:focus,:active{box-shadow:none!important;outline:none!important}.board-background ::selection{background:0 0}input::selection{background:var(--color-action-lightning)!important;color:#fff!important}textarea::selection{background:var(--color-action-lightning)!important;color:#fff!important}input::-moz-selection{background:var(--color-action-lightning)!important;color:#fff!important}textarea::-moz-selection{background:var(--color-action-lightning)!important;color:#fff!important}.board-background,.board-background *,.board-background canvas,.board-background div{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-highlight:none!important}.task-card{gap:var(--spacing-3);min-width:var(--card-width);max-width:var(--card-width);height:var(--card-height);padding:var(--card-padding);border-radius:var(--card-radius);transition:all var(--duration-base)var(--easing-smooth);cursor:grab;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.task-card:active{cursor:grabbing}.task-card.dragging{box-shadow:var(--shadow-card-dragging);cursor:grabbing;-webkit-transform:scale(1.03);transform:scale(1.03)}.task-card.completed{opacity:.5}.task-card:hover{box-shadow:var(--shadow-card-hover);filter:brightness(110%);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.bg-glass-subtle{background-color:var(--color-surface-glass-light)}.bg-glass-standard{background-color:var(--color-surface-glass-standard)}.bg-glass-medium{background-color:var(--color-surface-glass-medium)}.bg-glass-heavy{background-color:var(--color-surface-glass-heavy)}.border-glass-light{border-color:var(--color-surface-border-light)}.border-glass-standard{border-color:var(--color-surface-border-standard)}.border-glass-medium{border-color:var(--color-surface-border-medium)}.border-glass-heavy{border-color:var(--color-surface-border-heavy)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-base{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-base{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-card-default{box-shadow:var(--shadow-card-default)}.shadow-card-hover{box-shadow:var(--shadow-card-hover)}.shadow-card-dragging{box-shadow:var(--shadow-card-dragging)}.transition-none{transition:none}.transition-fast{transition:all var(--duration-fast)var(--easing-ease-out)}.transition-base{transition:all var(--duration-base)var(--easing-ease-out)}.transition-slow{transition:all var(--duration-slow)var(--easing-ease-out)}.translate-y-0{-webkit-transform:translateY(0);transform:translateY(0)}.translate-y-1{-webkit-transform:translateY(4px);transform:translateY(4px)}.translate-y-2{-webkit-transform:translateY(8px);transform:translateY(8px)}.-translate-y-1{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.-translate-y-2{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.scale-95{-webkit-transform:scale(.95);transform:scale(.95)}.scale-100{-webkit-transform:scale(1);transform:scale(1)}.scale-105{-webkit-transform:scale(1.05);transform:scale(1.05)}.scale-110{-webkit-transform:scale(1.1);transform:scale(1.1)}.hover\:brightness-110:hover{filter:brightness(1.1)}.hover\:brightness-90:hover{filter:brightness(.9)}.hover\:scale-105:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.hover\:scale-110:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hover\:-translate-y-1:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hover\:-translate-y-2:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.app-header,.header-container{z-index:10000;-webkit-backdrop-filter:blur(20px)saturate(180%);border:none;border-bottom:1px solid #00000014;width:100%;min-height:60px;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d;background:#fffffff2!important}.header-content{flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:64px;padding:12px 24px;display:flex}.header-logo-group{align-items:center;gap:var(--spacing-3);flex-grow:0;flex-shrink:0;display:flex}.header-logo{align-items:center;gap:var(--spacing-2);font-size:20px;font-weight:700;display:flex;color:#1f2937!important}.header-center-group{align-items:center;gap:var(--spacing-4);flex-grow:1;justify-content:center;display:flex}.header-panel-toggles{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-1);align-items:center;gap:var(--spacing-0);background:#ffffffb3;border:1px solid #0000000f;border-radius:12px;display:flex;box-shadow:0 2px 8px #0000000a}.header-right-group{align-items:center;gap:var(--spacing-3);flex-shrink:0;display:flex}.header-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.header-button:hover{background:var(--color-surface-glass-light);color:var(--color-text-primary)}.header-button.is-active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 4px #6366f14d}.header-badge{color:currentColor;font-size:var(--font-size-xs);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-full);text-align:center;background:#00000026;min-width:16px}.dropdown-trigger{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;cursor:pointer;z-index:10001;background:#fffffff2;border:1px solid #0000001a;border-radius:8px;justify-content:space-between;min-width:140px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.dropdown-trigger:hover{background:var(--color-surface-glass-medium);box-shadow:var(--shadow-sm)}.dropdown-trigger.is-open{background:var(--color-surface-glass-heavy);box-shadow:var(--shadow-md)}.dropdown-menu{margin-top:var(--spacing-1);background:var(--color-surface-glass-premium);-webkit-backdrop-filter:blur(var(--blur-2xl))saturate(180%);backdrop-filter:blur(var(--blur-2xl))saturate(180%);border:1px solid var(--color-surface-border-standard);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);min-width:280px;max-height:400px;position:absolute;top:100%;left:0;right:0;overflow:hidden}.dropdown-search{padding:var(--spacing-3);border-bottom:1px solid var(--color-surface-border-light)}.dropdown-search-input{width:100%;padding:var(--spacing-2)var(--spacing-3)var(--spacing-2)var(--spacing-8);border:1px solid var(--color-surface-border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-surface-glass-light);transition:all var(--duration-fast)var(--easing-ease-out);outline:none}.dropdown-search-input:focus{border-color:var(--color-action-primary);box-shadow:0 0 0 3px #6366f11a}.dropdown-list{max-height:300px;padding:var(--spacing-2)0;overflow-y:auto}.dropdown-item{padding:var(--spacing-2)var(--spacing-4);cursor:pointer;transition:background var(--duration-fast)var(--easing-ease-out);justify-content:space-between;align-items:center;display:flex}.dropdown-item:hover{background:var(--color-surface-glass-light)}.dropdown-item.is-active{background:var(--color-surface-glass-medium)}.dropdown-section-header{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:8px 16px 4px;font-size:11px;font-weight:600}.dropdown-section-header.with-border{border-top:1px solid #0000000d;margin-top:8px}.dropdown-no-results{text-align:center;color:#6b7280;font-size:var(--font-size-sm);padding:24px 16px}.dropdown-create-form{padding:var(--spacing-3);background:#f3f4f680;border-top:1px solid #0000000d}.dropdown-form-group{gap:var(--spacing-2);display:flex}.dropdown-form-input{background:#ffffffe6;border:1px solid #0000001a;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:13px}.dropdown-form-button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.dropdown-form-button:disabled{cursor:not-allowed;background:#e5e7eb}.dropdown-footer{padding:var(--spacing-2);background:#f9fafb80;border-top:1px solid #0000000d}.dropdown-footer-button{cursor:pointer;color:#374151;background:#fffc;border:1px solid #0000001a;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.dropdown-footer-button:hover{background:#fff;box-shadow:0 1px 3px #0000001a}.station-item{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--spacing-2);background:0 0;padding:12px 16px;transition:all .2s;display:flex}.station-item:hover{background:#0000000d}.station-item.is-active{background:#6366f11a}.station-item-content{flex:1;justify-content:space-between;align-items:center;display:flex}.station-item-name{color:#374151;font-size:14px;font-weight:500}.station-item-count{text-align:center;border-radius:12px;min-width:20px;padding:3px 8px;font-size:11px}.station-item-count.is-active{color:#fff;background:#6366f1}.station-item-count:not(.is-active){color:#6b7280;background:#0000001a}.station-item-actions{align-items:center;gap:var(--spacing-1);display:flex}.station-item-button{padding:var(--spacing-1);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;align-items:center;transition:all .2s;display:flex}.station-item-button:hover{opacity:1;background:#0000001a}.station-item-button.is-delete:hover{background:#ef44441a}.station-item-button.is-delete:hover svg{color:#ef4444}.station-item-edit-input{background:#fff;border:1px solid #6366f1;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:14px}.panel-container{-webkit-backdrop-filter:blur(30px)saturate(180%);z-index:1000;background:#fffffffa;border:1px solid #00000014;border-radius:24px;flex-direction:column;transition:all .3s;display:flex;position:fixed;overflow:hidden;box-shadow:0 32px 64px #0000001f,0 16px 32px #00000014}.panel-container.right{width:420px;top:80px;bottom:24px;right:24px}.panel-container.left{width:420px;top:80px;bottom:24px;left:24px}.panel-container.bottom{height:400px;bottom:24px;left:24px;right:24px}.panel-header{background:#f9fafb80;border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.panel-title{color:#1f2937;align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.panel-close-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.panel-close-button:hover{color:#374151;background:#0000000d}.panel-body{flex:1;padding:24px;overflow-y:auto}.panel-body.no-padding{padding:0}.panel-footer{background:#f9fafb80;border-top:1px solid #0000000f;flex-shrink:0;padding:16px 24px}.panel-item{cursor:pointer;background:#ffffffb3;border:1px solid #0000000f;border-radius:16px;margin-bottom:12px;padding:16px;transition:all .2s}.panel-item:hover{background:#ffffffe6;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.panel-item.is-new{animation:2s ease-in-out pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f100}50%{box-shadow:0 0 20px 4px #6366f14d}}.panel-item-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.panel-item-title{color:#1f2937;font-size:15px;font-weight:600;line-height:1.4}.panel-item-meta{color:#6b7280;align-items:center;gap:16px;margin-top:8px;font-size:13px;display:flex}.panel-item-meta-item{align-items:center;gap:4px;display:flex}.panel-item-actions{gap:8px;margin-top:12px;display:flex}.panel-item-button{cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.panel-item-button.primary{color:#fff;background:#6366f1;border:none}.panel-item-button.primary:hover{background:#5855eb;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.panel-item-button.secondary{color:#6b7280;background:0 0;border:1px solid #0000001a}.panel-item-button.secondary:hover{color:#374151;background:#0000000d}.panel-form{background:#f3f4f680;border-radius:12px;margin-bottom:16px;padding:16px}.panel-form-group{margin-bottom:12px}.panel-form-label{color:#6b7280;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.panel-form-input,.panel-form-textarea{background:#fff;border:1px solid #0000001a;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.panel-form-input:focus,.panel-form-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.panel-form-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));z-index:10002;padding:var(--spacing-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop.transparent{pointer-events:none;background:0 0}.modal-content{background:var(--color-surface-glass-premium);-webkit-backdrop-filter:blur(var(--blur-2xl))saturate(180%);backdrop-filter:blur(var(--blur-2xl))saturate(180%);border:1px solid var(--color-surface-border-standard);pointer-events:auto;border-radius:20px;flex-direction:column;max-width:90vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000026,0 10px 20px #0000001a}.modal-content.danger{border-color:#ef44444d}.modal-content.warning{border-color:#fbbf244d}.modal-header{padding:var(--spacing-5)var(--spacing-5)var(--spacing-4)var(--spacing-5);align-items:center;gap:var(--spacing-3);display:flex}.modal-title{color:#1f2937;margin:0;font-size:18px;font-weight:600;line-height:1.4}.modal-message{color:#6b7280;padding:0 var(--spacing-5);margin:0;font-size:14px;line-height:1.6}.modal-actions{padding:var(--spacing-4)var(--spacing-5)var(--spacing-5)var(--spacing-5);gap:var(--spacing-3);margin-top:var(--spacing-2);border-top:1px solid #0000000d;justify-content:flex-end;display:flex}.modal-button{cursor:pointer;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.modal-button.cancel{color:#6b7280;background:#fffc;border:1px solid #0000001a;box-shadow:0 2px 8px #0000000d}.modal-button.cancel:hover{background:#f9fafbe6;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.modal-button.confirm{color:#fff;background:#6366f1;border:none;box-shadow:0 4px 12px #00000026}.modal-button.confirm:hover{background:#5855eb;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 6px 16px #0003}.modal-button.confirm.danger{background:#ef4444}.modal-button.confirm.danger:hover{background:#dc2626}.form-group{gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-surface-border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-surface-glass-light);color:var(--color-text-primary);transition:all var(--duration-fast)var(--easing-ease-out);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-action-primary);background:var(--color-surface-background);box-shadow:0 0 0 3px #6366f11a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.interactive-pill{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:var(--color-surface-glass-medium);border:1px solid var(--color-surface-border-standard);cursor:pointer;transition:all var(--duration-fast)var(--easing-ease-out);-webkit-user-select:none;user-select:none;display:inline-flex}.interactive-pill:hover{background:var(--color-surface-glass-heavy);border-color:var(--color-surface-border-medium);box-shadow:var(--shadow-sm);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.interactive-pill.is-active{background:var(--color-action-lightning);border-color:var(--color-action-lightning);color:var(--color-text-inverse)}.interactive-pill.is-disabled{opacity:.5;cursor:not-allowed}.header-logo-image{border-radius:8px;width:32px;height:32px;box-shadow:0 2px 8px #0000001a}.header-logo-fallback{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:none;box-shadow:0 2px 8px #0000001a}.header-logo-text{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);-webkit-background-clip:text;background-clip:text;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header-energy-selector{cursor:pointer;appearance:none;color:#374151;z-index:10002;background:#ffffffe6;border:1px solid #00000014;border-radius:8px;align-items:center;gap:6px;min-width:110px;padding:8px 32px 8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.header-energy-arrow{pointer-events:none;color:#6b7280;z-index:10003;font-size:10px;position:absolute;top:50%;right:8px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.header-user-avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.header-user-avatar:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 2px 8px #f59e0b4d}.context-menu{background:var(--color-surface-glass-premium);-webkit-backdrop-filter:blur(var(--blur-2xl))saturate(180%);backdrop-filter:blur(var(--blur-2xl))saturate(180%);border:1px solid var(--color-surface-border-standard);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-1)0;z-index:10003;min-width:200px;position:fixed}.context-menu-item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast)var(--easing-ease-out);display:flex}.context-menu-item:hover{background:var(--color-surface-glass-light);color:var(--color-action-primary)}.context-menu-divider{background:var(--color-surface-border-light);height:1px;margin:var(--spacing-1)0}.task-card-dropdown{background:var(--color-surface-glass-premium);-webkit-backdrop-filter:blur(var(--blur-2xl))saturate(180%);backdrop-filter:blur(var(--blur-2xl))saturate(180%);border:1px solid var(--color-surface-border-heavy);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-subtle);padding:var(--spacing-2)0;z-index:var(--z-dropdown)}.task-card-pill{background:var(--color-surface-glass-medium);border-radius:var(--radius-pill);padding:var(--spacing-1)var(--spacing-3);font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));border:1px solid var(--color-surface-border-standard);transition:all var(--duration-fast)var(--easing-ease-out)}.task-card-pill:hover{background:var(--color-surface-glass-heavy);border-color:var(--color-surface-border-medium)}.panel-scrollable{scrollbar-width:thin;scrollbar-color:var(--color-surface-border-medium)transparent}.panel-scrollable::-webkit-scrollbar-track{background:0 0}.panel-scrollable::-webkit-scrollbar-thumb{background-color:var(--color-surface-border-medium);border-radius:var(--radius-full)}.panel-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--color-surface-border-heavy)}.badge{border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;line-height:1;display:inline-flex}.badge.primary{color:#6366f1;background:#6366f11a}.badge.success{color:#22c55e;background:#22c55e1a}.badge.warning{color:#fbbf24;background:#fbbf241a}.badge.danger{color:#ef4444;background:#ef44441a}.badge.neutral{color:#6b7280;background:#0000001a}.icon-button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-button:hover{color:#374151;background:#0000000d}.icon-button.primary{color:#6366f1}.icon-button.primary:hover{background:#6366f11a}.icon-button.danger{color:#ef4444}.icon-button.danger:hover{background:#ef44441a}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{color:#9ca3af;background:#0000000d;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.empty-state-title{color:#374151;margin-bottom:8px;font-size:16px;font-weight:600}.empty-state-message{color:#6b7280;max-width:300px;font-size:14px;line-height:1.5}.loading-spinner{border:2px solid #0000001a;border-top-color:#6366f1;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.loading-state-text{color:#6b7280;font-size:14px}@media (max-width:768px){.task-card{min-width:240px;max-width:240px;height:200px;padding:var(--spacing-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.task-card{color:#000!important;box-shadow:none!important;background:#fff!important}.glass-subtle,.glass-standard,.glass-medium,.glass-heavy,.glass-premium{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-1\/2{top:50%}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.float-left{float:left}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{-webkit-transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-b-full{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border\!{border-style:var(--tw-border-style)!important;border-width:1px!important}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-transparent{border-color:#0000}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.whitespace-nowrap{white-space:nowrap}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:translate,scale,rotate,-webkit-transform;transition-property:transform,translate,scale,rotate;transition-property:transform,translate,scale,rotate,-webkit-transform;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:z-20:hover{z-index:20}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:transform:hover{-webkit-transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.hover\:opacity-100:hover{opacity:1}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}html,body{height:100vh!important;margin:0!important;padding:0!important}.board-container,.board-background,.board-wrapper,.task-card,.task-card-dom,.connection-line,.webgpu-canvas,canvas,.canvas-container,#canvas-main,.inline-editor,.inline-text-editor{data-gramm:false!important;data-gramm_editor:false!important;data-enable-grammarly:false!important}[data-gramm=false]{data-gramm:false!important}grammarly-extension,grammarly-desktop-integration,[data-grammarly-shadow-root],.gr-top-z-index,.gr__tooltip,[class*=gr-],[class*=grammarly]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}#root{height:100vh!important}.app-main,.app-main #root{overflow:hidden!important}@media (max-width:767px){.app-main,.app-main #root{overflow:visible!important}}body:not(.app-main) .min-h-screen{background:linear-gradient(to bottom right,#eef2ff,#fff,#faf5ff);justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}body:not(.app-main) .max-w-md{width:100%;max-width:28rem}body:not(.app-main) .bg-white\/80{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffc;border:1px solid #e5e7eb;border-radius:.75rem;padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}body:not(.app-main) .text-center{text-align:center}body:not(.app-main) .mb-8{margin-bottom:2rem}body:not(.app-main) .mb-4{margin-bottom:1rem}body:not(.app-main) .mb-2{margin-bottom:.5rem}body:not(.app-main) .text-4xl{font-size:2.25rem;line-height:2.5rem}body:not(.app-main) .text-3xl{font-size:1.875rem;line-height:2.25rem}body:not(.app-main) .font-bold{font-weight:700}body:not(.app-main) .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}body:not(.app-main) .from-pink-500{--tw-gradient-from:#ec4899;--tw-gradient-to:#ec489900;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}body:not(.app-main) .to-purple-600{--tw-gradient-to:#9333ea}body:not(.app-main) .bg-clip-text{-webkit-background-clip:text;background-clip:text}body:not(.app-main) .text-transparent{color:#0000}body:not(.app-main) .text-gray-600{color:#4b5563}body:not(.app-main) .space-y-4>*+*{margin-top:1rem}body:not(.app-main) .block{display:block}body:not(.app-main) .text-sm{font-size:.875rem;line-height:1.25rem}body:not(.app-main) .font-medium{font-weight:500}body:not(.app-main) .text-gray-700{color:#374151}body:not(.app-main) .mb-1{margin-bottom:.25rem}body:not(.app-main) input[type=email],body:not(.app-main) input[type=password]{border:1px solid #d1d5db;border-radius:.5rem;outline:2px solid #0000;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;transition:all .2s}body:not(.app-main) input[type=email]:focus,body:not(.app-main) input[type=password]:focus{border-color:#0000;outline:2px solid #a855f7}body:not(.app-main) button[type=submit]{color:#fff;cursor:pointer;background-color:#a855f7;border:none;border-radius:.5rem;width:100%;padding:.5rem 1rem;font-weight:500;transition:background-color .2s}body:not(.app-main) button[type=submit]:hover{background-color:#9333ea}body:not(.app-main) button[type=submit]:disabled{cursor:not-allowed;background-color:#c4b5fd}body:not(.app-main) .mt-4{margin-top:1rem}body:not(.app-main) .mt-6{margin-top:1.5rem}body:not(.app-main) .mt-8{margin-top:2rem}body:not(.app-main) .p-3{padding:.75rem}body:not(.app-main) .rounded-lg{border-radius:.5rem}body:not(.app-main) .bg-green-50{background-color:#f0fdf4}body:not(.app-main) .text-green-700{color:#15803d}body:not(.app-main) .border-green-200{border-color:#bbf7d0}body:not(.app-main) .bg-red-50{background-color:#fef2f2}body:not(.app-main) .text-red-700{color:#b91c1c}body:not(.app-main) .border-red-200{border-color:#fecaca}body:not(.app-main) .text-purple-600{color:#9333ea}body:not(.app-main) .hover\:text-purple-800:hover{color:#6b21a8}body:not(.app-main) .text-xs{font-size:.75rem;line-height:1rem}body:not(.app-main) .text-gray-500{color:#6b7280}body:not(.app-main) .h-16{height:4rem}body:not(.app-main) .w-auto{width:auto}body:not(.app-main) .flex{display:flex}body:not(.app-main) .flex-col{flex-direction:column}body:not(.app-main) .items-center{align-items:center}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;overscroll-behavior:none;touch-action:manipulation}*{touch-action:manipulation}canvas{touch-action:none;-webkit-tap-highlight-color:transparent}@media (max-width: 767px){.app-header,.header-container{min-height:56px;padding:8px 16px}.header-content{padding:8px 16px;min-height:56px;gap:8px}.header-logo{font-size:18px}.header-logo-image{width:28px;height:28px}.header-center-group{display:none}.header-panel-toggles{flex-direction:column;gap:4px;padding:4px}.header-button{min-height:44px;min-width:44px;padding:10px;font-size:12px}.header-button .header-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;font-size:10px;padding:0 4px}.bottom-bar{padding:12px 16px}.panel-container{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;z-index:10004}.panel-header{position:sticky;top:0;z-index:10;padding-top:calc(20px + env(safe-area-inset-top))}.panel-close-button{min-width:44px;min-height:44px}.dropdown-menu{position:fixed!important;inset:auto 0 0!important;max-height:70vh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom)}.dropdown-item{min-height:48px;padding:12px 16px}.modal-content{width:calc(100vw - 32px);max-height:calc(100vh - 32px);margin:16px}.modal-backdrop{padding:0}.modal-content.action-modal{position:fixed;bottom:0;left:0;right:0;width:100%;margin:0;border-radius:24px 24px 0 0;max-height:90vh}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],textarea,select{font-size:16px!important;padding:12px 16px;border-radius:12px}.glass-subtle,.glass-standard,.glass-medium,.glass-heavy,.glass-premium{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.panel-scrollable{scrollbar-width:none;-ms-overflow-style:none}.panel-scrollable::-webkit-scrollbar{display:none}button,a,.clickable,.interactive-pill,.icon-button{min-height:44px;min-width:44px}@media (hover: none){.task-card:hover{-webkit-transform:none;transform:none;box-shadow:var(--shadow-card-default)}.header-button:hover,.dropdown-item:hover,.panel-item:hover{background:inherit}}}@media (max-width: 767px) and (orientation: landscape){.header-container{position:relative;padding:4px 16px;min-height:48px}.bottom-bar{display:none}}@supports (padding: env(safe-area-inset-top)){.header-container{padding-top:env(safe-area-inset-top)}.bottom-bar{padding-bottom:env(safe-area-inset-bottom)}.panel-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.glass-subtle,.glass-standard,.glass-medium,.glass-heavy,.glass-premium{backdrop-filter:none;-webkit-backdrop-filter:none}}@media (prefers-contrast: high){.task-card{border:2px solid currentColor}.header-button,.dropdown-item,.panel-item{border:1px solid currentColor}}.mobile-loading{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10005}@keyframes slide-up{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.mobile-slide-up{animation:slide-up .3s ease-out}.mobile-slide-down{animation:slide-down .3s ease-in}@media (max-width: 767px){canvas{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.decorative-animation{animation:none}.canvas-board{contain:layout style paint}}.panel-scrollable::-webkit-scrollbar{width:6px}.panel-scrollable::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.panel-scrollable::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.panel-scrollable::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}.panel-scrollable{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) transparent}.card-preview-grid-container{width:100%;height:100%;position:relative;padding:16px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.card-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;animation:softGridFadeIn .4s ease;flex:1 1 auto;align-content:start;padding-bottom:16px}@keyframes softGridFadeIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.card-preview-grid.list{grid-template-columns:1fr;gap:16px}.card-preview-grid.list .card-preview-item{max-width:600px;margin:0 auto}.card-preview-grid.carousel{display:flex;overflow-x:auto;overflow-y:hidden;gap:20px;padding:20px 0;scroll-snap-type:x mandatory}.card-preview-grid.carousel .card-preview-item{flex:0 0 auto;scroll-snap-align:center}.card-preview-item{position:relative;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(221,214,254,.05) 100%);padding:8px;border:2px solid rgba(177,139,255,.1);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.card-preview-item:hover{-webkit-transform:translateY(-4px) scale(1.01);transform:translateY(-4px) scale(1.01);z-index:10;border-color:var(--rarity-color, rgba(177, 139, 255, .3));background:white;box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .1)),0 0 20px var(--rarity-glow, rgba(177, 139, 255, .15));cursor:grab}.card-preview-item:active{cursor:grabbing;opacity:.95;-webkit-transform:scale(.99);transform:scale(.99)}.card-preview-item.selected{border-color:var(--color-task-purple-brand, #B18BFF);background:white;box-shadow:0 0 0 2px var(--color-task-purple-brand, #B18BFF),0 0 24px #b18bff4d,inset 0 0 16px #b18bff0d;animation:cozySelectedPulse 2.5s ease-in-out infinite}@keyframes cozySelectedPulse{0%,to{box-shadow:0 0 0 2px var(--color-task-purple-brand, #B18BFF),0 0 24px #b18bff4d,inset 0 0 16px #b18bff0d}50%{box-shadow:0 0 0 3px var(--color-task-purple-brand, #B18BFF),0 0 32px #b18bff66,inset 0 0 20px #b18bff14}}.card-preview-item.locked{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.card-preview-item.locked:hover{-webkit-transform:none;transform:none;border-color:#f472b64d;box-shadow:0 0 16px #f472b626;background:rgba(255,255,255,.9)}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translate(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-3px);transform:translate(-3px)}20%,40%,60%,80%{-webkit-transform:translateX(3px);transform:translate(3px)}}.card-preview-item.shake{animation:shake .4s ease}.card-preview-canvas{width:100%;height:auto;display:block;border-radius:var(--radius-md, 8px)}.border-info{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(to top,rgba(10,14,39,.95) 0%,rgba(10,14,39,.7) 50%,transparent 100%);border-radius:0 0 8px 8px;-webkit-transform:translateY(0);transform:translateY(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.card-preview-item:hover .border-info{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.border-name{font-size:14px;font-weight:700;color:#f0e6d2;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.border-rarity{font-size:11px;font-weight:600;color:var(--rarity-color, #8a8aa0);text-transform:uppercase;letter-spacing:2px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.card-preview-item.common{--rarity-color: #808080}.card-preview-item.rare{--rarity-color: #0080ff;background:linear-gradient(135deg,#1a2338 0%,#0c1a3a 100%)}.card-preview-item.epic{--rarity-color: #b300ff;background:linear-gradient(135deg,#2a1a38 0%,#1a0c3a 100%)}.card-preview-item.legendary{--rarity-color: #ff8000;background:linear-gradient(135deg,#3a2a1a 0%,#3a1a0c 100%);animation:legendaryGlow 3s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 20px #ff80004d}50%{box-shadow:0 0 30px #ff800080}}.card-preview-item.mythic{--rarity-color: #ff0080;background:linear-gradient(135deg,#3a1a2a 0%,#3a0c1a 100%);animation:mythicRainbow 4s linear infinite}@keyframes mythicRainbow{0%{filter:hue-rotate(0deg) brightness(1.1)}to{filter:hue-rotate(360deg) brightness(1.1)}}.card-preview-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(245,245,255,.9) 100%);border-radius:12px;position:relative;box-shadow:0 4px 10px #00000026;overflow:hidden}.card-preview-item:hover .card-preview-fallback{box-shadow:0 8px 20px #00000026}.border-effect-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.border-effect-glitch_effect .glitch-effect{position:absolute;inset:0;background:linear-gradient(45deg,#ff00ff,#00ffff,#ff00ff);opacity:.3;animation:glitchShift .3s infinite}.glitch-text{font-size:24px;font-weight:700;color:#f0f;text-shadow:2px 2px #00ffff,-2px -2px #ffff00;animation:glitchText .5s infinite;z-index:2}@keyframes glitchShift{0%,to{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}}@keyframes glitchText{0%,to{opacity:1}50%{opacity:.5}}.border-effect-energy_field .energy-field{position:absolute;inset:10%;border:3px solid #00ffff;border-radius:50%;animation:energyPulse 2s infinite;filter:blur(1px)}.energy-orb{width:60px;height:60px;background:radial-gradient(circle,#ffffff 0%,#00ffff 40%,transparent 70%);border-radius:50%;animation:energyFloat 3s ease-in-out infinite;box-shadow:0 0 30px #0ff}@keyframes energyPulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.5}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}}@keyframes energyFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.border-effect-matrix_rain{background:#000}.border-effect-matrix_rain .matrix-rain{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#00ff00 100%);opacity:.2;animation:matrixFall 2s linear infinite}.matrix-text{color:#0f0;font-family:monospace;font-size:20px;text-shadow:0 0 10px #00ff00;animation:matrixBlink .5s infinite;z-index:2}@keyframes matrixFall{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes matrixBlink{0%,to{opacity:1}50%{opacity:.7}}.border-effect-fire_effect{background:linear-gradient(180deg,#ff6600 0%,#ffcc00 50%,#ff0000 100%)}.fire-effect{position:absolute;bottom:0;width:100%;height:60%;background:linear-gradient(180deg,transparent 0%,#ff6600 50%,#ff0000 100%);opacity:.7;animation:fireFlicker .5s infinite;filter:blur(2px)}.fire-glow{position:absolute;inset:20%;background:radial-gradient(circle,#ffff00 0%,#ff6600 50%,transparent 70%);animation:fireGlow 1s infinite alternate}@keyframes fireFlicker{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}}@keyframes fireGlow{0%{opacity:.5}to{opacity:.8}}.border-effect-neon_blue{background:#001133}.neon-glow{position:absolute;inset:15%;border:3px solid #00ffff;border-radius:8px;box-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff,inset 0 0 10px #0ff;animation:neonPulse 2s infinite alternate}.neon-text{color:#0ff;font-size:20px;font-weight:700;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff;z-index:2}@keyframes neonPulse{0%{opacity:.5}to{opacity:1}}.default-border-icon{font-size:48px;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.selected-indicator{position:absolute;top:8px;right:8px;width:32px;height:32px;background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ffd70080;animation:checkBounce .5s ease}@keyframes checkBounce{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.selected-indicator span{color:#0a0e27;font-size:18px;font-weight:700}.new-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#ff0080 0%,#ff4444 100%);color:#fff;padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 0 20px #ff008080;animation:newPulse 2s ease-in-out infinite}@keyframes newPulse{0%,to{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 20px #ff008080}50%{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 30px #ff0080b3}}.mastery-indicator{position:absolute;bottom:48px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);font-size:12px;text-shadow:0 0 10px rgba(255,215,0,.5);animation:starTwinkle 2s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:.8}50%{opacity:1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#8a8aa0;animation:emptyFadeIn .5s ease}@keyframes emptyFadeIn{0%{opacity:0}to{opacity:1}}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5;animation:emptyFloat 3s ease-in-out infinite}@keyframes emptyFloat{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.empty-text{font-size:16px;text-transform:uppercase;letter-spacing:2px;font-weight:600;color:#cdaa3d;text-shadow:0 0 10px rgba(205,170,61,.3)}.card-preview-grid-container::-webkit-scrollbar{width:12px}.card-preview-grid-container::-webkit-scrollbar-track{background:#0c0e1a;border:1px solid #3c4043;border-radius:2px}.card-preview-grid-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cdaa3d 0%,#c89b3c 50%,#cdaa3d 100%);border-radius:2px;border:1px solid #f0e6d2}.card-preview-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0e6d2 0%,#cdaa3d 50%,#f0e6d2 100%);box-shadow:0 0 10px #cdaa3d80}@media (max-width: 320px){.card-preview-grid-container{padding:8px}.card-preview-grid{grid-template-columns:repeat(2,1fr);gap:8px}.card-preview-item{min-height:120px;padding:6px}.border-info{padding:6px;background:linear-gradient(to top,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 50%,transparent 100%)}.border-name{font-size:11px;color:var(--color-text-primary, #333333);text-shadow:none}.border-rarity{font-size:9px;color:var(--color-text-secondary, #666666);text-shadow:none}.new-badge,.mastery-indicator{display:none}.selected-indicator{width:24px;height:24px;top:4px;right:4px}.selected-indicator span{font-size:14px}}@media (min-width: 321px) and (max-width: 480px){.card-preview-grid-container{padding:10px}.card-preview-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-preview-item{min-height:140px;padding:6px}.border-info{padding:8px;background:linear-gradient(to top,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 50%,transparent 100%)}.border-name{font-size:12px;color:var(--color-text-primary, #333333)}.border-rarity{font-size:10px;color:var(--color-text-secondary, #666666)}.new-badge{padding:3px 8px;font-size:9px}}@media (min-width: 481px) and (max-width: 768px){.card-preview-grid-container{padding:12px}.card-preview-grid{grid-template-columns:repeat(3,1fr);gap:12px}.card-preview-item{min-height:150px}.border-info{padding:10px}.border-name{font-size:13px}.border-rarity{font-size:10px}}@media (min-width: 769px) and (max-width: 1024px){.card-preview-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}}@media (min-width: 1025px) and (max-width: 1400px){.card-preview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}}@media (hover: none) and (pointer: coarse){.card-preview-item:hover{-webkit-transform:none;transform:none;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.card-preview-item:active{-webkit-transform:scale(.98);transform:scale(.98);opacity:.9}.card-preview-item{min-height:44px;touch-action:manipulation}.card-preview-item:hover:after{display:none}.card-preview-item.locked:hover{-webkit-transform:none;transform:none}}@media (max-width: 768px){.card-preview-grid-container{-webkit-overflow-scrolling:touch;will-change:scroll-position}.card-preview-grid-container::-webkit-scrollbar{width:4px}.card-preview-grid-container::-webkit-scrollbar-track{background:transparent}.card-preview-grid-container::-webkit-scrollbar-thumb{background:rgba(177,139,255,.3);border-radius:2px;border:none}@keyframes legendaryGlow{0%,to{box-shadow:none}}@keyframes mythicRainbow{0%,to{filter:none}}@keyframes emptyFloat{0%,to{-webkit-transform:none;transform:none}}.empty-icon{animation:none}}@media (max-width: 480px){.card-preview-grid.list{grid-template-columns:1fr;gap:8px}.card-preview-grid.list .card-preview-item{max-width:100%;display:flex;align-items:center;min-height:60px;padding:8px}.card-preview-grid.list .border-info{position:static;background:none;padding:0 0 0 12px;flex:1}}@media (max-width: 768px){.card-preview-grid.carousel{padding:12px 0;gap:12px}.card-preview-grid.carousel .card-preview-item{min-width:200px;max-width:250px}}@media (max-width: 768px) and (orientation: landscape){.card-preview-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.card-preview-item{min-height:100px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.card-preview-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.card-preview-item{animation:none!important;transition:opacity .2s ease!important}.card-preview-grid{animation:none!important}}.favorites-bar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(254,240,138,.05) 25%,rgba(251,207,232,.05) 50%,rgba(221,214,254,.05) 75%,rgba(255,255,255,.95) 100%);border-top:1px solid rgba(177,139,255,.15);border-radius:var(--radius-lg, 12px);margin-top:auto;flex:0 0 auto;height:90px;min-height:90px;max-height:90px;position:relative;overflow:visible;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.favorites-label{font-size:11px;font-weight:600;color:var(--color-text-tertiary, #9CA3AF);text-transform:uppercase;letter-spacing:1px;writing-mode:vertical-rl;text-orientation:mixed;padding:8px 4px;background:linear-gradient(180deg,rgba(177,139,255,.05) 0%,transparent 100%);border-right:1px solid rgba(177,139,255,.1);margin-right:8px;height:100%;display:flex;align-items:center;justify-content:center}.favorites-slots{display:flex;gap:12px;align-items:center;flex:1;height:100%;padding:8px 0}.favorite-slot{position:relative;width:65px;height:70px;background:linear-gradient(135deg,rgba(255,255,255,.8) 0%,rgba(221,214,254,.05) 100%);border:2px solid rgba(177,139,255,.1);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.favorite-slot:hover{-webkit-transform:translateY(-3px) scale(1.03);transform:translateY(-3px) scale(1.03);border-color:#b18bff4d;background:white;box-shadow:var(--shadow-lg, 0 10px 15px rgba(0, 0, 0, .1)),0 0 16px #b18bff26}.favorite-slot.has-border{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(221,214,254,.1) 100%);border-color:#b18bff33}.favorite-slot.empty{border-style:dashed;border-color:#b18bff26;background:rgba(221,214,254,.03)}.favorite-slot.empty:hover{border-color:#b18bff40;background:rgba(221,214,254,.08)}.empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:100%}.empty-icon{font-size:18px;color:#b18bff66;font-weight:300;margin-top:2px}.empty-text{font-size:7px;color:var(--color-text-tertiary, #9CA3AF);text-transform:uppercase;letter-spacing:.3px;font-weight:600;text-align:center;line-height:1.2;margin-bottom:2px}.border-preview{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;position:relative}.border-name{font-size:9px;color:var(--color-text-primary, #333333);text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.2;max-width:100%;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.remove-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;background:var(--color-task-pink-background, #FBCFE8);border:1px solid var(--color-task-pink-border, #F472B6);border-radius:50%;color:var(--color-task-pink-border, #F472B6);font-size:10px;font-weight:700;cursor:pointer;opacity:0;transition:all .15s ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.favorite-slot:hover .remove-btn{opacity:1}.remove-btn:hover{background:var(--color-task-pink-border, #F472B6);color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.usage-badge{position:absolute;bottom:2px;right:2px;background:var(--color-task-blue-background, #BFDBFE);color:var(--color-task-blue-border, #60A5FA);padding:1px 4px;border-radius:var(--radius-pill, 14px);font-size:9px;font-weight:700;min-width:16px;text-align:center;box-shadow:0 1px 2px #0000001a;border:1px solid rgba(96,165,250,.2)}.favorite-slot.drag-over{border-color:var(--color-task-purple-brand, #B18BFF);background:rgba(177,139,255,.1);animation:cozyDragPulse .6s ease infinite;-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 24px #b18bff4d}@keyframes cozyDragPulse{0%,to{box-shadow:0 0 12px #b18bff33}50%{box-shadow:0 0 20px #b18bff66}}.drag-indicator{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:var(--color-task-purple-brand, #B18BFF);color:#fff;padding:4px 8px;border-radius:var(--radius-base, 6px);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;pointer-events:none;z-index:10}.external-drop-zone{position:absolute;bottom:-30px;left:0;right:0;height:25px;background:linear-gradient(180deg,rgba(177,139,255,0) 0%,rgba(177,139,255,.03) 100%);border:1px dashed rgba(177,139,255,.15);border-top:none;border-radius:0 0 var(--radius-lg, 12px) var(--radius-lg, 12px);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;pointer-events:none}.favorites-bar:hover .external-drop-zone{opacity:1;pointer-events:all}.external-drop-zone.active{background:rgba(177,139,255,.08);border-color:#b18bff4d}.external-drop-zone span{font-size:9px;color:var(--color-task-purple-brand, #B18BFF);text-transform:uppercase;letter-spacing:.5px;font-weight:600}@keyframes quickSelect{0%{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 #b18bff80}50%{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 16px 8px #b18bff00}to{-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 #b18bff00}}@media (max-width: 320px){.favorites-bar{padding:8px;height:70px;min-height:70px;max-height:70px;margin-top:8px}.favorites-label{display:none}.favorites-slots{gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:4px 0}.favorites-slots::-webkit-scrollbar{height:3px}.favorites-slots::-webkit-scrollbar-track{background:transparent}.favorites-slots::-webkit-scrollbar-thumb{background:rgba(177,139,255,.2);border-radius:1.5px}.favorite-slot{width:60px;height:60px;min-width:60px;min-height:60px;flex-shrink:0;scroll-snap-align:center}.empty-icon{font-size:16px}.empty-text{font-size:6px}.border-name{font-size:8px}.remove-btn{width:18px;height:18px;font-size:11px}.usage-badge{font-size:8px;padding:1px 3px}.external-drop-zone{display:none}}@media (min-width: 321px) and (max-width: 480px){.favorites-bar{padding:10px;height:75px;min-height:75px;max-height:75px}.favorites-label{display:none}.favorites-slots{gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.favorite-slot{width:65px;height:65px;min-width:65px;min-height:65px;flex-shrink:0;scroll-snap-align:center}.empty-icon{font-size:16px}.empty-text{font-size:7px}.border-name{font-size:8px}.external-drop-zone{display:none}}@media (min-width: 481px) and (max-width: 768px){.favorites-bar{padding:10px 14px;height:80px;min-height:80px;max-height:80px}.favorites-label{display:none}.favorites-slots{gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.favorite-slot{width:70px;height:70px;min-width:70px;min-height:70px;flex-shrink:0}.external-drop-zone{display:none}}@media (min-width: 769px) and (max-width: 1024px){.favorites-bar{padding:12px 16px;height:85px;min-height:85px;max-height:85px}.favorites-slots{gap:12px}.favorite-slot{width:70px;height:75px}}@media (hover: none) and (pointer: coarse){.favorite-slot:hover{-webkit-transform:none;transform:none;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.favorites-bar:hover .external-drop-zone{opacity:0;pointer-events:none}.remove-btn{opacity:1}.favorite-slot:active{-webkit-transform:scale(.95);transform:scale(.95);opacity:.9}.favorite-slot{min-width:44px;min-height:44px;touch-action:manipulation}.remove-btn{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}@media (max-width: 768px){.favorites-slots{position:relative}.favorites-bar:before,.favorites-bar:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:1}.favorites-bar:before{left:0;background:linear-gradient(to right,rgba(255,255,255,.95) 0%,transparent 100%)}.favorites-bar:after{right:0;background:linear-gradient(to left,rgba(255,255,255,.95) 0%,transparent 100%)}}@media (max-width: 768px){@keyframes cozyDragPulse{0%,to{box-shadow:none}}@keyframes quickSelect{0%,to{-webkit-transform:none;transform:none}}.favorite-slot.drag-over{animation:none;border-color:var(--color-task-purple-brand, #B18BFF);background:rgba(177,139,255,.1)}}@media (max-width: 768px) and (orientation: landscape){.favorites-bar{height:60px;min-height:60px;max-height:60px;padding:6px 10px}.favorite-slot{width:50px;height:50px;min-width:50px;min-height:50px}.empty-icon{font-size:14px}.empty-text{display:none}.border-name{font-size:7px}}@supports (-webkit-touch-callout: none){.favorites-slots{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (prefers-reduced-motion: reduce){.favorite-slot{animation:none!important;transition:opacity .2s ease!important}.favorite-slot.drag-over{animation:none!important}}.collection-stats{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(221,214,254,.08) 50%,rgba(255,255,255,.95) 100%);border-top:1px solid rgba(177,139,255,.15);border-bottom:1px solid rgba(177,139,255,.15);position:relative;overflow:hidden;margin-bottom:12px;min-height:70px;max-height:80px;flex:0 0 auto;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.collection-stats:before,.collection-stats:after{content:"";position:absolute;width:12px;height:12px;background:var(--color-task-purple-brand, #B18BFF);border-radius:50%;opacity:.15}.collection-stats:before{top:12px;left:12px}.collection-stats:after{top:12px;right:12px}.collection-stats-bg{position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(177,139,255,.03) 50%,transparent 100%);animation:statsSweep 12s ease-in-out infinite;pointer-events:none}@keyframes statsSweep{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(50%);transform:translate(50%)}}.stats-row{display:flex;align-items:center;gap:32px;flex:1;z-index:1;position:relative}.stat-card{display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(221,214,254,.05) 100%);border:1px solid rgba(177,139,255,.15);border-radius:var(--radius-lg, 12px);position:relative;transition:all .2s ease;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.stat-card:hover{-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02);border-color:#b18bff4d;background:white;box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.stat-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-task-purple-brand, #B18BFF) 0%,var(--color-task-purple-accent, rgba(168, 85, 247, .8)) 100%);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md, 8px);font-size:18px;color:#fff;box-shadow:0 2px 8px #b18bff4d,inset 0 1px 2px #ffffff4d;animation:iconGentlePulse 4s ease-in-out infinite}@keyframes iconGentlePulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.03);transform:scale(1.03)}}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:10px;color:var(--color-text-tertiary, #9CA3AF);text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-value{font-size:20px;color:var(--color-text-primary, #333333);font-weight:700;letter-spacing:.5px}.level-progress{position:relative;height:8px;background:rgba(221,214,254,.1);border:1px solid rgba(177,139,255,.15);border-radius:var(--radius-full, 9999px);overflow:hidden;margin-top:4px;width:100%}.level-header{display:flex;justify-content:space-between;align-items:center}.level-text{font-size:12px;color:var(--color-task-purple-brand, #B18BFF);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.level-xp{font-size:11px;color:var(--color-text-tertiary, #9CA3AF)}.level-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-task-purple-brand, #B18BFF) 0%,var(--color-task-pink-border, #F472B6) 25%,var(--color-task-purple-brand, #B18BFF) 50%,var(--color-task-blue-border, #60A5FA) 75%,var(--color-task-purple-brand, #B18BFF) 100%);background-size:200% 100%;border-radius:var(--radius-full, 9999px);position:relative;animation:progressShine 6s ease-in-out infinite;box-shadow:0 0 12px #b18bff66,inset 0 0 4px #ffffff4d;transition:width .5s cubic-bezier(.25,.46,.45,.94)}@keyframes progressShine{0%{background-position:200% 0}to{background-position:-200% 0}}.xp-text{font-size:9px;color:var(--color-task-purple-brand, #B18BFF);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.collection-progress{position:relative;height:8px;background:rgba(191,219,254,.1);border:1px solid rgba(96,165,250,.15);border-radius:var(--radius-full, 9999px);overflow:hidden;margin-top:4px;width:100%}.collection-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-task-blue-background, #BFDBFE) 0%,var(--color-task-blue-border, #60A5FA) 50%,var(--color-task-blue-background, #BFDBFE) 100%);background-size:200% 100%;border-radius:var(--radius-full, 9999px);position:relative;animation:collectionPulse 5s ease-in-out infinite;box-shadow:0 0 12px #60a5fa66,inset 0 0 4px #ffffff4d;transition:width .8s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:flex-end;padding-right:4px}@keyframes collectionPulse{0%,to{opacity:.9;background-position:0% 0}50%{opacity:1;background-position:100% 0}}.progress-text{font-size:8px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.streak-card .stat-icon{background:linear-gradient(135deg,var(--color-task-orange-background, #FED7AA) 0%,var(--color-task-pink-background, #FBCFE8) 50%,var(--color-task-orange-background, #FED7AA) 100%);animation:cozyFlamePulse 3s ease-in-out infinite}@keyframes cozyFlamePulse{0%,to{-webkit-transform:scale(1);transform:scale(1);filter:brightness(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);filter:brightness(1.1)}}.streak-best{font-size:9px;color:var(--color-text-tertiary, #9CA3AF);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.season-rank{font-size:10px;color:var(--color-task-purple-brand, #B18BFF);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-weight:600}.rarity-breakdown{display:none}.milestones-section{display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(135deg,rgba(177,139,255,.05) 0%,rgba(177,139,255,.02) 100%);border:1px solid rgba(177,139,255,.15);border-radius:var(--radius-lg, 12px);position:relative}.milestone-item{display:flex;align-items:center;gap:8px}.milestone-icon{font-size:20px;filter:drop-shadow(0 0 4px rgba(177,139,255,.3))}.milestone-info{display:flex;flex-direction:column;gap:2px}.milestone-name{font-size:10px;color:var(--color-text-tertiary, #9CA3AF);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.milestone-target{font-size:12px;color:var(--color-task-purple-brand, #B18BFF);font-weight:700}.level-up-animation{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10000;animation:levelUpBurst 3s ease-out forwards}@keyframes levelUpBurst{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:1}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);opacity:1}to{-webkit-transform:translate(-50%,-50%) scale(1.3);transform:translate(-50%,-50%) scale(1.3);opacity:0}}.level-up-content{background:linear-gradient(135deg,var(--color-task-yellow-background, #FEF08A) 0%,var(--color-task-pink-background, #FBCFE8) 50%,var(--color-task-purple-background, #DDD6FE) 100%);padding:24px 48px;border-radius:var(--radius-xl, 16px);border:2px solid rgba(255,255,255,.5);box-shadow:0 0 40px #b18bff66,0 0 80px #b18bff33,inset 0 0 20px #ffffff80;text-align:center}.level-up-icon{font-size:48px;margin-bottom:12px;filter:drop-shadow(0 0 16px rgba(255,255,255,.8));animation:levelUpSpin 1s ease}@keyframes levelUpSpin{0%{-webkit-transform:rotate(0deg) scale(0);transform:rotate(0) scale(0)}50%{-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}to{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.level-up-text{font-size:24px;font-weight:700;color:var(--color-text-primary, #333333);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1),0 0 16px rgba(255,255,255,.5)}.level-up-number{font-size:18px;font-weight:600;color:var(--color-text-secondary, #666666);text-transform:uppercase;letter-spacing:1px}@media (max-width: 320px){.collection-stats{padding:8px;min-height:auto;max-height:auto;margin-bottom:8px}.collection-stats:before,.collection-stats:after,.collection-stats-bg{display:none}.stats-row{flex-direction:column;gap:8px;overflow:visible}.stat-card{padding:6px 10px;display:flex;width:100%;min-width:auto}.stat-icon{width:24px;height:24px;font-size:12px}.stat-label{font-size:9px}.stat-value{font-size:14px}.level-progress,.collection-progress{height:6px}.milestones-section{display:none}}@media (min-width: 321px) and (max-width: 480px){.collection-stats{padding:10px;min-height:60px;max-height:70px}.collection-stats:before,.collection-stats:after{display:none}.stats-row{gap:10px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.stats-row::-webkit-scrollbar{height:3px}.stats-row::-webkit-scrollbar-track{background:transparent}.stats-row::-webkit-scrollbar-thumb{background:rgba(177,139,255,.2);border-radius:1.5px}.stat-card{padding:6px 12px;min-width:110px;flex-shrink:0}.stat-icon{width:28px;height:28px;font-size:14px}.stat-label{font-size:9px}.stat-value{font-size:16px}.milestones-section{display:none}}@media (min-width: 481px) and (max-width: 768px){.collection-stats{padding:10px 12px;min-height:65px;max-height:75px}.collection-stats:before,.collection-stats:after{width:8px;height:8px}.stats-row{gap:12px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.stat-card{padding:8px 14px;min-width:130px;flex-shrink:0}.stat-icon{width:32px;height:32px;font-size:16px}.stat-value{font-size:18px}.milestones-section{display:none}}@media (min-width: 769px) and (max-width: 1024px){.collection-stats{padding:12px 16px}.stats-row{gap:16px;flex-wrap:wrap}.stat-card{padding:8px 14px;flex:1 1 auto;min-width:140px}}@media (min-width: 1025px) and (max-width: 1200px){.collection-stats{padding:12px 18px}.stats-row{gap:20px}.stat-card{padding:8px 16px;min-width:150px}}@media (hover: none) and (pointer: coarse){.stat-card:hover{-webkit-transform:none;transform:none;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.stat-card:active{-webkit-transform:scale(.98);transform:scale(.98);opacity:.9}.stat-card{min-height:44px}}@media (max-width: 768px){@keyframes statsSweep{0%,to{-webkit-transform:none;transform:none}}@keyframes iconGentlePulse{0%,to{-webkit-transform:none;transform:none}}@keyframes progressShine{0%,to{background-position:0% 0}}@keyframes collectionPulse{0%,to{opacity:.9}}@keyframes cozyFlamePulse{0%,to{-webkit-transform:none;transform:none}}.collection-stats-bg{animation:none}.level-progress-bar,.collection-progress-bar{animation:none;background:var(--color-task-purple-brand, #B18BFF)}.stat-icon{animation:none}}@media (max-width: 768px) and (orientation: landscape){.collection-stats{padding:8px 10px;min-height:50px;max-height:60px}.stats-row{gap:10px}.stat-card{padding:4px 10px;min-width:100px}.stat-icon{width:24px;height:24px;font-size:12px}.stat-value{font-size:14px}.stat-label{font-size:8px}}@supports (-webkit-touch-callout: none){.stats-row{-webkit-overflow-scrolling:touch}}@media (prefers-reduced-motion: reduce){.collection-stats *{animation:none!important;transition:opacity .2s ease!important}.level-up-animation{display:none}}.arena-select-modal{position:fixed;inset:0;background:radial-gradient(ellipse at center,rgba(221,214,254,.95) 0%,rgba(251,207,232,.9) 35%,rgba(191,219,254,.85) 70%,rgba(254,240,138,.8) 100%);display:flex;justify-content:center;align-items:center;z-index:10000;animation:softFadeIn .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes softFadeIn{0%{opacity:0;-webkit-transform:scale(.98);transform:scale(.98)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.arena-select-modal:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(177,139,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 60%,rgba(251,207,232,.03) 0%,transparent 50%),radial-gradient(circle at 50% 90%,rgba(191,219,254,.03) 0%,transparent 50%),radial-gradient(circle at 10% 70%,rgba(254,240,138,.03) 0%,transparent 50%);pointer-events:none;animation:bubbleFloat 30s ease-in-out infinite}@keyframes bubbleFloat{0%,to{-webkit-transform:translate(0,0) scale(1);transform:translate(0) scale(1)}33%{-webkit-transform:translate(10px,-10px) scale(1.02);transform:translate(10px,-10px) scale(1.02)}66%{-webkit-transform:translate(-10px,10px) scale(.98);transform:translate(-10px,10px) scale(.98)}}.arena-content{position:relative;width:90%;max-width:1400px;height:85vh;background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(254,240,138,.05) 25%,rgba(251,207,232,.05) 50%,rgba(221,214,254,.05) 75%,rgba(255,255,255,.98) 100%);background-size:100% 100%;border:2px solid transparent;border-image:linear-gradient(135deg,var(--color-task-purple-brand, #B18BFF),var(--color-task-pink-border, #F472B6),var(--color-task-purple-brand, #B18BFF),var(--color-task-blue-border, #60A5FA),var(--color-task-purple-brand, #B18BFF)) 1;border-radius:var(--radius-xl, 16px);overflow:hidden;display:flex;flex-direction:column;animation:cozyEntrance .5s cubic-bezier(.25,.46,.45,.94);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}.arena-content:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--color-task-purple-brand, #B18BFF),var(--color-task-pink-background, #FBCFE8),var(--color-task-blue-background, #BFDBFE),var(--color-task-yellow-background, #FEF08A),var(--color-task-purple-brand, #B18BFF));background-size:400% 400%;border-radius:var(--radius-xl, 16px);z-index:-1;animation:gentleGradientShift 6s ease infinite;opacity:.2;filter:blur(8px)}@keyframes gentleGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes cozyEntrance{0%{-webkit-transform:translateY(20px) scale(.98);transform:translateY(20px) scale(.98);opacity:0}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1);opacity:1}}.arena-header{padding:16px 24px;background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(221,214,254,.08) 100%);border-bottom:2px solid rgba(177,139,255,.15);display:flex;align-items:center;justify-content:flex-end;gap:20px;position:relative;flex-wrap:nowrap;min-height:60px}.arena-header:before,.arena-header:after{content:"";position:absolute;width:8px;height:8px;background:var(--color-task-purple-brand, #B18BFF);border-radius:50%;opacity:.3}.arena-header:before{top:20px;left:20px}.arena-header:after{top:20px;right:20px}.arena-tabs{display:flex;gap:8px;flex:1 1 auto;min-width:200px;max-width:calc(100% - 400px);overflow-x:auto;padding-bottom:2px}.arena-tabs::-webkit-scrollbar{height:2px}.arena-tabs::-webkit-scrollbar-track{background:transparent}.arena-tabs::-webkit-scrollbar-thumb{background:rgba(177,139,255,.3);border-radius:1px}.arena-tab{position:relative;padding:10px 20px;background:linear-gradient(135deg,rgba(255,255,255,.8) 0%,rgba(221,214,254,.1) 100%);color:var(--color-text-secondary, #666666);border:1px solid rgba(177,139,255,.2);border-radius:var(--radius-lg, 12px);font-size:13px;font-weight:500;text-transform:none;letter-spacing:.5px;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.arena-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(177,139,255,.15),transparent);transition:left .4s ease}.arena-tab:hover:before{left:100%}.arena-tab:hover{color:var(--color-task-purple-brand, #B18BFF);border-color:#b18bff66;-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02);background:rgba(255,255,255,.95);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.arena-tab.active{background:linear-gradient(135deg,var(--color-task-purple-brand, #B18BFF) 0%,var(--color-task-purple-accent, rgba(168, 85, 247, .8)) 100%);color:#fff;border-color:transparent;font-weight:600;animation:tabActivate .2s ease;box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}@keyframes tabActivate{0%{-webkit-transform:scale(.98);transform:scale(.98)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}.arena-search{position:relative;flex:0 0 250px;min-width:200px}.arena-search-input{width:100%;padding:10px 16px 10px 40px;background:rgba(255,255,255,.9);border:1px solid rgba(177,139,255,.2);border-radius:var(--radius-lg, 12px);color:var(--color-text-primary, #333333);font-size:14px;font-weight:400;outline:none;transition:all .2s ease}.arena-search:before{content:"🔍";position:absolute;left:14px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;opacity:.5}.arena-search-input::placeholder{color:var(--color-text-tertiary, #9CA3AF);text-transform:none;font-size:13px;letter-spacing:0}.arena-search-input:focus{border-color:var(--color-task-purple-brand, #B18BFF);background:white;box-shadow:0 0 0 2px #b18bff33,var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.view-mode-toggle{display:flex;gap:4px;background:rgba(255,255,255,.8);padding:4px;border-radius:var(--radius-md, 8px);border:1px solid rgba(177,139,255,.15);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.view-mode-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-tertiary, #9CA3AF);font-size:16px;cursor:pointer;transition:all .15s ease;border-radius:var(--radius-base, 6px)}.view-mode-btn:hover{color:var(--color-task-purple-brand, #B18BFF);background:rgba(177,139,255,.1)}.view-mode-btn.active{background:var(--color-task-purple-brand, #B18BFF);color:#fff;box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.arena-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);border:1px solid rgba(244,114,182,.2);border-radius:var(--radius-full, 9999px);color:var(--color-text-secondary, #666666);font-size:18px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:0 0 auto;margin-left:8px}.arena-close:hover{background:var(--color-task-pink-background, #FBCFE8);color:var(--color-task-pink-border, #F472B6);border-color:var(--color-task-pink-border, #F472B6);-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:var(--shadow-md, 0 4px 6px rgba(0, 0, 0, .1))}.arena-main{flex:1 1 auto;overflow:hidden;padding:16px;position:relative;min-height:0;background:radial-gradient(ellipse at top left,rgba(177,139,255,.03) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(251,207,232,.03) 0%,transparent 50%);display:flex;flex-direction:column;gap:12px}.arena-main>*{flex-shrink:0}.arena-main .daily-featured-banner{flex:0 0 auto}.arena-main .card-preview-grid-container{flex:1 1 auto;min-height:300px;overflow-y:auto;overflow-x:hidden}.arena-main .favorites-bar{flex:0 0 auto}.arena-content{display:flex;flex-direction:column;height:85vh;max-height:85vh;overflow:hidden}.arena-header,.collection-stats{flex:0 0 auto}.arena-content .arena-main{flex:1 1 auto;min-height:200px}.arena-main::-webkit-scrollbar{width:10px}.arena-main::-webkit-scrollbar-track{background:rgba(221,214,254,.1);border-radius:var(--radius-full, 9999px)}.arena-main::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-task-purple-brand, #B18BFF) 0%,var(--color-task-purple-accent, rgba(168, 85, 247, .6)) 100%);border-radius:var(--radius-full, 9999px)}.arena-main::-webkit-scrollbar-thumb:hover{background:var(--color-task-purple-brand, #B18BFF);box-shadow:0 0 8px #b18bff4d}.arena-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.loading-spinner{width:60px;height:60px;position:relative;margin-bottom:24px}.loading-spinner:before,.loading-spinner:after{content:"";position:absolute;border:3px solid transparent;border-radius:50%;animation:gentleSpin 2.5s ease-in-out infinite}.loading-spinner:before{inset:0;border-top-color:var(--color-task-purple-brand, #B18BFF);border-right-color:var(--color-task-pink-border, #F472B6);animation-duration:2.5s}.loading-spinner:after{inset:8px;border-bottom-color:var(--color-task-blue-border, #60A5FA);border-left-color:var(--color-task-yellow-border, #FACC15);animation-duration:2s;animation-direction:reverse}@keyframes gentleSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.arena-loading p{font-size:15px;color:var(--color-text-secondary, #666666);text-transform:none;letter-spacing:.5px;font-weight:500;animation:softPulse 2s ease-in-out infinite}@keyframes softPulse{0%,to{opacity:.7}50%{opacity:1}}.daily-featured-banner{background:linear-gradient(135deg,var(--color-task-yellow-background, #FEF08A) 0%,var(--color-task-pink-background, #FBCFE8) 50%,var(--color-task-purple-background, #DDD6FE) 100%);border:2px solid rgba(177,139,255,.2);border-radius:var(--radius-lg, 12px);padding:10px 16px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;animation:softGlow 4s ease-in-out infinite;flex:0 0 auto;min-height:50px;max-height:60px}@keyframes softGlow{0%,to{box-shadow:0 0 16px #b18bff33,inset 0 0 16px #ffffff4d}50%{box-shadow:0 0 24px #b18bff4d,inset 0 0 20px #fff6}}.daily-featured-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);-webkit-transform:rotate(45deg);transform:rotate(45deg);animation:gentleShine 5s infinite}@keyframes gentleShine{0%{-webkit-transform:translateX(-100%) translateY(-100%) rotate(45deg);transform:translate(-100%) translateY(-100%) rotate(45deg)}to{-webkit-transform:translateX(100%) translateY(100%) rotate(45deg);transform:translate(100%) translateY(100%) rotate(45deg)}}.featured-label{background:white;color:var(--color-task-purple-brand, #B18BFF);padding:6px 14px;border-radius:var(--radius-pill, 14px);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(177,139,255,.2)}.featured-border{flex:1;font-size:16px;font-weight:600;color:var(--color-text-primary, #333333);text-shadow:0 1px 2px rgba(255,255,255,.8)}.featured-bonus{background:rgba(255,255,255,.9);padding:6px 16px;border-radius:var(--radius-pill, 14px);font-size:13px;font-weight:600;color:var(--color-task-purple-brand, #B18BFF);border:1px solid rgba(177,139,255,.2);text-transform:none;letter-spacing:.5px}.arena-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.4;z-index:0}.arena-content.transitioning{animation:cozyTransition .25s ease}@keyframes cozyTransition{0%{-webkit-transform:scale(1);transform:scale(1);filter:brightness(1)}50%{-webkit-transform:scale(.995);transform:scale(.995);filter:brightness(1.05)}to{-webkit-transform:scale(1);transform:scale(1);filter:brightness(1)}}@media (max-width: 320px){.arena-select-modal.mobile{padding:0}.arena-content.mobile{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;border:none;margin:0}.arena-header{padding:12px;flex-direction:column;gap:8px;min-height:auto}.arena-search{flex:1 1 100%;width:100%;margin-bottom:8px}.arena-search-input{font-size:16px}.arena-close{position:absolute;top:12px;right:12px;width:44px;height:44px;font-size:20px}.arena-main{padding:8px}.daily-featured-banner{padding:8px;font-size:12px}}@media (min-width: 321px) and (max-width: 480px){.arena-select-modal.mobile{padding:0}.arena-content.mobile{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0;border:none;margin:0}.arena-header{padding:14px;flex-direction:row;flex-wrap:wrap;gap:10px;min-height:auto}.arena-search{flex:1 1 calc(100% - 54px);min-width:200px}.arena-search-input{font-size:16px}.arena-close{width:44px;height:44px;font-size:20px}.arena-main{padding:10px}}@media (min-width: 481px) and (max-width: 768px){.arena-select-modal.mobile{padding:8px}.arena-content{width:100%;height:calc(100vh - 16px);max-width:100%;border-radius:var(--radius-lg, 12px)}.arena-header{padding:16px;flex-direction:row;flex-wrap:nowrap;gap:12px}.arena-search{flex:1 1 auto;max-width:300px}.arena-search-input{font-size:16px}.arena-close{width:44px;height:44px;font-size:20px}.arena-main{padding:12px}.arena-tabs{display:none}}@media (min-width: 769px) and (max-width: 1024px){.arena-content{width:95%;height:90vh;max-width:900px}.arena-header{padding:16px 20px}.arena-main{padding:14px}}.arena-select-modal.mobile{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(0,0,0,.5)}.arena-content.mobile{box-shadow:none}.arena-content.mobile:before{display:none}@media (hover: none) and (pointer: coarse){.arena-tab:hover,.arena-close:hover,.view-mode-btn:hover{-webkit-transform:none;transform:none;box-shadow:none}.arena-tab,.view-mode-btn{min-height:44px;padding:12px 16px}.arena-tab:active,.arena-close:active,.view-mode-btn:active{-webkit-transform:scale(.95);transform:scale(.95);opacity:.8}}@media (max-width: 768px){@keyframes softFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cozyEntrance{0%{opacity:0}to{opacity:1}}.arena-select-modal:before,.loading-spinner:after{animation:none}.loading-spinner:before{animation-duration:1.5s}.arena-header:before,.arena-header:after{display:none}.arena-main::-webkit-scrollbar{width:4px}}@supports (-webkit-touch-callout: none){.arena-main,.card-preview-grid-container{-webkit-overflow-scrolling:touch}.arena-select-modal.mobile{position:fixed;overflow:hidden}.arena-search-input{font-size:16px!important}}@media (hover: none) and (pointer: coarse) and (-webkit-min-device-pixel-ratio: 2),(hover: none) and (pointer: coarse) and (min-resolution: 2dppx){.arena-content{will-change:auto}}@media (max-width: 768px) and (orientation: landscape){.arena-content.mobile{height:100vh;max-height:100vh}.arena-header{padding:8px 12px;min-height:50px}.arena-main{padding:8px}.daily-featured-banner{display:none}}@keyframes softBubbles{0%{-webkit-transform:translateY(100vh) scale(0);transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.3;-webkit-transform:translateY(80vh) scale(.5);transform:translateY(80vh) scale(.5)}90%{opacity:.3;-webkit-transform:translateY(20vh) scale(1);transform:translateY(20vh) scale(1)}to{-webkit-transform:translateY(-100vh) scale(.8);transform:translateY(-100vh) scale(.8);opacity:0}}.arena-select-modal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(177,139,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(251,207,232,.05) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(191,219,254,.05) 0%,transparent 50%);pointer-events:none;animation:softBubbles 30s ease-in-out infinite}.card-preview-item{animation:borderEntrance .4s ease-out backwards}.card-preview-item:nth-child(1){animation-delay:.05s}.card-preview-item:nth-child(2){animation-delay:.1s}.card-preview-item:nth-child(3){animation-delay:.15s}.card-preview-item:nth-child(4){animation-delay:.2s}.card-preview-item:nth-child(5){animation-delay:.25s}.card-preview-item:nth-child(6){animation-delay:.3s}.card-preview-item:nth-child(7){animation-delay:.35s}.card-preview-item:nth-child(8){animation-delay:.4s}.card-preview-item:nth-child(9){animation-delay:.45s}.card-preview-item:nth-child(10){animation-delay:.5s}@keyframes borderEntrance{0%{opacity:0;-webkit-transform:translateY(12px) scale(.98);transform:translateY(12px) scale(.98)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.card-preview-item.legendary:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--color-task-yellow-background, #FEF08A),var(--color-task-orange-background, #FED7AA),var(--color-task-pink-background, #FBCFE8),var(--color-task-yellow-background, #FEF08A));background-size:400% 400%;border-radius:var(--radius-lg, 12px);opacity:.3;z-index:-1;animation:legendaryRotate 5s ease-in-out infinite;filter:blur(4px)}@keyframes legendaryRotate{0%{background-position:0% 50%}to{background-position:100% 50%}}.card-preview-item.mythic:before{content:"";position:absolute;inset:-3px;background:conic-gradient(from 0deg,var(--color-task-purple-background, #DDD6FE),var(--color-task-pink-background, #FBCFE8),var(--color-task-yellow-background, #FEF08A),var(--color-task-green-background, #BBF7D0),var(--color-task-blue-background, #BFDBFE),var(--color-task-purple-background, #DDD6FE));border-radius:var(--radius-lg, 12px);opacity:.4;z-index:-1;animation:mythicSpin 8s ease-in-out infinite;filter:blur(6px)}@keyframes mythicSpin{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.05);transform:rotate(180deg) scale(1.05)}to{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(177,139,255,.1),transparent);animation:statSweep 4s ease-in-out infinite}@keyframes statSweep{0%{left:-100%}50%,to{left:100%}}.level-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:progressGlow 3s ease-in-out infinite}@keyframes progressGlow{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}.card-preview-item:hover:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(177,139,255,.15) 0%,transparent 70%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;animation:hoverRipple .5s ease-out}@keyframes hoverRipple{0%{width:0;height:0;opacity:.8}to{width:200px;height:200px;opacity:0}}.arena-tab{position:relative;overflow:hidden}.arena-tab:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#cdaa3d,#f0e6d2,#cdaa3d);transition:width .3s ease}.arena-tab:hover:after{width:100%}.arena-tab.active:after{width:100%;height:3px;animation:tabGlow 2s ease-in-out infinite}@keyframes tabGlow{0%,to{opacity:.8}50%{opacity:1}}.arena-search-input:focus{animation:searchPulse 1s ease}@keyframes searchPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.02);transform:scale(1.02)}to{-webkit-transform:scale(1);transform:scale(1)}}.arena-close{position:relative;overflow:hidden}.arena-close:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,68,68,.6) 0%,transparent 60%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .3s ease}.arena-close:hover:before{width:100px;height:100px}.loading-spinner:after{content:"";position:absolute;top:50%;left:50%;width:60px;height:60px;border:2px solid transparent;border-top-color:#f0e6d2;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);animation:innerSpin 1s linear infinite reverse}@keyframes innerSpin{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(360deg);transform:translate(-50%,-50%) rotate(360deg)}}@keyframes milestoneAchieved{0%{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0);box-shadow:0 0 #cdaa3db3}50%{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg);box-shadow:0 0 30px 10px #cdaa3d00}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0);box-shadow:0 0 #cdaa3d00}}.milestone-achieved{animation:milestoneAchieved 1s ease}.arena-tab,.view-mode-btn,.card-preview-item,.stat-card,.arena-close,.arena-search-input{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.arena-select-modal *{will-change:auto}.card-preview-item:hover,.stat-card:hover,.arena-tab:hover{will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.arena-select-modal:after{display:none}@keyframes borderEntrance{0%{opacity:0}to{opacity:1}}.card-preview-item:nth-child(n){animation-delay:0s}.card-preview-item.legendary:before,.card-preview-item.mythic:before{display:none}.stat-card:before{display:none}.level-progress-bar:after{display:none}.card-preview-item:hover:after{display:none}.arena-tab:after{display:none}@keyframes searchPulse{0%,to{-webkit-transform:none;transform:none}}.arena-close:before{display:none}.loading-spinner:after{display:none}@keyframes milestoneAchieved{0%,to{-webkit-transform:none;transform:none}}.arena-tab,.view-mode-btn,.card-preview-item,.stat-card,.arena-close,.arena-search-input{transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease}}@media (hover: none) and (pointer: coarse){.card-preview-item:hover:after,.arena-tab:hover:after,.arena-close:hover:before{display:none}.card-preview-item:active,.arena-tab:active,.stat-card:active{transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;-webkit-transform:scale(.98);transform:scale(.98)}}@media (max-width: 768px) and (-webkit-max-device-pixel-ratio: 1.5),(max-width: 768px) and (max-resolution: 1.5dppx){@keyframes softBubbles{0%,to{-webkit-transform:none;transform:none}}@keyframes legendaryRotate{0%,to{background-position:0% 50%}}@keyframes mythicSpin{0%,to{-webkit-transform:none;transform:none}}@keyframes statSweep{0%,to{left:-100%}}@keyframes progressGlow{0%,to{-webkit-transform:none;transform:none}}@keyframes hoverRipple{0%,to{width:0;height:0}}@keyframes tabGlow{0%,to{opacity:.8}}@keyframes innerSpin{0%,to{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.arena-select-modal:after,.card-preview-item.legendary:before,.card-preview-item.mythic:before,.stat-card:before,.level-progress-bar:after{display:none!important}}@supports (-webkit-touch-callout: none){.arena-select-modal *{-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-preview-item,.stat-card{-webkit-transform:translateZ(0);transform:translateZ(0)}}@media (hover: none) and (pointer: coarse) and (-webkit-min-device-pixel-ratio: 2),(hover: none) and (pointer: coarse) and (min-resolution: 2dppx){.arena-select-modal{will-change:auto}.card-preview-item,.stat-card{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.analytics-dashboard{min-height:100vh;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:2rem;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto;height:100vh;box-sizing:border-box}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(75,85,99,.3)}.analytics-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-range-selector{display:flex;align-items:center;gap:1rem;background:rgba(30,41,59,.5);padding:.75rem 1.5rem;border-radius:12px;border:1px solid rgba(75,85,99,.3)}.date-range-selector label{font-weight:500;color:#9ca3af}.date-range-selector select{background:rgba(15,23,42,.5);color:#e5e7eb;border:1px solid rgba(75,85,99,.5);padding:.5rem 1rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s}.date-range-selector select:hover{border-color:#3b82f6;background:rgba(15,23,42,.8)}.date-range-selector select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{background:rgba(30,41,59,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(75,85,99,.3);border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s}.metric-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);border-color:#3b82f64d;box-shadow:0 10px 30px #0000004d}.metric-card:hover:before{opacity:1}.metric-card h3{font-size:.875rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.metric-value{font-size:2.5rem;font-weight:700;color:#f3f4f6;line-height:1;margin-bottom:.5rem}.metric-subtext{font-size:.875rem;color:#6b7280}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem}.chart-container{background:rgba(30,41,59,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(75,85,99,.3);border-radius:16px;padding:1.5rem;transition:all .3s}.chart-container.full-width{grid-column:1 / -1}.chart-container:hover{border-color:#3b82f64d;box-shadow:0 10px 30px #0000004d}.chart-container h3{font-size:1.125rem;font-weight:600;color:#e5e7eb;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(75,85,99,.3)}.chart-wrapper{height:300px;position:relative}.chart-container.full-width .chart-wrapper{height:400px}.stats-table{background:rgba(30,41,59,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(75,85,99,.3);border-radius:16px;padding:1.5rem;overflow-x:auto}.stats-table h3{font-size:1.25rem;font-weight:600;color:#e5e7eb;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(75,85,99,.3)}.stats-table table{width:100%;border-collapse:collapse}.stats-table th{text-align:left;padding:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:2px solid rgba(75,85,99,.3)}.stats-table td{padding:.75rem;color:#e5e7eb;border-bottom:1px solid rgba(75,85,99,.2)}.stats-table tr:hover td{background:rgba(59,130,246,.05)}.stats-table tr:last-child td{border-bottom:none}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.loading-spinner{width:60px;height:60px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.analytics-loading p{color:#9ca3af;font-size:1.125rem}.analytics-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.analytics-error h2{color:#ef4444;font-size:1.5rem;padding:2rem;background:rgba(239,68,68,.1);border:2px solid rgba(239,68,68,.3);border-radius:12px}@media (max-width: 768px){.analytics-dashboard{padding:1rem}.analytics-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.analytics-header h1{font-size:2rem}.date-range-selector{width:100%;justify-content:space-between}.metrics-grid,.charts-grid{grid-template-columns:1fr}.chart-wrapper{height:250px}.stats-table{padding:1rem}.stats-table table{font-size:.875rem}}@media (prefers-color-scheme: dark){.analytics-dashboard{background:linear-gradient(135deg,#0a0e1a 0%,#151925 100%)}.metric-card,.chart-container,.stats-table{background:rgba(20,27,45,.6);border-color:#37415166}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.metric-card{animation:fadeIn .5s ease-out}.chart-container{animation:fadeIn .6s ease-out}.metric-card:nth-child(1){animation-delay:.1s}.metric-card:nth-child(2){animation-delay:.15s}.metric-card:nth-child(3){animation-delay:.2s}.metric-card:nth-child(4){animation-delay:.25s}.metric-card:nth-child(5){animation-delay:.3s}.metric-card:nth-child(6){animation-delay:.35s}.chart-container:nth-child(1){animation-delay:.4s}.chart-container:nth-child(2){animation-delay:.45s}.chart-container:nth-child(3){animation-delay:.5s}.chart-container:nth-child(4){animation-delay:.55s}.chart-container:nth-child(5){animation-delay:.6s}.account-page{position:fixed;inset:0;background-color:#f9fafb;overflow-y:auto;z-index:1000;padding:20px}.account-container{max-width:800px;margin:0 auto;background:white;border-radius:12px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden}.account-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.header-title{display:flex;align-items:center;gap:12px}.header-title h1{margin:0;font-size:24px;font-weight:600}.close-button{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.close-button:hover{background:rgba(255,255,255,.3)}.account-section{padding:24px;border-bottom:1px solid #e5e7eb}.account-section:last-child{border-bottom:none}.account-section h2{margin:0 0 20px;font-size:20px;font-weight:600;color:#111827}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:14px;color:#6b7280;font-weight:500}.info-value{font-size:16px;color:#111827;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.stat-card{background:#f9fafb;padding:16px;border-radius:8px;text-align:center;border:1px solid #e5e7eb}.stat-value{font-size:24px;font-weight:600;color:#667eea;margin-bottom:4px}.stat-label{font-size:14px;color:#6b7280}.danger-zone{background:#fef2f2}.delete-warning{display:flex;gap:16px;padding:16px;background:white;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px}.warning-icon{color:#ef4444;flex-shrink:0}.warning-content h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#991b1b}.warning-content p{margin:0;font-size:14px;color:#7f1d1d;line-height:1.5}.delete-button{background:#ef4444;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.delete-button:hover{background:#dc2626}.delete-button:disabled{background:#fca5a5;cursor:not-allowed}.delete-confirm{padding:20px;background:white;border:1px solid #fecaca;border-radius:8px}.confirm-instruction{margin:0 0 12px;font-size:14px;color:#7f1d1d}.confirm-input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;margin-bottom:16px}.confirm-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.confirm-buttons{display:flex;gap:12px;justify-content:flex-end}.cancel-button{background:white;color:#6b7280;border:1px solid #e5e7eb;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background:#f9fafb}.confirm-delete-button{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s}.confirm-delete-button:hover:not(:disabled){background:#dc2626}.confirm-delete-button:disabled{background:#fca5a5;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.error-message{margin:0 24px 24px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;align-items:center;gap:8px;font-size:14px}@media (max-width: 768px){.account-page{padding:0}.account-container{max-width:100%;border-radius:0;min-height:100vh}.account-header{padding:16px;position:sticky;top:0;z-index:10}.header-title h1{font-size:20px}.account-section{padding:16px}.info-grid{grid-template-columns:1fr;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:12px}.stat-value{font-size:20px}.delete-warning,.confirm-buttons{flex-direction:column}.cancel-button,.confirm-delete-button{width:100%;justify-content:center}}@supports (padding: env(safe-area-inset-top)){.account-page{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.account-header{padding-top:calc(16px + env(safe-area-inset-top))}}