@charset "UTF-8";:root{--font-family-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Poppins",system-ui,sans-serif;--font-family-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;--font-family-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy:800;--font-weight-black:900;--font-size-xs:clamp(.75rem,.5vw + .7rem,.875rem);--font-size-sm:clamp(.875rem,.5vw + .8rem,1rem);--font-size-base:clamp(1rem,.5vw + .9rem,1.125rem);--font-size-lg:clamp(1.125rem,1vw + 1rem,1.25rem);--font-size-xl:clamp(1.25rem,1.5vw + 1.1rem,1.5rem);--font-size-2xl:clamp(1.5rem,2vw + 1.2rem,2rem);--font-size-3xl:clamp(2rem,3vw + 1.5rem,2.5rem);--font-size-4xl:clamp(2.5rem,4vw + 2rem,3.5rem);--font-size-5xl:clamp(3.5rem,5vw + 3rem,5rem);--line-height-tight:1.1;--line-height-snug:1.2;--line-height-normal:1.5;--line-height-relaxed:1.7;--line-height-loose:2;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--border-radius-none:0;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-2xl:24px;--border-radius-3xl:32px;--border-radius-full:50%;--border-radius-thread:14px;--border-radius-yarn:18px;--border-radius-tool:22px;--transition-fast:.15s;--transition-base:.25s;--transition-slow:.35s;--transition-slower:.5s;--ease-out-expo:cubic-bezier(.19,1,.22,1);--ease-out-back:cubic-bezier(.34,1.56,.64,1);--ease-in-out-back:cubic-bezier(.68,-.55,.265,1.55);--ease-spring:cubic-bezier(.175,.885,.32,1.275);--transition-liquid:all .4s cubic-bezier(.19,1,.22,1);--transition-bounce:all .6s cubic-bezier(.68,-.55,.265,1.55);--transition-spring:all .5s cubic-bezier(.175,.885,.32,1.275);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:1080;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-sm:540px;--container-md:720px;--container-lg:960px;--container-xl:1200px;--container-2xl:1400px;--tool-size-sm:32px;--tool-size-md:48px;--tool-size-lg:64px;--swatch-size-xs:24px;--swatch-size-sm:32px;--swatch-size-md:40px;--swatch-size-lg:48px;--swatch-size-xl:56px;--yarn-card-width-min:280px;--yarn-card-width-max:320px;--yarn-card-padding:var(--spacing-6);--needle-length:120px;--needle-width:2px;--needle-tip:8px;--loop-diameter-sm:4px;--loop-diameter-md:6px;--loop-diameter-lg:8px;--blur-light:10px;--blur-medium:20px;--blur-strong:30px;--blur-intense:40px;--glass-opacity-light:.1;--glass-opacity-medium:.15;--glass-opacity-strong:.25;--shimmer-duration-slow:3s;--shimmer-duration-medium:2s;--shimmer-duration-fast:1.5s;--header-height:72px;--header-padding:var(--spacing-6);--footer-padding:var(--spacing-12);--nav-link-padding:var(--spacing-3) var(--spacing-4);--nav-dropdown-width:240px;--card-padding:var(--spacing-6);--card-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--button-padding-sm:var(--spacing-2) var(--spacing-4);--button-padding-md:var(--spacing-3) var(--spacing-6);--button-padding-lg:var(--spacing-4) var(--spacing-8);--input-padding:var(--spacing-3) var(--spacing-4);--input-height:44px;--label-margin:var(--spacing-2);--color-bg-primary:#fefefe;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#fefbff;--color-bg-elevated:#fff;--color-bg-overlay:hsla(0,0%,100%,.15);--bg-liquid-ruby-amethyst:linear-gradient(135deg,#ef4444,#a855f7);--bg-liquid-sapphire-emerald:linear-gradient(135deg,#3b82f6,#10b981);--bg-liquid-amethyst-gold:linear-gradient(135deg,#a855f7,#f59e0b);--bg-liquid-rainbow:linear-gradient(135deg,#ef4444,#a855f7 25%,#3b82f6 50%,#10b981 75%,#f59e0b);--color-bg-glass:linear-gradient(135deg,rgba(239,68,68,.05),rgba(168,85,247,.05) 25%,rgba(59,130,246,.05) 50%,rgba(16,185,129,.05) 75%,rgba(245,158,11,.05));--color-bg-glass-hover:linear-gradient(135deg,rgba(239,68,68,.1),rgba(168,85,247,.1) 25%,rgba(59,130,246,.1) 50%,rgba(16,185,129,.1) 75%,rgba(245,158,11,.1));--color-text-primary:#334155;--color-text-primary-invert:#fff;--color-text-secondary:#64748b;--color-text-secondary-invert:#f1f5f9;--color-text-tertiary:#94a3b8;--color-text-tertiary-invert:#e2e8f0;--color-text-disabled:#e2e8f0;--color-text-inverse:#fff;--color-text-on-glass:#fff;--color-border-primary:#f1f5f9;--color-border-secondary:#f8fafc;--color-border-focus:#3b82f6;--color-border-glass:hsla(0,0%,100%,.2);--color-ruby:#ef4444;--color-ruby-hover:#dc2626;--color-ruby-active:#b91c1c;--color-ruby-light:#fee2e2;--color-ruby-dark:#991b1b;--color-emerald:#10b981;--color-emerald-hover:#059669;--color-emerald-active:#047857;--color-emerald-light:#d1fae5;--color-emerald-dark:#065f46;--color-amethyst:#a855f7;--color-amethyst-hover:#9333ea;--color-amethyst-active:#7c3aed;--color-amethyst-light:#f3e8ff;--color-amethyst-dark:#6d28d9;--color-sapphire:#3b82f6;--color-sapphire-hover:#2563eb;--color-sapphire-active:#1d4ed8;--color-sapphire-light:#dbeafe;--color-sapphire-dark:#1e40af;--color-gold:#f59e0b;--color-gold-hover:#d97706;--color-gold-active:#b45309;--color-gold-light:#fef3c7;--color-gold-dark:#92400e;--color-primary:var(--color-sapphire);--color-primary-hover:var(--color-sapphire-hover);--color-primary-active:var(--color-sapphire-active);--color-primary-light:var(--color-sapphire-light);--color-primary-dark:var(--color-sapphire-dark);--color-secondary:var(--color-amethyst);--color-secondary-hover:var(--color-amethyst-hover);--color-secondary-active:var(--color-amethyst-active);--color-secondary-light:var(--color-amethyst-light);--color-secondary-dark:var(--color-amethyst-dark);--color-accent:var(--color-ruby);--color-accent-hover:var(--color-ruby-hover);--color-accent-active:var(--color-ruby-active);--color-accent-light:var(--color-ruby-light);--color-accent-dark:var(--color-ruby-dark);--color-success:var(--color-emerald);--color-success-bg:var(--color-emerald-light);--color-success-border:#a7f3d0;--color-success-hover:var(--color-emerald-hover);--color-warning:var(--color-gold);--color-warning-bg:var(--color-gold-light);--color-warning-border:#fde68a;--color-warning-hover:var(--color-gold-hover);--color-error:var(--color-ruby);--color-error-bg:var(--color-ruby-light);--color-error-border:#fecaca;--color-error-hover:var(--color-ruby-hover);--color-info:var(--color-sapphire);--color-info-bg:var(--color-sapphire-light);--color-info-border:#bfdbfe;--color-info-hover:var(--color-sapphire-hover);--shadow-liquid-sm:0 2px 8px rgba(59,130,246,.1),0 4px 16px rgba(168,85,247,.05);--shadow-liquid-md:0 4px 16px rgba(59,130,246,.15),0 8px 32px rgba(168,85,247,.1);--shadow-liquid-lg:0 8px 32px rgba(59,130,246,.2),0 16px 64px rgba(168,85,247,.15);--shadow-liquid-xl:0 16px 64px rgba(59,130,246,.25),0 32px 128px rgba(168,85,247,.2);--backdrop-blur:blur(20px);--backdrop-blur-light:blur(10px);--backdrop-blur-strong:blur(30px);--color-thread-cotton:#fdfdfd;--color-thread-silk:#e2e8f0;--color-thread-wool:#f1e7ff;--color-thread-metallic:var(--bg-liquid-amethyst-gold);--color-needle:linear-gradient(45deg,#e2e8f0,#94a3b8);--color-scissors:linear-gradient(45deg,#cbd5e1,#64748b);--color-yarn-ball:var(--bg-liquid-rainbow);--color-loop:var(--bg-liquid-sapphire-emerald);--hover-lift:translateY(-2px);--hover-scale:scale(1.02);--active-scale:scale(.98);--liquid-transition:all .4s cubic-bezier(.4,0,.2,1);--liquid-bounce:all .6s cubic-bezier(.68,-.55,.265,1.55)}:root[data-theme=dark]{--color-bg-primary:#1e293b;--color-bg-secondary:#334155;--color-bg-tertiary:#475569;--color-bg-elevated:#0f172a;--color-bg-overlay:rgba(0,0,0,.15);--bg-liquid-ruby-amethyst:linear-gradient(135deg,#ef4444,#a855f7);--bg-liquid-sapphire-emerald:linear-gradient(135deg,#3b82f6,#10b981);--bg-liquid-amethyst-gold:linear-gradient(135deg,#a855f7,#f59e0b);--bg-liquid-rainbow:linear-gradient(135deg,#ef4444,#a855f7 25%,#3b82f6 50%,#10b981 75%,#f59e0b);--color-bg-glass:linear-gradient(135deg,rgba(239,68,68,.15),rgba(168,85,247,.15) 25%,rgba(59,130,246,.15) 50%,rgba(16,185,129,.15) 75%,rgba(245,158,11,.15));--color-bg-glass-hover:linear-gradient(135deg,rgba(239,68,68,.25),rgba(168,85,247,.25) 25%,rgba(59,130,246,.25) 50%,rgba(16,185,129,.25) 75%,rgba(245,158,11,.25));--color-text-primary:#f8fafc;--color-text-secondary:#e2e8f0;--color-text-secondary-invert:#475569;--color-text-tertiary:#cbd5e1;--color-text-tertiary-invert:#64748b;--color-text-disabled:#64748b;--color-text-inverse:#e2e8f0;--color-text-on-glass:#f1f5f9;--color-text-primary-invert:#000;--color-border-primary:#cbd5e1;--color-border-secondary:#94a3b8;--color-border-focus:#3b82f6;--color-border-glass:rgba(0,0,0,.1);--color-ruby:#ef4444;--color-ruby-hover:#dc2626;--color-ruby-active:#b91c1c;--color-ruby-light:#fee2e2;--color-ruby-dark:#991b1b;--color-emerald:#10b981;--color-emerald-hover:#059669;--color-emerald-active:#047857;--color-emerald-light:#d1fae5;--color-emerald-dark:#065f46;--color-amethyst:#a855f7;--color-amethyst-hover:#9333ea;--color-amethyst-active:#7c3aed;--color-amethyst-light:#f3e8ff;--color-amethyst-dark:#6d28d9;--color-sapphire:#3b82f6;--color-sapphire-hover:#2563eb;--color-sapphire-active:#1d4ed8;--color-sapphire-light:#dbeafe;--color-sapphire-dark:#1e40af;--color-gold:#f59e0b;--color-gold-hover:#d97706;--color-gold-active:#b45309;--color-gold-light:#fef3c7;--color-gold-dark:#92400e;--color-primary:var(--color-sapphire);--color-primary-hover:var(--color-sapphire-hover);--color-primary-active:var(--color-sapphire-active);--color-primary-light:var(--color-sapphire-light);--color-primary-dark:var(--color-sapphire-dark);--color-secondary:var(--color-amethyst);--color-secondary-hover:var(--color-amethyst-hover);--color-secondary-active:var(--color-amethyst-active);--color-secondary-light:var(--color-amethyst-light);--color-secondary-dark:var(--color-amethyst-dark);--color-accent:var(--color-ruby);--color-accent-hover:var(--color-ruby-hover);--color-accent-active:var(--color-ruby-active);--color-accent-light:var(--color-ruby-light);--color-accent-dark:var(--color-ruby-dark);--color-success:var(--color-emerald);--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-success-hover:var(--color-emerald-hover);--color-warning:var(--color-gold);--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-hover:var(--color-gold-hover);--color-error:var(--color-ruby);--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-error-hover:var(--color-ruby-hover);--color-info:var(--color-sapphire);--color-info-bg:#eff6ff;--color-info-border:#bfdbfe;--color-info-hover:var(--color-sapphire-hover);--shadow-liquid-sm:0 2px 8px rgba(0,0,0,.3),0 4px 16px rgba(59,130,246,.1);--shadow-liquid-md:0 4px 16px rgba(0,0,0,.4),0 8px 32px rgba(59,130,246,.15);--shadow-liquid-lg:0 8px 32px rgba(0,0,0,.5),0 16px 64px rgba(59,130,246,.2);--shadow-liquid-xl:0 16px 64px rgba(0,0,0,.6),0 32px 128px rgba(59,130,246,.25);--backdrop-blur:blur(24px);--backdrop-blur-light:blur(12px);--backdrop-blur-strong:blur(36px);--color-thread-cotton:#f1f5f9;--color-thread-silk:#e2e8f0;--color-thread-wool:#cbd5e1;--color-thread-metallic:var(--bg-liquid-amethyst-gold);--color-needle:linear-gradient(45deg,#64748b,#cbd5e1);--color-scissors:linear-gradient(45deg,#94a3b8,#e2e8f0);--color-yarn-ball:var(--bg-liquid-rainbow);--color-loop:var(--bg-liquid-sapphire-emerald);--hover-lift:translateY(-3px);--hover-scale:scale(1.03);--active-scale:scale(.97);--liquid-transition:all .4s cubic-bezier(.4,0,.2,1);--liquid-bounce:all .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes thread-shimmer{0%{left:-100%}to{left:100%}}@keyframes liquid-flow{0%{left:-100%}to{left:100%}}@keyframes thread-weave{0%{background-position:0 0}to{background-position:20px 20px}}@keyframes liquid-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.thread-cotton{border:2px solid var(--color-border-primary);border-radius:12px;cursor:pointer;height:32px;overflow:hidden;position:relative;transition:var(--liquid-transition);width:32px}.thread-cotton:before{background-image:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.2) 1px,transparent 0),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:4px 4px;content:"";inset:0;opacity:.3;position:absolute}.thread-cotton:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-liquid-sm);transform:var(--hover-scale)}.thread-cotton:active{transform:var(--active-scale)}.thread-cotton.selected{border-color:var(--color-primary);box-shadow:var(--shadow-liquid-md),0 0 0 3px #3b82f633}.thread-cotton.selected:after{color:var(--color-text-inverse);content:"✓";font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.thread-cotton{background:var(--color-thread-cotton)}.thread-silk{border:2px solid var(--color-border-primary);border-radius:12px;cursor:pointer;height:32px;overflow:hidden;position:relative;transition:var(--liquid-transition);width:32px}.thread-silk:before{background-image:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,transparent 0);background-size:2px 2px;content:"";inset:0;opacity:.3;position:absolute}.thread-silk:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-liquid-sm);transform:var(--hover-scale)}.thread-silk:active{transform:var(--active-scale)}.thread-silk.selected{border-color:var(--color-primary);box-shadow:var(--shadow-liquid-md),0 0 0 3px #3b82f633}.thread-silk.selected:after{color:var(--color-text-inverse);content:"✓";font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.thread-silk{background:var(--color-thread-silk)}.thread-wool{border:2px solid var(--color-border-primary);border-radius:12px;cursor:pointer;height:32px;overflow:hidden;position:relative;transition:var(--liquid-transition);width:32px}.thread-wool:before{background-image:radial-gradient(circle,hsla(0,0%,100%,.15) 50%,transparent 0);background-size:6px 6px;content:"";inset:0;opacity:.3;position:absolute}.thread-wool:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-liquid-sm);transform:var(--hover-scale)}.thread-wool:active{transform:var(--active-scale)}.thread-wool.selected{border-color:var(--color-primary);box-shadow:var(--shadow-liquid-md),0 0 0 3px #3b82f633}.thread-wool.selected:after{color:var(--color-text-inverse);content:"✓";font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.thread-wool{background:var(--color-thread-wool)}.thread-metallic{border:2px solid var(--color-border-primary);border-radius:12px;cursor:pointer;height:32px;overflow:hidden;position:relative;transition:var(--liquid-transition);width:32px}.thread-metallic:before{background-image:linear-gradient(45deg,hsla(0,0%,100%,.1) 25%,transparent 0);background-size:2px 2px;content:"";inset:0;opacity:.3;position:absolute}.thread-metallic:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-liquid-sm);transform:var(--hover-scale)}.thread-metallic:active{transform:var(--active-scale)}.thread-metallic.selected{border-color:var(--color-primary);box-shadow:var(--shadow-liquid-md),0 0 0 3px #3b82f633}.thread-metallic.selected:after{color:var(--color-text-inverse);content:"✓";font-weight:700;left:50%;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.thread-metallic{background:var(--color-thread-metallic)}.thread-metallic:before{animation:thread-shimmer 2s infinite}.bg-liquid-card,.bg-liquid-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);box-shadow:var(--shadow-liquid-md)}.bg-liquid-card{border-radius:24px;overflow:hidden;padding:24px;position:relative;transition:var(--liquid-transition)}.bg-liquid-card:before{animation:thread-shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(239,68,68,.2),rgba(168,85,247,.2),rgba(59,130,246,.2),rgba(16,185,129,.2),rgba(245,158,11,.2),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.bg-liquid-card:hover{background:var(--color-bg-glass-hover);box-shadow:var(--shadow-liquid-lg);transform:var(--hover-lift) var(--hover-scale)}.bg-liquid-card:hover:before{animation-duration:1.5s}.bg-liquid-card:active{transform:var(--active-scale);transition:var(--liquid-bounce)}.bg-thread-weave{position:relative}.bg-thread-weave:after{background-image:repeating-linear-gradient(45deg,var(--color-amethyst) 0,transparent 2px,transparent 8px,var(--color-amethyst) 10px),repeating-linear-gradient(-45deg,var(--color-amethyst) 0,transparent 2px,transparent 8px,var(--color-amethyst) 10px);content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.btn-liquid-primary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);background:var(--bg-liquid-sapphire-emerald);border:none;border-radius:16px;box-shadow:var(--shadow-liquid-sm);color:var(--color-text-inverse);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:var(--liquid-transition)}.btn-liquid-primary:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--liquid-transition);width:100%}.btn-liquid-primary:hover{box-shadow:var(--shadow-liquid-md);transform:var(--hover-lift)}.btn-liquid-primary:hover:before{left:100%;transition:left .6s ease}.btn-liquid-primary:active{transform:var(--active-scale)}.btn-liquid-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);background:var(--bg-liquid-ruby-amethyst);border:none;border-radius:16px;box-shadow:var(--shadow-liquid-sm);color:var(--color-text-inverse);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:var(--liquid-transition)}.btn-liquid-secondary:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--liquid-transition);width:100%}.btn-liquid-secondary:hover{box-shadow:var(--shadow-liquid-md);transform:var(--hover-lift)}.btn-liquid-secondary:hover:before{left:100%;transition:left .6s ease}.btn-liquid-secondary:active{transform:var(--active-scale)}.btn-liquid-accent{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);background:var(--bg-liquid-amethyst-gold);border:none;border-radius:16px;box-shadow:var(--shadow-liquid-sm);color:var(--color-text-inverse);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:var(--liquid-transition)}.btn-liquid-accent:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--liquid-transition);width:100%}.btn-liquid-accent:hover{box-shadow:var(--shadow-liquid-md);transform:var(--hover-lift)}.btn-liquid-accent:hover:before{left:100%;transition:left .6s ease}.btn-liquid-accent:active{transform:var(--active-scale)}.btn-liquid-rainbow{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);background:var(--bg-liquid-rainbow);border:none;border-radius:16px;box-shadow:var(--shadow-liquid-sm);color:var(--color-text-inverse);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:var(--liquid-transition)}.btn-liquid-rainbow:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--liquid-transition);width:100%}.btn-liquid-rainbow:hover{box-shadow:var(--shadow-liquid-md);transform:var(--hover-lift)}.btn-liquid-rainbow:hover:before{left:100%;transition:left .6s ease}.btn-liquid-rainbow:active{transform:var(--active-scale)}.tool-needle{align-items:center;background:var(--color-needle);border-radius:50%;display:flex;height:32px;justify-content:center;position:relative;transition:var(--liquid-transition);width:32px}.tool-needle:hover{box-shadow:var(--shadow-liquid-sm);transform:var(--hover-scale)}.tool-needle:hover:after{background:inherit;border-radius:50%;content:"";filter:blur(8px);inset:-4px;opacity:.5;position:absolute;z-index:-1}.tool-scissors{align-items:center;background:var(--color-scissors);border-radius:50%;display:flex;height:32px;justify-content:center;position:relative;transition:var(--liquid-transition);width:32px}.tool-scissors:hover{box-shadow:var(--shadow-liquid-sm);transform:var(--hover-scale)}.tool-scissors:hover:after{background:inherit;border-radius:50%;content:"";filter:blur(8px);inset:-4px;opacity:.5;position:absolute;z-index:-1}.tool-yarn-ball{align-items:center;background:var(--color-yarn-ball);border-radius:50%;display:flex;height:32px;justify-content:center;position:relative;transition:var(--liquid-transition);width:32px}.tool-yarn-ball:hover{box-shadow:var(--shadow-liquid-sm);transform:var(--hover-scale)}.tool-yarn-ball:hover:after{background:inherit;border-radius:50%;content:"";filter:blur(8px);inset:-4px;opacity:.5;position:absolute;z-index:-1}.tool-loop{align-items:center;background:var(--color-loop);border-radius:50%;display:flex;height:32px;justify-content:center;position:relative;transition:var(--liquid-transition);width:32px}.tool-loop:hover{box-shadow:var(--shadow-liquid-sm);transform:var(--hover-scale)}.tool-loop:hover:after{background:inherit;border-radius:50%;content:"";filter:blur(8px);inset:-4px;opacity:.5;position:absolute;z-index:-1}.liquid-shimmer{animation:thread-shimmer 3s infinite}.liquid-pulse{animation:liquid-pulse 2s infinite}.liquid-weave{animation:thread-weave 4s linear infinite}.gap-1{gap:2px}.gap-2{gap:4px}.gap-3{gap:6px}.gap-4{gap:8px}.gap-5{gap:10px}.gap-6{gap:12px}.gap-7{gap:14px}.gap-8{gap:16px}.pr-1{padding-right:2px}.pl-1{padding-left:2px}.pt-1{padding-top:2px}.pb-1{padding-bottom:2px}.pa-1{padding:2px}.px-1{padding-left:2px;padding-right:2px}.py-1{padding-bottom:2px;padding-top:2px}.pr-2{padding-right:4px}.pl-2{padding-left:4px}.pt-2{padding-top:4px}.pb-2{padding-bottom:4px}.pa-2{padding:4px}.px-2{padding-left:4px;padding-right:4px}.py-2{padding-bottom:4px;padding-top:4px}.pr-3{padding-right:6px}.pl-3{padding-left:6px}.pt-3{padding-top:6px}.pb-3{padding-bottom:6px}.pa-3{padding:6px}.px-3{padding-left:6px;padding-right:6px}.py-3{padding-bottom:6px;padding-top:6px}.pr-4{padding-right:8px}.pl-4{padding-left:8px}.pt-4{padding-top:8px}.pb-4{padding-bottom:8px}.pa-4{padding:8px}.px-4{padding-left:8px;padding-right:8px}.py-4{padding-bottom:8px;padding-top:8px}.pr-5{padding-right:10px}.pl-5{padding-left:10px}.pt-5{padding-top:10px}.pb-5{padding-bottom:10px}.pa-5{padding:10px}.px-5{padding-left:10px;padding-right:10px}.py-5{padding-bottom:10px;padding-top:10px}.pr-6{padding-right:12px}.pl-6{padding-left:12px}.pt-6{padding-top:12px}.pb-6{padding-bottom:12px}.pa-6{padding:12px}.px-6{padding-left:12px;padding-right:12px}.py-6{padding-bottom:12px;padding-top:12px}.pr-7{padding-right:14px}.pl-7{padding-left:14px}.pt-7{padding-top:14px}.pb-7{padding-bottom:14px}.pa-7{padding:14px}.px-7{padding-left:14px;padding-right:14px}.py-7{padding-bottom:14px;padding-top:14px}.pr-8{padding-right:16px}.pl-8{padding-left:16px}.pt-8{padding-top:16px}.pb-8{padding-bottom:16px}.pa-8{padding:16px}.px-8{padding-left:16px;padding-right:16px}.py-8{padding-bottom:16px;padding-top:16px}.mr-1{margin-right:2px}.ml-1{margin-left:2px}.mt-1{margin-top:2px}.mb-1{margin-bottom:2px}.ma-1{margin:2px}.mx-1{margin-left:2px;margin-right:2px}.my-1{margin-bottom:2px;margin-top:2px}.mr-2{margin-right:4px}.ml-2{margin-left:4px}.mt-2{margin-top:4px}.mb-2{margin-bottom:4px}.ma-2{margin:4px}.mx-2{margin-left:4px;margin-right:4px}.my-2{margin-bottom:4px;margin-top:4px}.mr-3{margin-right:6px}.ml-3{margin-left:6px}.mt-3{margin-top:6px}.mb-3{margin-bottom:6px}.ma-3{margin:6px}.mx-3{margin-left:6px;margin-right:6px}.my-3{margin-bottom:6px;margin-top:6px}.mr-4{margin-right:8px}.ml-4{margin-left:8px}.mt-4{margin-top:8px}.mb-4{margin-bottom:8px}.ma-4{margin:8px}.mx-4{margin-left:8px;margin-right:8px}.my-4{margin-bottom:8px;margin-top:8px}.mr-5{margin-right:10px}.ml-5{margin-left:10px}.mt-5{margin-top:10px}.mb-5{margin-bottom:10px}.ma-5{margin:10px}.mx-5{margin-left:10px;margin-right:10px}.my-5{margin-bottom:10px;margin-top:10px}.mr-6{margin-right:12px}.ml-6{margin-left:12px}.mt-6{margin-top:12px}.mb-6{margin-bottom:12px}.ma-6{margin:12px}.mx-6{margin-left:12px;margin-right:12px}.my-6{margin-bottom:12px;margin-top:12px}.mr-7{margin-right:14px}.ml-7{margin-left:14px}.mt-7{margin-top:14px}.mb-7{margin-bottom:14px}.ma-7{margin:14px}.mx-7{margin-left:14px;margin-right:14px}.my-7{margin-bottom:14px;margin-top:14px}.mr-8{margin-right:16px}.ml-8{margin-left:16px}.mt-8{margin-top:16px}.mb-8{margin-bottom:16px}.ma-8{margin:16px}.mx-8{margin-left:16px;margin-right:16px}.my-8{margin-bottom:16px;margin-top:16px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}body,html{line-height:1.6}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1rem;font-weight:400;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Poppins,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:.75em;text-shadow:0 1px 3px rgba(0,0,0,.05);transition:var(--liquid-transition)}h1{background:var(--bg-liquid-rainbow);background-clip:text;-webkit-background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;-webkit-text-fill-color:transparent;animation:liquid-gradient 6s ease-in-out infinite;background-size:200% 200%;position:relative}h2{color:var(--color-text-primary);font-size:clamp(2rem,4vw,3rem)}h2.thread-title{background:var(--bg-liquid-amethyst-gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h3{color:var(--color-text-primary);font-size:clamp(1.5rem,3vw,2.25rem)}h4{font-size:clamp(1.25rem,2.5vw,1.875rem)}h4,p{color:var(--color-text-secondary)}a{color:var(--color-primary);font-weight:500;position:relative;text-decoration:none;transition:var(--liquid-transition)}a:hover{color:var(--color-primary-hover)}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:24px;box-shadow:var(--shadow-liquid-md);overflow:hidden;padding:24px;position:relative;transition:var(--liquid-transition)}.card:before{animation:thread-shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(239,68,68,.2),rgba(168,85,247,.2),rgba(59,130,246,.2),rgba(16,185,129,.2),rgba(245,158,11,.2),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.card:hover{background:var(--color-bg-glass-hover);box-shadow:var(--shadow-liquid-lg);transform:var(--hover-lift) var(--hover-scale)}.card:hover:before{animation-duration:1.5s}.card:active{transform:var(--active-scale);transition:var(--liquid-bounce)}.card.ruby{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:24px;box-shadow:var(--shadow-liquid-md);overflow:hidden;padding:24px;position:relative;transition:var(--liquid-transition)}.card.ruby:before{animation:thread-shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(239,68,68,.3),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.card.ruby:hover{background:var(--color-bg-glass-hover);box-shadow:var(--shadow-liquid-lg);transform:var(--hover-lift) var(--hover-scale)}.card.ruby:hover:before{animation-duration:1.5s}.card.ruby:active{transform:var(--active-scale);transition:var(--liquid-bounce)}.card.emerald{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:24px;box-shadow:var(--shadow-liquid-md);overflow:hidden;padding:24px;position:relative;transition:var(--liquid-transition)}.card.emerald:before{animation:thread-shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.card.emerald:hover{background:var(--color-bg-glass-hover);box-shadow:var(--shadow-liquid-lg);transform:var(--hover-lift) var(--hover-scale)}.card.emerald:hover:before{animation-duration:1.5s}.card.emerald:active{transform:var(--active-scale);transition:var(--liquid-bounce)}.card.amethyst{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:24px;box-shadow:var(--shadow-liquid-md);overflow:hidden;padding:24px;position:relative;transition:var(--liquid-transition)}.card.amethyst:before{animation:thread-shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.card.amethyst:hover{background:var(--color-bg-glass-hover);box-shadow:var(--shadow-liquid-lg);transform:var(--hover-lift) var(--hover-scale)}.card.amethyst:hover:before{animation-duration:1.5s}.card.amethyst:active{transform:var(--active-scale);transition:var(--liquid-bounce)}.card.sapphire{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:24px;box-shadow:var(--shadow-liquid-md);overflow:hidden;padding:24px;position:relative;transition:var(--liquid-transition)}.card.sapphire:before{animation:thread-shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.card.sapphire:hover{background:var(--color-bg-glass-hover);box-shadow:var(--shadow-liquid-lg);transform:var(--hover-lift) var(--hover-scale)}.card.sapphire:hover:before{animation-duration:1.5s}.card.sapphire:active{transform:var(--active-scale);transition:var(--liquid-bounce)}.card.gold{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:24px;box-shadow:var(--shadow-liquid-md);overflow:hidden;padding:24px;position:relative;transition:var(--liquid-transition)}.card.gold:before{animation:thread-shimmer 3s infinite;background:linear-gradient(90deg,transparent,rgba(245,158,11,.3),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.card.gold:hover{background:var(--color-bg-glass-hover);box-shadow:var(--shadow-liquid-lg);transform:var(--hover-lift) var(--hover-scale)}.card.gold:hover:before{animation-duration:1.5s}.card.gold:active{transform:var(--active-scale);transition:var(--liquid-bounce)}.container{margin:0 auto;max-width:1400px;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}.loading-spinner{position:relative}.loading-spinner:before{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--color-bg-glass);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.loading-spinner:after{animation:liquid-spin 1.2s linear infinite;border:3px solid transparent;border-bottom:3px solid var(--color-accent);border-radius:50%;border-right:3px solid var(--color-secondary);border-top:3px solid var(--color-primary);content:"";height:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:32px;z-index:2}@keyframes liquid-gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes title-underline{to{transform:scaleX(1)}}@keyframes liquid-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:768px){body{font-size:.9rem}.card{border-radius:20px;padding:20px}button{font-size:.9rem;padding:12px 20px}input,select,textarea{border-radius:10px;font-size:.9rem;padding:12px 16px}}:root{--animation-duration:.4s;--animation-easing:cubic-bezier(.19,1,.22,1);--animation-bounce:cubic-bezier(.68,-.55,.265,1.55)}@media (prefers-reduced-motion:reduce){:root{--animation-duration:.1s;--animation-easing:linear;--animation-bounce:linear}}:focus-visible{border-radius:4px;outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--bg-liquid-sapphire-emerald);color:var(--color-text-inverse)}::-moz-selection{background:var(--bg-liquid-sapphire-emerald);color:var(--color-text-inverse)}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--bg-liquid-amethyst-gold);border:2px solid var(--color-bg-secondary);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--bg-liquid-rainbow)}@keyframes thread-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes yarn-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes needle-pierce{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@keyframes scissors-cut{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@media (max-width:768px){h1{font-size:clamp(2rem,8vw,3rem)}}@media (prefers-contrast:high){:root{--shadow-liquid-sm:0 2px 8px rgba(0,0,0,.5);--shadow-liquid-md:0 4px 16px rgba(0,0,0,.6);--shadow-liquid-lg:0 8px 32px rgba(0,0,0,.7)}button,input,select,textarea{border-width:2px}}@media print{*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}.liquid-pulse,.liquid-shimmer,.thread-shimmer{animation:none!important}}[data-theme=dark] .form-button.primary[data-v-da52bf4c]{color:var(--color-text-primary)}.form-button[data-v-da52bf4c]{align-items:center;-webkit-backdrop-filter:var(--backdrop-blur-light);backdrop-filter:var(--backdrop-blur-light);border:none;border-radius:var(--border-radius-thread,16px);cursor:pointer;display:inline-flex;font-family:var(--font-family-display),sans-serif;font-weight:600;gap:8px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:var(--liquid-transition)}.form-button.small[data-v-da52bf4c]{font-size:.875rem;line-height:.9rem;min-height:36px;padding:10px 16px}.form-button.medium[data-v-da52bf4c]{font-size:1rem;line-height:1.1rem;min-height:44px;padding:14px 24px}.form-button.large[data-v-da52bf4c]{font-size:1.125rem;line-height:1.3rem;min-height:52px;padding:18px 32px}.form-button.input[data-v-da52bf4c]{font-size:1rem;line-height:1rem;min-height:64px;min-width:64px;padding:16px 18px}.form-button.primary[data-v-da52bf4c]{background:var(--bg-liquid-sapphire-emerald)}.form-button.primary[data-v-da52bf4c],.form-button.secondary[data-v-da52bf4c]{box-shadow:var(--shadow-liquid-sm);color:var(--color-text-inverse)}.form-button.secondary[data-v-da52bf4c]{background:var(--bg-liquid-ruby-amethyst)}.form-button.accent[data-v-da52bf4c]{background:var(--bg-liquid-amethyst-gold);box-shadow:var(--shadow-liquid-sm);color:var(--color-text-inverse)}.form-button.rainbow[data-v-da52bf4c]{animation:thread-flow-da52bf4c 4s ease-in-out infinite;background:var(--bg-liquid-rainbow);background-size:200% 200%;box-shadow:var(--shadow-liquid-md);color:var(--color-text-inverse)}.form-button.glass[data-v-da52bf4c]{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--color-bg-glass);color:var(--color-text-primary)}.form-button.danger[data-v-da52bf4c]{background:var(--bg-liquid-ruby-red,linear-gradient(135deg,#dc2626,#991b1b));box-shadow:var(--shadow-liquid-sm);color:var(--color-text-inverse)}.form-button[data-v-da52bf4c]:hover:not(.disabled):not(.loading){box-shadow:var(--shadow-liquid-md);transform:var(--hover-lift) var(--hover-scale)}.form-button:hover:not(.disabled):not(.loading) .form-button-overlay[data-v-da52bf4c]{opacity:1;transform:translate(100%)}.form-button[data-v-da52bf4c]:active:not(.disabled):not(.loading){transform:var(--active-scale);transition:var(--liquid-bounce)}.form-button[data-v-da52bf4c]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-button.disabled[data-v-da52bf4c]{cursor:not-allowed;opacity:.5;transform:none!important}.form-button.disabled[data-v-da52bf4c]:hover{box-shadow:var(--shadow-liquid-sm);transform:none!important}.form-button.loading[data-v-da52bf4c]{cursor:wait}.form-button.loading .button-content[data-v-da52bf4c]{opacity:.7}.form-button.thread-shimmer[data-v-da52bf4c]:before{animation:thread-shimmer-da52bf4c 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:1}.button-content[data-v-da52bf4c]{align-items:center;display:flex;gap:8px;justify-content:center;position:relative;transition:var(--liquid-transition);z-index:2}.form-button--loading[data-v-da52bf4c]{animation:spin-da52bf4c 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.form-button-overlay[data-v-da52bf4c]{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);height:100%;left:-100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:var(--liquid-transition);width:100%;z-index:1}@keyframes thread-flow-da52bf4c{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes spin-da52bf4c{to{transform:rotate(1turn)}}@keyframes thread-shimmer-da52bf4c{0%{left:-100%}to{left:100%}}.main-card[data-v-e62e3b9b]{-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);background:var(--color-bg-glass);background-attachment:fixed;border:1px solid var(--color-border-glass);box-shadow:var(--shadow-liquid-lg);padding:32px;position:relative}.main-card[data-v-e62e3b9b],.main-card[data-v-e62e3b9b]:before{border-radius:var(--border-radius-2xl)}.main-card[data-v-e62e3b9b]:before{background:var(--color-bg-glass);content:"";inset:0;opacity:.8;position:sticky;z-index:-1}@media (max-width:768px){.main-card[data-v-e62e3b9b]{border-radius:var(--border-radius-xl);padding:24px}}.main-bg[data-v-7432ba3b]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.main-page[data-v-7ea9fb3a]{align-items:center;background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;position:relative;transition:background-color .2s;z-index:2}.main-page-content[data-v-7ea9fb3a]{padding:1rem;position:relative;width:100%;z-index:3}.main-page-content--small[data-v-7ea9fb3a]{max-width:800px}.main-page-content--medium[data-v-7ea9fb3a]{max-width:1000px}.main-page-content--large[data-v-7ea9fb3a]{max-width:1200px}.error-page[data-v-38ec5d46]{align-items:center;display:flex;justify-content:center}.error-content[data-v-38ec5d46]{overflow:hidden;position:relative;text-align:center}.error-icon[data-v-38ec5d46]{display:inline-flex;margin-bottom:24px;position:relative}.error-icon .error-emoji[data-v-38ec5d46]{font-size:4rem;position:relative;z-index:2}.error-title[data-v-38ec5d46]{font-size:2.5rem;font-weight:700;margin-bottom:16px;position:relative;z-index:2}@media (max-width:480px){.error-title[data-v-38ec5d46]{font-size:2rem}}.error-message[data-v-38ec5d46]{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:24px;position:relative;z-index:2}.error-details[data-v-38ec5d46]{background:var(--color-bg-glass-hover);border:1px solid var(--color-border-glass);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:8px;margin-bottom:32px;padding:16px;position:relative;z-index:2}.error-details .error-code[data-v-38ec5d46]{color:var(--color-error);font-size:1.5rem;font-weight:700}.error-details .error-description[data-v-38ec5d46]{color:var(--color-text-secondary);font-size:.875rem}.error-actions[data-v-38ec5d46]{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;position:relative;z-index:2}@media (max-width:480px){.error-actions[data-v-38ec5d46]{align-items:center;flex-direction:column}}