:root{--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--shadow-none: none;--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--shadow-floating: 0 12px 28px rgba(0, 0, 0, .12), 0 8px 12px rgba(0, 0, 0, .08);--ring-width: 3px;--ring-offset: 2px;--ring-color: rgba(59, 130, 246, .4);--glass-blur-sm: 8px;--glass-blur-md: 12px;--glass-blur-lg: 16px;--glass-blur-xl: 24px;--glass-surface-bg: rgba(255, 255, 255, .7);--glass-surface-border: rgba(0, 0, 0, .06);--glass-surface-shadow: 0 2px 8px rgba(0, 0, 0, .04);--glass-surface-glow: inset 0 1px 0 rgba(255, 255, 255, .8);--glass-panel-bg: rgba(255, 255, 255, .85);--glass-panel-border: rgba(0, 0, 0, .08);--glass-panel-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-panel-glow: inset 0 1px 0 rgba(255, 255, 255, 1);--glass-floating-bg: rgba(255, 255, 255, .92);--glass-floating-border: rgba(0, 0, 0, .1);--glass-floating-shadow: 0 12px 40px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);--glass-floating-glow: inset 0 1px 0 rgba(255, 255, 255, 1);--glass-hover-bg: rgba(255, 255, 255, .8);--glass-active-bg: rgba(255, 255, 255, .6);--color-like: #ef4444;--color-like-light: #fca5a5;--color-like-bg: rgba(239, 68, 68, .1);--color-badge: #f59e0b;--color-badge-light: #fcd34d;--color-badge-bg: rgba(245, 158, 11, .1);--verified-check-color: #ffffff;--color-streak: #f97316;--color-streak-light: #fdba74;--color-streak-bg: rgba(249, 115, 22, .1);--color-warning: #eab308;--color-warning-light: #fde047;--color-warning-bg: rgba(234, 179, 8, .1);--color-follow: #0095f6;--color-follow-light: #60a5fa;--color-follow-bg: rgba(0, 149, 246, .1);--color-info: #3b82f6;--color-info-light: #93c5fd;--color-info-bg: rgba(59, 130, 246, .1);--color-success-bg: rgba(34, 197, 94, .1);--btn-xs-height: 1.75rem;--btn-xs-padding-x: .5rem;--btn-xs-font-size: var(--text-xs);--btn-xs-icon-size: .875rem;--btn-xs-radius: var(--radius-md);--btn-sm-height: 2rem;--btn-sm-padding-x: .75rem;--btn-sm-font-size: var(--text-xs);--btn-sm-icon-size: 1rem;--btn-sm-radius: var(--radius-md);--btn-md-height: 2.25rem;--btn-md-padding-x: 1rem;--btn-md-font-size: var(--text-base);--btn-md-icon-size: 1.125rem;--btn-md-radius: var(--radius-md);--btn-lg-height: 2.75rem;--btn-lg-padding-x: 1.5rem;--btn-lg-font-size: var(--text-md);--btn-lg-icon-size: 1.25rem;--btn-lg-radius: var(--radius-md);--transition-fast: .15s;--transition-normal: .2s;--transition-slow: .3s;--transition-slower: .4s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--input-padding-x: var(--space-3);--input-radius: var(--radius-md)}[data-theme=dark]{--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4), 0 10px 10px rgba(0, 0, 0, .2);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2);--shadow-floating: 0 12px 28px rgba(0, 0, 0, .4), 0 8px 12px rgba(0, 0, 0, .3);--ring-color: rgba(96, 165, 250, .5);--glass-surface-bg: rgba(30, 30, 30, .6);--glass-surface-border: rgba(255, 255, 255, .08);--glass-surface-shadow: 0 2px 8px rgba(0, 0, 0, .3);--glass-surface-glow: inset 0 1px 0 rgba(255, 255, 255, .05);--glass-panel-bg: rgba(20, 20, 20, .85);--glass-panel-border: rgba(255, 255, 255, .1);--glass-panel-shadow: 0 8px 32px rgba(0, 0, 0, .5);--glass-panel-glow: inset 0 1px 0 rgba(255, 255, 255, .08);--glass-floating-bg: rgba(25, 25, 25, .95);--glass-floating-border: rgba(255, 255, 255, .12);--glass-floating-shadow: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .4);--glass-floating-glow: inset 0 1px 0 rgba(255, 255, 255, .1);--glass-hover-bg: rgba(50, 50, 50, .7);--glass-active-bg: rgba(40, 40, 40, .8);--color-like: #f87171;--color-like-light: #fca5a5;--color-like-bg: rgba(248, 113, 113, .15);--color-badge: #fbbf24;--color-badge-light: #fde047;--color-badge-bg: rgba(251, 191, 36, .15);--verified-check-color: #1a1a1a;--color-streak: #fb923c;--color-streak-light: #fdba74;--color-streak-bg: rgba(251, 146, 60, .15);--color-warning: #facc15;--color-warning-light: #fef08a;--color-warning-bg: rgba(250, 204, 21, .15);--color-follow: #60a5fa;--color-follow-light: #93c5fd;--color-follow-bg: rgba(96, 165, 250, .15);--color-info: #60a5fa;--color-info-light: #93c5fd;--color-info-bg: rgba(96, 165, 250, .15)}.glass-base{position:relative;-webkit-backdrop-filter:blur(var(--glass-blur-md));backdrop-filter:blur(var(--glass-blur-md));transition:background-color var(--transition-normal) var(--ease-default),border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default),transform var(--transition-normal) var(--ease-default)}.glass-surface{background:var(--glass-surface-bg);border:1px solid var(--glass-surface-border);box-shadow:var(--glass-surface-shadow),var(--glass-surface-glow);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));transition:background-color var(--transition-normal) var(--ease-default),border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default),transform var(--transition-normal) var(--ease-default)}.glass-surface-interactive{background:var(--glass-surface-bg);border:1px solid var(--glass-surface-border);box-shadow:var(--glass-surface-shadow),var(--glass-surface-glow);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));transition:background-color var(--transition-normal) var(--ease-default),border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default),transform var(--transition-normal) var(--ease-default);cursor:pointer}.glass-surface-interactive:hover{background:var(--glass-hover-bg);border-color:var(--glass-panel-border);box-shadow:var(--shadow-elevated),var(--glass-surface-glow);transform:translateY(-1px)}.glass-surface-interactive:active{background:var(--glass-active-bg);transform:translateY(0) scale(.99)}.glass-surface-interactive:focus-visible{outline:none;box-shadow:var(--glass-surface-shadow),var(--glass-surface-glow),0 0 0 var(--ring-width) var(--ring-color)}.glass-panel{background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);box-shadow:var(--glass-panel-shadow),var(--glass-panel-glow);-webkit-backdrop-filter:blur(var(--glass-blur-md));backdrop-filter:blur(var(--glass-blur-md));transition:background-color var(--transition-normal) var(--ease-default),border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default)}.glass-panel-elevated{background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);box-shadow:var(--shadow-floating),var(--glass-panel-glow);-webkit-backdrop-filter:blur(var(--glass-blur-md));backdrop-filter:blur(var(--glass-blur-md));transition:background-color var(--transition-normal) var(--ease-default),border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default)}.glass-floating{background:var(--glass-floating-bg);border:1px solid var(--glass-floating-border);box-shadow:var(--glass-floating-shadow),var(--glass-floating-glow);-webkit-backdrop-filter:blur(var(--glass-blur-lg));backdrop-filter:blur(var(--glass-blur-lg));transition:background-color var(--transition-normal) var(--ease-default),border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default),opacity var(--transition-normal) var(--ease-default),transform var(--transition-normal) var(--ease-default)}.glass-floating-interactive{background:var(--glass-floating-bg);border:1px solid var(--glass-floating-border);box-shadow:var(--glass-floating-shadow),var(--glass-floating-glow);-webkit-backdrop-filter:blur(var(--glass-blur-lg));backdrop-filter:blur(var(--glass-blur-lg));transition:background-color var(--transition-normal) var(--ease-default),border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default),opacity var(--transition-normal) var(--ease-default),transform var(--transition-normal) var(--ease-default);cursor:pointer}.glass-floating-interactive:hover{background:var(--glass-hover-bg);border-color:var(--border-strong)}.glass-floating-interactive:active{background:var(--glass-active-bg)}.glass-button{background:var(--glass-surface-bg);border:1px solid var(--glass-surface-border);box-shadow:var(--shadow-sm),var(--glass-surface-glow);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));color:var(--text-primary);font-weight:var(--font-semibold);transition:background-color var(--transition-fast) var(--ease-default),border-color var(--transition-fast) var(--ease-default),box-shadow var(--transition-fast) var(--ease-default),color var(--transition-fast) var(--ease-default),transform var(--transition-fast) var(--ease-default)}.glass-button:hover{background:var(--glass-hover-bg);border-color:var(--glass-panel-border);box-shadow:var(--shadow-md),var(--glass-surface-glow)}.glass-button:active{background:var(--glass-active-bg);transform:scale(.98)}.glass-button:focus-visible{outline:none;box-shadow:var(--shadow-sm),var(--glass-surface-glow),0 0 0 var(--ring-width) var(--ring-color)}.glass-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.glass-input{background:var(--glass-surface-bg);border:1px solid var(--glass-surface-border);-webkit-backdrop-filter:blur(var(--glass-blur-sm));backdrop-filter:blur(var(--glass-blur-sm));transition:background-color var(--transition-fast) var(--ease-default),border-color var(--transition-fast) var(--ease-default),box-shadow var(--transition-fast) var(--ease-default)}.glass-input:hover{border-color:var(--glass-panel-border)}.glass-input:focus{background:var(--glass-hover-bg);border-color:var(--accent);box-shadow:0 0 0 var(--ring-width) var(--ring-color);outline:none}.glass-tile{background:var(--tile-glass-bg);border:1px solid var(--tile-glass-border);box-shadow:var(--tile-glass-shadow),var(--tile-glass-inner-glow);-webkit-backdrop-filter:blur(var(--tile-glass-blur));backdrop-filter:blur(var(--tile-glass-blur));transition:background-color var(--transition-normal) var(--ease-default),border-color var(--transition-normal) var(--ease-default),box-shadow var(--transition-normal) var(--ease-default),transform var(--transition-normal) var(--ease-default)}.glass-tile:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--tile-glass-shadow-active),var(--tile-glass-inner-glow)}.glass-tile-active{background:var(--tile-glass-bg-active);border-color:var(--tile-glass-border-active);box-shadow:var(--tile-glass-shadow-active),var(--tile-glass-inner-glow-active)}.glass-header{background:var(--header-bg);border-bottom:1px solid var(--glass-surface-border);-webkit-backdrop-filter:blur(var(--glass-blur-md));backdrop-filter:blur(var(--glass-blur-md));transition:background-color var(--transition-slow) var(--ease-default),border-color var(--transition-slow) var(--ease-default)}.glass-overlay{background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity var(--transition-normal) var(--ease-default),background-color var(--transition-normal) var(--ease-default)}@media (prefers-reduced-motion: reduce){.glass-surface,.glass-surface-interactive,.glass-panel,.glass-floating,.glass-floating-interactive,.glass-button,.glass-input,.glass-tile,.glass-header,.glass-overlay{transition:none}.glass-surface-interactive:hover,.glass-tile:hover{transform:none}}.glass-success{background:#22c55e1a;border-color:#22c55e4d}[data-theme=dark] .glass-success{background:#4ade8026;border-color:#4ade8040}.glass-error{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .glass-error{background:#f8717126;border-color:#f8717140}.glass-warning{background:#eab3081a;border-color:#eab3084d}[data-theme=dark] .glass-warning{background:#facc1526;border-color:#facc1540}.glass-info{background:#3b82f61a;border-color:#3b82f64d}[data-theme=dark] .glass-info{background:#60a5fa26;border-color:#60a5fa40}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes popIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes wobble{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes wobbleAlt{0%,to{transform:rotate(1.5deg)}50%{transform:rotate(-1.5deg)}}.tile-editing{animation:wobble .15s ease-in-out infinite}.tile-editing-alt{animation:wobbleAlt .15s ease-in-out infinite}@keyframes deleteBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.delete-badge{animation:deleteBadgePulse 1s ease-in-out infinite}.tile-editing.tile-selected,.tile-editing-alt.tile-selected,.tile-editing.tile-dragging,.tile-editing-alt.tile-dragging{animation:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes tileSlideLeft{0%{transform:translate(0);opacity:1}50%{transform:translate(-30px);opacity:0}51%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes tileSlideRight{0%{transform:translate(0);opacity:1}50%{transform:translate(30px);opacity:0}51%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.animate-slideInRight{animation:slideInFromRight .25s ease-out}.animate-slideOutRight{animation:slideOutToRight .2s ease-in forwards}.animate-slideInLeft{animation:slideInFromLeft .25s ease-out}.animate-slideOutLeft{animation:slideOutToLeft .2s ease-in forwards}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-fadeOut{animation:fadeOut .2s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .3s ease-out}.animate-scaleIn{animation:scaleIn .2s ease-out}.animate-popIn{animation:popIn .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}:root{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--text-primary: #0f172a;--text-secondary: #525252;--text-muted: #a3a3a3;--accent: #3b82f6;--accent-hover: #2563eb;--border: #e5e5e5;--border-strong: #d4d4d4;--error: #ef4444;--success: #22c55e;--font-sans: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--header-bg: rgba(255, 255, 255, .85);--modal-overlay: rgba(0, 0, 0, .5);--shadow-sm: rgba(0, 0, 0, .05);--shadow-md: rgba(0, 0, 0, .1);--avatar-bg: rgba(0, 0, 0, .06);--skeleton-bg: rgba(229, 229, 229, .6);--progress-track: #e5e5e5;--icon-bg-muted: rgba(0, 0, 0, .04);--icon-btn-bg: rgba(0, 0, 0, .05);--icon-btn-color: #525252;--logo-bg: #0f172a;--logo-color: #ffffff;--logo-filter: invert(8%) sepia(12%) saturate(2000%) hue-rotate(190deg) brightness(95%) contrast(95%);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(226, 232, 240, .8);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .03);--tile-glass-bg: rgba(255, 255, 255, .65);--tile-glass-bg-active: rgba(255, 255, 255, .25);--tile-glass-border: rgba(0, 0, 0, .06);--tile-glass-border-active: rgba(255, 255, 255, .3);--tile-glass-shadow: 0 2px 8px rgba(0, 0, 0, .04);--tile-glass-shadow-active: 0 4px 12px rgba(0, 0, 0, .06);--tile-glass-blur: 12px;--tile-glass-inner-glow: inset 0 1px 0 rgba(255, 255, 255, .8);--tile-glass-inner-glow-active: inset 0 1px 0 rgba(255, 255, 255, .4);--toggle-off-bg: rgba(120, 120, 128, .2)}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #171717;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #3b82f6;--accent-hover: #60a5fa;--border: #262626;--border-strong: #404040;--error: #f87171;--success: #4ade80;--header-bg: rgba(0, 0, 0, .85);--modal-overlay: rgba(0, 0, 0, .75);--shadow-sm: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .4);--avatar-bg: rgba(250, 250, 250, .1);--skeleton-bg: rgba(38, 38, 38, .8);--progress-track: #262626;--icon-bg-muted: rgba(255, 255, 255, .06);--icon-btn-bg: rgba(250, 250, 250, .08);--icon-btn-color: #a1a1aa;--logo-bg: #fafafa;--logo-color: #000000;--logo-filter: invert(95%) sepia(5%) saturate(100%) hue-rotate(180deg) brightness(100%) contrast(95%);--glass-bg: rgba(10, 10, 10, .85);--glass-border: rgba(38, 38, 38, .8);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--tile-glass-bg: rgba(30, 30, 30, .6);--tile-glass-bg-active: rgba(255, 255, 255, .1);--tile-glass-border: rgba(255, 255, 255, .08);--tile-glass-border-active: rgba(255, 255, 255, .15);--tile-glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--tile-glass-shadow-active: 0 8px 32px rgba(0, 0, 0, .5);--tile-glass-blur: 12px;--tile-glass-inner-glow: inset 0 1px 1px rgba(255, 255, 255, .05);--tile-glass-inner-glow-active: inset 0 1px 1px rgba(255, 255, 255, .1);--toggle-off-bg: rgba(120, 120, 128, .4)}*{box-sizing:border-box;margin:0;padding:0}html{touch-action:manipulation;-ms-touch-action:manipulation}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .3s ease,color .3s ease;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}button{cursor:pointer;border:none;outline:none;font-family:inherit;touch-action:manipulation}input{outline:none;font-family:inherit;font-size:16px!important;touch-action:manipulation}input,select,textarea{font-size:16px!important;touch-action:manipulation}.container{width:100%;max-width:720px;margin:0 auto;padding:1rem 1rem 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;font-weight:600;font-size:.8rem;transition:all .2s;border:1px solid transparent;width:100%;border-radius:8px}.btn-primary{background-color:#0095f6;color:#fff}.btn-primary:hover{background-color:#1877f2}.btn-outline{background-color:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--text-primary);background-color:var(--bg-primary)}.secondary-button{font-weight:600;font-size:.8125rem;transition:all .2s ease}.secondary-button:active{transform:scale(.98)}.secondary-button{background:#fff;color:#262626;border:1px solid #d4d4d4;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a,inset 0 1px #fff}.secondary-button:hover{background:#f5f5f5;border-color:#a3a3a3;box-shadow:0 2px 4px #0000001a,0 1px 3px #0000000f,inset 0 1px #fff}[data-theme=dark] .secondary-button{background:#ffffff14;color:var(--text-primary);border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014,inset 0 1px #ffffff0d}[data-theme=dark] .secondary-button:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 2px 4px #00000026,0 1px 3px #0000001a,inset 0 1px #ffffff14}.input-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.input-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.input-field{background:var(--bg-tertiary);border:1px solid var(--border);padding:.6rem .75rem;color:var(--text-secondary);font-size:16px;transition:all .2s ease;border-radius:8px}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:1rem;border-radius:12px;box-shadow:var(--glass-shadow)}.text-center{text-align:center}.mb-4{margin-bottom:.75rem}.mt-4{margin-top:.75rem}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.h-full{height:100%}h1,h2,h3{font-weight:700;letter-spacing:-.025em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}@keyframes slideUpFade{0%{transform:translate(-50%,-120%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideDownFade{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-120%);opacity:0}}.toast-enter{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}.toast-exit{animation:slideDownFade .3s cubic-bezier(.16,1,.3,1) forwards}.skeleton{background-color:var(--skeleton-bg);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:0}.skeleton-glass{position:relative;overflow:hidden}.skeleton-glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}[data-theme=dark] .skeleton-glass:before{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);background-size:200% 100%}.theme-toggle:hover{border-color:var(--text-primary)!important;background-color:var(--bg-tertiary)!important}.theme-toggle:active{transform:scale(.95)}.card,.input-field,.btn,.btn-outline,.btn-primary{transition:background-color .3s ease,border-color .3s ease,color .3s ease}[data-theme=dark] .btn-primary{background-color:#0095f6;color:#fff}[data-theme=dark] .btn-primary:hover{background-color:#1877f2}.activity-tile:hover .drag-handle{opacity:.8!important}.activity-tile .drag-handle:hover{opacity:1!important}.activity-tile[style*="opacity: 0.5"]{box-shadow:0 8px 24px #0003}.metro-tile{transition:transform .1s ease,filter .2s ease}.metro-tile:active{transform:scale(.98)}.glass-tile{transition:transform .25s cubic-bezier(.4,0,.2,1),filter .25s ease,box-shadow .25s ease,background .25s ease}.glass-tile:hover{transform:translateY(-2px) scale(1.02)}.glass-tile:active{transform:scale(.98)}:root .glass-tile{background-image:linear-gradient(135deg,#fff6,#ffffff1a)}[data-theme=dark] .glass-tile{background-image:linear-gradient(135deg,#ffffff14,#ffffff05)}[data-theme=dark] .glass-tile>div:first-child{background-color:#ffffff14!important;border-color:#ffffff1a!important}.metro-tile div[style*="cursor: ne-resize"]:hover,.metro-tile div[style*="cursor: nw-resize"]:hover{background-color:var(--accent)!important;transform:scale(1.1)}._wrapper_1wbzc_1{display:flex;flex-direction:column;gap:.375rem}._fullWidth_1wbzc_7{width:100%}._label_1wbzc_11{font-size:.75rem;font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}._inputWrapper_1wbzc_19{display:flex;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;transition:all .2s ease}._inputWrapper_1wbzc_19:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f61a}._hasError_1wbzc_33{border-color:var(--error)}._hasError_1wbzc_33:focus-within{border-color:var(--error);box-shadow:0 0 0 2px var(--color-like-bg)}._input_1wbzc_19{flex:1;background:transparent;border:none;outline:none;padding:.625rem .875rem;font-size:16px;color:var(--text-primary);width:100%}._input_1wbzc_19::placeholder{color:var(--text-muted)}._icon_1wbzc_57,._iconRight_1wbzc_58{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);padding:0 .75rem}._icon_1wbzc_57{padding-right:0}._iconRight_1wbzc_58{padding-left:0}._error_1wbzc_74{font-size:var(--text-xs);color:var(--error)}._helper_1wbzc_79{font-size:.75rem;color:var(--text-muted)}._spinner_w05pd_1{display:inline-flex;align-items:center;justify-content:center}._center_w05pd_7{display:flex;width:100%;padding:2rem}._circle_w05pd_13{border-radius:50%;border-style:solid;border-color:var(--border);border-top-color:var(--accent);animation:_spin_w05pd_1 .8s linear infinite}._sm_w05pd_22 ._circle_w05pd_13{width:16px;height:16px;border-width:2px}._md_w05pd_28 ._circle_w05pd_13{width:24px;height:24px;border-width:3px}._lg_w05pd_34 ._circle_w05pd_13{width:40px;height:40px;border-width:4px}@keyframes _spin_w05pd_1{to{transform:rotate(360deg)}}._container_1iwvd_12{position:relative;display:inline-flex;align-items:center}._bellButton_1iwvd_18{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s ease}._bellButton_1iwvd_18:hover{background:var(--bg-secondary);color:var(--text-primary)}._bellButton_1iwvd_18:active{transform:scale(.95)}._bellActive_1iwvd_43{color:var(--text-primary)}._bellActive_1iwvd_43:hover{background:var(--bg-secondary);color:var(--text-primary)}._badge_1iwvd_53{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;color:#fff;background:var(--error);border-radius:100px;border:2px solid var(--bg-primary);animation:_badgePop_1iwvd_1 .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes _badgePop_1iwvd_1{0%{transform:scale(0);opacity:0}50%{opacity:1}80%{transform:scale(1.2)}to{transform:scale(1)}}._panel_1iwvd_92{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:calc(100vw - 2rem);max-height:480px;display:flex;flex-direction:column;background:var(--bg-secondary);backdrop-filter:blur(var(--tile-glass-blur));-webkit-backdrop-filter:blur(var(--tile-glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--tile-glass-shadow);overflow:hidden;z-index:100;animation:_panelSlideIn_1iwvd_1 .2s ease-out}@keyframes _panelSlideIn_1iwvd_1{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _panelSlideOut_1iwvd_1{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}._panelClosing_1iwvd_139{animation:_panelSlideOut_1iwvd_1 .15s ease-in forwards}._panelHeader_1iwvd_144{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);flex-shrink:0}._panelTitle_1iwvd_153{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0}._unreadBadge_1iwvd_163{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:var(--font-bold);color:#fff;background:var(--accent);border-radius:100px}._headerActions_1iwvd_177{display:flex;align-items:center;gap:.5rem}._headerButton_1iwvd_183{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}._headerButton_1iwvd_183:hover{background:var(--bg-tertiary);color:var(--text-primary)}._headerButton_1iwvd_183:disabled{opacity:.5;cursor:not-allowed}._statusIndicator_1iwvd_209{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all .2s ease}._status-connected_1iwvd_219{color:var(--success)}._status-connecting_1iwvd_223,._status-reconnecting_1iwvd_224,._status-disconnected_1iwvd_228{color:var(--text-muted)}._panelList_1iwvd_233{flex:1;min-height:200px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}._panelList_1iwvd_233::-webkit-scrollbar{display:none}._item_1iwvd_252{position:relative;display:flex;align-items:flex-start;gap:.625rem;padding:.625rem 2.5rem .625rem .875rem;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border);animation:_itemSlideIn_1iwvd_1 .3s ease-out backwards}._item_1iwvd_252:nth-child(1){animation-delay:0ms}._item_1iwvd_252:nth-child(2){animation-delay:30ms}._item_1iwvd_252:nth-child(3){animation-delay:60ms}._item_1iwvd_252:nth-child(4){animation-delay:90ms}._item_1iwvd_252:nth-child(5){animation-delay:.12s}._item_1iwvd_252:nth-child(n+6){animation-delay:.15s}@keyframes _itemSlideIn_1iwvd_1{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}._item_1iwvd_252:last-child{border-bottom:none}._item_1iwvd_252:hover{background:var(--tile-glass-bg)}._itemUnread_1iwvd_291{background:var(--icon-bg-muted)}._itemUnread_1iwvd_291:hover{background:var(--tile-glass-bg-active)}._itemIcon_1iwvd_300{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:2px;border-radius:50%;background:var(--tile-glass-bg);flex-shrink:0}._iconLike_1iwvd_312{color:var(--color-like)}._iconBadge_1iwvd_316{color:var(--color-badge)}._iconStreak_1iwvd_320{color:var(--color-streak)}._iconWarning_1iwvd_324{color:var(--color-warning)}._iconSystem_1iwvd_328{color:var(--accent)}._iconFollow_1iwvd_332{color:var(--color-follow)}._itemContent_1iwvd_337{flex:1;min-width:0}._itemTitle_1iwvd_342{font-weight:var(--font-semibold);color:var(--text-primary)}._itemBody_1iwvd_347{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}._itemTime_1iwvd_356{font-size:.6875rem;color:var(--text-muted)}._usernameLink_1iwvd_362{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--accent);font-weight:var(--font-semibold);cursor:pointer;text-decoration:none;transition:color .15s ease}._usernameLink_1iwvd_362:hover{color:var(--accent-hover);text-decoration:underline}._unreadDot_1iwvd_381{position:absolute;top:50%;left:4px;transform:translateY(-50%);width:6px;height:6px;background:var(--accent);border-radius:50%;animation:_dotPulse_1iwvd_1 2s ease-in-out infinite}@keyframes _dotPulse_1iwvd_1{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent)}50%{opacity:.8;box-shadow:0 0 0 4px transparent}}._deleteButton_1iwvd_405{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;opacity:.6;transition:all .15s ease;flex-shrink:0}._item_1iwvd_252:hover ._deleteButton_1iwvd_405{opacity:1}._deleteButton_1iwvd_405:hover{background:var(--error);color:#fff;opacity:1;transform:scale(1.1)}._itemDeleting_1iwvd_437{animation:_itemSlideOut_1iwvd_1 .25s ease-in forwards}@keyframes _itemSlideOut_1iwvd_1{to{opacity:0;transform:translate(20px);height:0;padding:0;margin:0;overflow:hidden}}._itemNew_1iwvd_453{animation:_itemHighlight_1iwvd_1 1.5s ease-out}@keyframes _itemHighlight_1iwvd_1{0%{background:var(--accent)}to{background:var(--icon-bg-muted)}}._emptyState_1iwvd_470{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;min-height:200px}._initialLoading_1iwvd_480{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:.75rem;color:var(--text-muted);font-size:.875rem}._emptyTitle_1iwvd_491{font-size:.9375rem;font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 .25rem}._emptySubtitle_1iwvd_498{font-size:.8125rem;color:var(--text-muted);margin:0}._loadingMore_1iwvd_504{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:var(--text-muted);font-size:.8125rem}._endOfList_1iwvd_514{padding:1rem;text-align:center;font-size:.75rem;color:var(--text-muted)}._spinning_1iwvd_522{animation:_spin_1iwvd_522 1s linear infinite}@keyframes _spin_1iwvd_522{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._panelMobile_1iwvd_540{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;max-height:70vh;border-radius:20px 20px 0 0;animation:_panelSlideUp_1iwvd_1 .3s ease-out;z-index:99999!important;background:var(--bg-secondary)!important;backdrop-filter:blur(var(--tile-glass-blur))!important;-webkit-backdrop-filter:blur(var(--tile-glass-blur))!important;border:none!important;border-top:1px solid var(--glass-border)!important;box-shadow:0 -4px 32px #00000026!important}@keyframes _panelSlideUp_1iwvd_1{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}._mobileOverlay_1iwvd_574{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99998;animation:_fadeIn_1iwvd_1 .2s ease-out}[data-theme=light] ._mobileOverlay_1iwvd_574{background:#0000004d}[data-theme=dark] ._panelMobile_1iwvd_540{box-shadow:0 -4px 32px #00000080!important}._mobileOverlayClosing_1iwvd_595{animation:_fadeOut_1iwvd_1 .15s ease-in forwards}@keyframes _fadeIn_1iwvd_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1iwvd_1{0%{opacity:1}to{opacity:0}}