.nav-section[data-astro-cid-afdttjsk]{background-color:#fcfbf9f2;backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);padding:var(--space-2, 1rem) var(--space-4, 2rem);position:fixed;top:0;left:0;right:0;z-index:1000}.nav-section[data-astro-cid-afdttjsk] ul[data-astro-cid-afdttjsk]{list-style:none;padding:0;display:flex;gap:var(--space-1, .5rem);justify-content:center;align-items:center;flex-wrap:wrap;max-width:1100px;margin:0 auto}.nav-section[data-astro-cid-afdttjsk] li[data-astro-cid-afdttjsk]{margin:0}.nav-section[data-astro-cid-afdttjsk] a[data-astro-cid-afdttjsk]{text-decoration:none;color:var(--gray-700, #374151);font-weight:500;padding:var(--space-1, .5rem) var(--space-2, 1rem);transition:all .2s ease;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;position:relative;border-radius:4px}.nav-section[data-astro-cid-afdttjsk] a[data-astro-cid-afdttjsk]:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:0;background:radial-gradient(ellipse at center,rgba(147,51,234,.15) 0%,transparent 70%);transition:all .3s ease;border-radius:50%;pointer-events:none}.nav-section[data-astro-cid-afdttjsk] a[data-astro-cid-afdttjsk]:hover:before{width:100%;height:30px}.nav-section[data-astro-cid-afdttjsk] a[data-astro-cid-afdttjsk]:hover{color:var(--primary-purple, #9333ea)}@media(max-width:768px){.nav-section[data-astro-cid-afdttjsk]{padding:var(--space-1, .5rem) var(--space-2, 1rem)}.nav-section[data-astro-cid-afdttjsk] a[data-astro-cid-afdttjsk]{padding:var(--space-1, .5rem);font-size:.7rem}.nav-section[data-astro-cid-afdttjsk] ul[data-astro-cid-afdttjsk]{gap:.25rem}}:root{--primary-purple: #9333ea;--purple-dark: #7c3aed;--purple-light: #a855f7;--purple-lighter: #c084fc;--purple-lightest: #d8b4fe;--purple-bg: #faf5ff;--purple-bg-dark: #f3e8ff;--purple-bg-light: #fdfaff;--purple-text: #581c87;--purple-text-light: #9333ea;--purple-border: #e9d5ff;--purple-border-light: #f3e8ff;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--accent-teal: #06b6d4;--success-green: #10b981;--warning-orange: #f59e0b;--error-red: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--black: #000000;--color-bg: #fafafa;--color-surface: #ffffff;--color-border: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-accent: #7c3aed;--color-accent-hover: #6d28d9;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1rem}.tool-container{background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);overflow:hidden;box-shadow:var(--shadow-md)}.tool-header{padding:var(--space-4, 2rem);background-color:var(--purple-bg);border-bottom:2px solid var(--purple-border)}.tool-header h2{margin:0 0 var(--space-1, .5rem) 0;color:var(--purple-text);font-size:var(--text-xl, 1.5rem)}.tool-header p{margin:0 0 var(--space-2, 1rem) 0;color:var(--purple-text-light);font-size:.875rem}.tool-info{display:flex;align-items:center;gap:var(--space-1, .5rem);font-size:.75rem;color:var(--purple-text-light)}.tool-body{padding:var(--space-4, 2rem)}.input-section,.output-section{margin-bottom:var(--space-4, 2rem)}.input-section label,.output-section label{display:block;margin-bottom:var(--space-1, .5rem);font-weight:500;color:var(--purple-text)}.tool-container textarea{width:100%;min-height:200px;padding:var(--space-2, 1rem);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem;resize:vertical;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:var(--purple-bg);color:var(--purple-text)}.tool-container textarea:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9333ea1a}.color-preview{height:200px;border-radius:var(--radius-lg, 1rem);margin-bottom:var(--space-6, 3rem);display:flex;align-items:center;justify-content:center;border:3px solid var(--purple-border);box-shadow:var(--shadow-lg);background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.1) 75%);background-size:20px 20px;position:relative;overflow:hidden}.color-preview:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(5px);opacity:.3;z-index:0}.color-info{position:relative;z-index:1;color:var(--white);text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:600;font-size:1.25rem;padding:var(--space-3, 1.5rem);background-color:#0003;border-radius:var(--radius-md, .75rem);border:2px solid rgba(255,255,255,.3)}.color-info:after{content:attr(data-hex);display:block;font-size:.875rem;font-weight:400;margin-top:var(--space-1, .5rem);opacity:.8}.color-picker-section{margin-bottom:var(--space-6, 3rem);display:flex;flex-direction:column;gap:var(--space-2, 1rem);background-color:var(--purple-bg);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);box-shadow:var(--shadow-md)}.color-picker-section label{color:var(--purple-text);font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:var(--space-2, 1rem)}.color-picker-section label:before{content:"🎨";font-size:1.2rem}.color-picker-section input[type=color]{width:100%;height:60px;padding:var(--space-1, .5rem);border:3px solid var(--primary-purple);border-radius:var(--radius-lg, 1rem);cursor:pointer;background-color:transparent;transition:all .3s ease}.color-picker-section input[type=color]:hover{transform:scale(1.02);box-shadow:0 0 15px #9333ea80}.color-picker-section input[type=color]::-webkit-color-swatch{border-radius:var(--radius-lg, 1rem);border:2px solid var(--primary-purple)}.color-picker-section input[type=color]::-moz-color-swatch{border-radius:var(--radius-lg, 1rem);border:2px solid var(--primary-purple)}.input-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-5, 2.5rem);margin-bottom:var(--space-6, 3rem)}.input-section{background:linear-gradient(135deg,var(--purple-bg) 0%,var(--purple-bg-light) 100%);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.input-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--purple-dark) 100%)}.input-section h3{margin:0 0 var(--space-4, 2rem) 0;color:var(--purple-text);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2, 1rem)}.input-section h3:before{content:"";width:24px;height:24px;border-radius:50%;background-color:var(--primary-purple);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.rgb-section h3:before{content:"RGB";font-size:.6rem;line-height:1}.hex-section h3:before{content:"#";font-size:1rem}.hsl-section h3:before{content:"HSL";font-size:.6rem;line-height:1}.rgb-inputs,.hsl-inputs{display:flex;gap:var(--space-3, 1.5rem);margin-bottom:var(--space-4, 2rem);background-color:#fff;border-radius:var(--radius-md, .75rem);padding:var(--space-3, 1.5rem);box-shadow:var(--shadow-sm)}.rgb-field,.hsl-field{display:flex;flex-direction:column;gap:var(--space-2, 1rem);flex:1}.rgb-field label,.hsl-field label{font-weight:600;color:var(--primary-purple);font-size:.9rem;letter-spacing:.05em}.rgb-field input,.hsl-field input{padding:var(--space-2, 1rem);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);background-color:var(--white);color:var(--purple-text);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:1rem;font-weight:500;transition:all .3s ease}.rgb-field input:focus,.hsl-field input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9333ea33;transform:translateY(-2px)}.rgb-field input:hover,.hsl-field input:hover{border-color:var(--primary-purple);box-shadow:0 0 0 2px #9333ea1a}.hex-section input{width:100%;padding:var(--space-3, 1.5rem);border:3px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);background-color:var(--white);color:var(--primary-purple);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:1.25rem;font-weight:600;text-align:center;margin-bottom:var(--space-4, 2rem);letter-spacing:.1em;transition:all .3s ease;box-shadow:var(--shadow-sm)}.hex-section input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 4px #9333ea33;transform:translateY(-2px)}.hex-section input:hover{border-color:var(--primary-purple);box-shadow:0 0 0 2px #9333ea1a}.input-section .copy-btn{width:100%;padding:var(--space-3, 1.5rem);margin-top:var(--space-3, 1.5rem);background:linear-gradient(135deg,var(--primary-purple) 0%,var(--purple-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-lg, 1rem);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);letter-spacing:.05em}.input-section .copy-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #9333ea4d;background:linear-gradient(135deg,var(--purple-dark) 0%,var(--primary-purple) 100%)}.input-section .copy-btn:active{transform:translateY(0)}.tool-actions{display:flex;justify-content:center;gap:var(--space-3, 1.5rem);flex-wrap:wrap;margin-top:var(--space-4, 2rem)}.tool-actions .clear-btn{padding:var(--space-3, 1.5rem) var(--space-4, 2rem);background:linear-gradient(135deg,var(--purple-bg) 0%,var(--purple-bg-light) 100%);color:var(--primary-purple);border:2px solid var(--primary-purple);border-radius:var(--radius-lg, 1rem);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);letter-spacing:.05em}.tool-actions .clear-btn:hover{background:linear-gradient(135deg,var(--purple-bg-light) 0%,var(--primary-purple) 100%);color:var(--white);transform:translateY(-2px);box-shadow:0 10px 20px #9333ea4d;border-color:var(--purple-dark)}.gradient-section{margin-bottom:var(--space-6, 3rem);background:linear-gradient(135deg,var(--purple-bg) 0%,var(--purple-bg-light) 100%);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);box-shadow:var(--shadow-md)}.gradient-controls{display:flex;flex-direction:column;gap:var(--space-3, 1.5rem)}.gradient-controls h3{color:var(--purple-text);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2, 1rem)}.gradient-controls h3:before{content:"🎨";font-size:1.2rem}.gradient-type{display:flex;gap:var(--space-4, 2rem);background-color:var(--white);padding:var(--space-2, 1rem);border-radius:var(--radius-md, .75rem);box-shadow:var(--shadow-sm)}.gradient-type label{display:flex;align-items:center;gap:var(--space-2, 1rem);cursor:pointer;transition:all .3s ease}.gradient-type label:hover{color:var(--primary-purple)}.gradient-type input[type=radio]{cursor:pointer}.gradient-angle{display:flex;align-items:center;gap:var(--space-3, 1.5rem);background-color:var(--white);padding:var(--space-3, 1.5rem);border-radius:var(--radius-md, .75rem);box-shadow:var(--shadow-sm)}.gradient-angle input[type=range]{flex:1;cursor:pointer}.gradient-preview{height:100px;border-radius:var(--radius-lg, 1rem);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3, 1.5rem);color:var(--white);text-shadow:1px 1px 3px rgba(0,0,0,.7);font-weight:500;gap:var(--space-3, 1.5rem);position:relative;overflow:hidden}.gradient-preview:before{content:"";position:absolute;inset:0;background:inherit;filter:blur(5px);opacity:.3;z-index:0}.gradient-preview>*{position:relative;z-index:1}.gradient-preview p{font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem;background-color:#0003;padding:var(--space-1, .5rem) var(--space-2, 1rem);border-radius:var(--radius-sm, .5rem);word-break:break-all;max-width:100%}.color-theory-toggle{margin-bottom:var(--space-4, 2rem);display:flex;justify-content:center}.toggle-btn{padding:var(--space-2, 1rem) var(--space-4, 2rem);background:linear-gradient(135deg,var(--primary-purple) 0%,var(--purple-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-lg, 1rem);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.05em}.toggle-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #9333ea4d;background:linear-gradient(135deg,var(--purple-dark) 0%,var(--primary-purple) 100%)}.color-theory-section{margin-bottom:var(--space-6, 3rem);background:linear-gradient(135deg,var(--purple-bg) 0%,var(--purple-bg-light) 100%);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);box-shadow:var(--shadow-md)}.color-theory-section h3{color:var(--purple-text);font-size:1.25rem;font-weight:600;margin-bottom:var(--space-4, 2rem);display:flex;align-items:center;gap:var(--space-2, 1rem)}.color-theory-section h3:before{content:"🎨";font-size:1.2rem}.color-wheel-visualization{position:relative;width:100%;height:300px;margin-bottom:var(--space-6, 3rem);display:flex;align-items:center;justify-content:center;background:conic-gradient(from 0deg at 50% 50%,red,#ff0,#0f0,#0ff,#00f,#f0f,red 360deg);border-radius:var(--radius-lg, 1rem);overflow:hidden}.wheel-center{position:absolute;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px var(--white),0 0 20px #0000004d;z-index:10;color:var(--white);text-shadow:1px 1px 3px rgba(0,0,0,.7);font-weight:600;font-size:.875rem}.complementary-color{position:absolute;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--white),0 0 15px #0003;z-index:9;color:var(--white);text-shadow:1px 1px 2px rgba(0,0,0,.7);font-weight:500;font-size:.75rem}.analogous-colors,.triadic-colors{position:absolute;display:flex;gap:var(--space-4, 2rem);z-index:8}.analogous-left,.analogous-right,.triadic-left,.triadic-right{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--white),0 0 10px #0003;color:var(--white);text-shadow:1px 1px 2px rgba(0,0,0,.7);font-weight:500;font-size:.7rem;text-align:center}.analogous-colors{top:20%;left:20%}.analogous-left{transform:rotate(-30deg) translate(-20px)}.analogous-right{transform:rotate(30deg) translate(20px)}.triadic-colors{bottom:20%;right:20%}.triadic-left{transform:rotate(-120deg) translate(-15px)}.triadic-right{transform:rotate(120deg) translate(15px)}.complementary-color{right:20%;top:50%;transform:translateY(-50%)}.color-palettes{display:flex;flex-wrap:wrap;gap:var(--space-4, 2rem);margin-top:var(--space-6, 3rem)}.palette-color{flex:1;min-width:150px;padding:var(--space-4, 2rem);background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.palette-color:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(ellipse at center,rgba(147,51,234,.1) 0%,transparent 70%);transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:0;pointer-events:none;transform:translate(-50%,-50%);z-index:0}.palette-color:hover:before{width:120%;height:120%}.palette-color:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000000f;border-color:var(--primary-lighter)}.palette-color .tool-link{position:relative;z-index:1}.palette-color h2{margin:0 0 var(--space-2, 1rem) 0;color:var(--purple-text);font-size:var(--text-xl, 1.5rem)}.palette-color p{margin:0 0 var(--space-4, 2rem) 0;color:var(--purple-text-light);line-height:1.5}.tool-link{display:inline-block;padding:var(--space-2, 1rem) var(--space-3, 1.5rem);background:linear-gradient(135deg,var(--purple-lightest) 0%,var(--purple-lighter) 100%);color:var(--purple-text);text-decoration:none;border:2px solid var(--primary-purple);border-radius:var(--radius-md, .75rem);font-weight:500;transition:all .2s ease-in-out}.tool-link:hover{background:linear-gradient(135deg,var(--purple-lighter) 0%,var(--primary-purple) 100%)}.qr-generator{background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);box-shadow:var(--shadow-md);padding:var(--space-4, 2rem)}.qr-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6, 3rem);max-width:1200px;margin:0 auto}.qr-controls{display:flex;flex-direction:column;gap:var(--space-6, 3rem)}.control-section{background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);box-shadow:var(--shadow-md)}.control-section h3{margin:0 0 var(--space-3, 1.5rem) 0;color:var(--purple-text);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2, 1rem)}.control-section h3:before{content:"";width:24px;height:24px;border-radius:50%;background-color:var(--primary-purple);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.qr-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3, 1.5rem)}.qr-type-btn{position:relative;overflow:hidden;padding:var(--space-2, 1rem);background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);display:flex;flex-direction:column;align-items:center;gap:var(--space-1, .5rem);cursor:pointer;transition:all .2s ease-in-out}.qr-type-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(ellipse at center,rgba(147,51,234,.1) 0%,transparent 70%);transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:0;pointer-events:none;transform:translate(-50%,-50%);z-index:0}.qr-type-btn:hover:before{width:120%;height:120%}.qr-type-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000f;border-color:var(--primary-lighter)}.qr-type-btn.active{background:linear-gradient(135deg,var(--primary-purple) 0%,var(--purple-dark) 100%);border-color:var(--primary-purple);color:var(--white)}.qr-type-btn .type-content{position:relative;z-index:1}.type-icon{font-size:1.5rem}.type-label{font-size:.875rem;font-weight:500;text-align:center}.qr-input{width:100%;padding:var(--space-2, 1rem);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);font-family:var(--font-sans),sans-serif;font-size:1rem;resize:vertical;min-height:120px;transition:all .2s ease-in-out;position:relative;overflow:hidden}.qr-input:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(ellipse at center,rgba(147,51,234,.1) 0%,transparent 70%);transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:0;pointer-events:none;transform:translate(-50%,-50%);z-index:0}.qr-input:hover:before{width:120%;height:120%}.qr-input:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000f;border-color:var(--primary-lighter)}.qr-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 4px #9333ea33}.input-hint{margin-top:var(--space-1, .5rem);font-size:.875rem;color:var(--purple-text-light)}.input-error{margin-top:var(--space-1, .5rem);padding:var(--space-1, .5rem);background-color:#ef44441a;color:var(--error-red);border-radius:var(--radius-sm, .5rem);font-size:.875rem;border-left:4px solid var(--error-red)}.color-controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 2rem)}.color-field{display:flex;flex-direction:column;gap:var(--space-1, .5rem)}.color-input-wrapper{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-2, 1rem);padding:var(--space-1, .5rem);background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem)}.color-input-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(ellipse at center,rgba(147,51,234,.1) 0%,transparent 70%);transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:0;pointer-events:none;transform:translate(-50%,-50%);z-index:0}.color-input-wrapper:hover:before{width:120%;height:120%}.color-input-wrapper:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000f;border-color:var(--primary-lighter)}.color-input-wrapper .color-content{position:relative;z-index:1}.color-picker{width:50px;height:50px;border:none;border-radius:var(--radius-sm, .5rem);cursor:pointer}.color-value{font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem;color:var(--purple-text);font-weight:500}.qr-preview{display:flex;flex-direction:column;align-items:center;justify-content:center}.preview-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4, 2rem)}.qr-output{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 1.5rem)}.qr-wrapper{position:relative;padding:var(--space-4, 2rem);background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);box-shadow:var(--shadow-md)}.qr-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:var(--space-1, .5rem) var(--space-2, 1rem);border-radius:var(--radius-sm, .5rem);font-size:.875rem;white-space:nowrap;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.qr-wrapper:hover .qr-tooltip{opacity:1}.download-btn{position:relative;overflow:hidden;padding:var(--space-2, 1rem) var(--space-4, 2rem);background:linear-gradient(135deg,var(--primary-purple) 0%,var(--purple-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-lg, 1rem);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.05em}.download-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(ellipse at center,rgba(147,51,234,.1) 0%,transparent 70%);transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:0;pointer-events:none;transform:translate(-50%,-50%);z-index:0}.download-btn:hover:before{width:120%;height:120%}.download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #9333ea4d;background:linear-gradient(135deg,var(--purple-dark) 0%,var(--primary-purple) 100%)}.download-btn .btn-content{position:relative;z-index:1}.download-hint{margin-top:var(--space-1, .5rem);font-size:.875rem;color:var(--purple-text-light)}.qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6, 3rem);background:var(--purple-bg);border:2px dashed var(--purple-border);border-radius:var(--radius-lg, 1rem);text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:var(--space-3, 1.5rem);color:var(--primary-purple)}.qr-placeholder p{color:var(--purple-text-light);font-size:1.1rem}@media(max-width:768px){.qr-layout{grid-template-columns:1fr}}.tools-description{color:var(--purple-text-light);margin-bottom:var(--space-6, 3rem);max-width:800px}.tools-content h1{text-align:center;margin-bottom:var(--space-2, 1rem);color:var(--purple-text);font-size:var(--text-3xl, 2.75rem)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3, 1.5rem);margin:var(--space-6, 3rem) 0}.gallery-item{border-radius:var(--radius-md, .75rem);overflow:hidden;border:2px solid var(--purple-border);cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.gallery-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-purple)}.gallery-item img{width:100%;height:250px;object-fit:cover;display:block}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4, 2rem);opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.lightbox.open{opacity:1;pointer-events:auto}.lightbox-close{position:absolute;top:var(--space-2, 1rem);right:var(--space-2, 1rem);background:#9333eae6;color:var(--white);border:none;border-radius:50%;width:40px;height:40px;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out}.lightbox-close:hover{background-color:var(--primary-purple)}.lightbox-content{max-width:90%;max-height:80vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:80vh;border-radius:var(--radius-md, .75rem);object-fit:contain}.lightbox-caption{margin-top:var(--space-2, 1rem);color:var(--white);font-size:.875rem;text-align:center}.contact-section{background-color:var(--purple-bg-dark);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem)}.contact-section h2{margin:0 0 var(--space-3, 1.5rem) 0;color:var(--purple-text);font-size:var(--text-xl, 1.5rem)}.contact-section p{margin:0 0 var(--space-3, 1.5rem) 0;color:var(--purple-text)}.contact-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2, 1rem)}.contact-section li{margin:0}.contact-section a{display:inline-flex;align-items:center;gap:var(--space-1, .5rem);color:var(--primary-purple);text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.contact-section a:hover{color:var(--purple-dark);transform:translate(5px)}.contact-section a:before{content:"→";font-size:.875rem}.contact-section address{font-style:normal;color:var(--purple-text);line-height:1.6;margin:0}.regex-input{width:100%;min-height:120px;padding:var(--space-2, 1rem);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem;resize:vertical;transition:all .2s ease-in-out;background-color:var(--purple-bg);color:var(--purple-text)}.regex-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9333ea1a}.regex-output{width:100%;min-height:200px;padding:var(--space-2, 1rem);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem;line-height:1.5;background-color:var(--purple-bg);color:var(--purple-text);white-space:pre-wrap;word-break:break-all}.regex-match{background-color:#9333ea33;padding:2px 4px;border-radius:3px;font-weight:700;color:var(--primary-purple)}.regex-special{color:var(--primary-purple);font-weight:700}.engine-selector{margin:var(--space-6, 3rem) 0;background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);box-shadow:var(--shadow-md)}.engine-selector label{display:block;margin-bottom:var(--space-2, 1rem);color:var(--purple-text);font-weight:500}.engine-select{width:100%;padding:var(--space-2, 1rem);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);font-family:var(--font-sans),sans-serif;font-size:1rem;background-color:var(--purple-bg);color:var(--purple-text);transition:all .2s ease-in-out}.engine-select:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9333ea1a}.cheat-sheet-toggle,.examples-toggle{padding:var(--space-2, 1rem) var(--space-3, 1.5rem);background:linear-gradient(135deg,var(--primary-purple) 0%,var(--purple-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-md, .75rem);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out;margin-bottom:var(--space-2, 1rem)}.cheat-sheet-toggle:hover,.examples-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 8px #9333ea4d}.cheat-sheet{background:var(--purple-bg);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);margin-bottom:var(--space-4, 2rem)}.cheat-sheet h4{margin:0 0 var(--space-3, 1.5rem) 0;color:var(--purple-text);font-size:1.1rem;font-weight:600}.cheat-sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-2, 1rem)}.cheat-sheet-item{background-color:#9333ea1a;padding:var(--space-1, .5rem) var(--space-2, 1rem);border-radius:var(--radius-md, .75rem);font-size:.875rem;color:var(--purple-text);border:1px solid var(--purple-border)}.examples-section{background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);margin-bottom:var(--space-4, 2rem)}.examples-section h4{margin:0 0 var(--space-3, 1.5rem) 0;color:var(--purple-text);font-size:1.1rem;font-weight:600}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4, 2rem)}.example-card{background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);box-shadow:var(--shadow-md);transition:all .2s ease-in-out}.example-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-purple)}.example-pattern,.example-text{margin:0 0 var(--space-1, .5rem) 0;font-size:.875rem}.example-pattern code,.example-text code{background-color:var(--purple-bg);padding:2px 6px;border-radius:3px;font-family:var(--font-mono, "JetBrains Mono", monospace),monospace}.load-example-btn{padding:var(--space-1, .5rem) var(--space-2, 1rem);background:linear-gradient(135deg,var(--primary-purple) 0%,var(--purple-dark) 100%);color:var(--white);border:none;border-radius:var(--radius-md, .75rem);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out;margin-top:var(--space-2, 1rem)}.load-example-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #9333ea4d}.matches-table-container{margin-top:var(--space-4, 2rem);overflow-x:auto}.matches-table{width:100%;border-collapse:collapse;font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem}.matches-table th,.matches-table td{padding:var(--space-2, 1rem);text-align:left;border:1px solid var(--purple-border)}.matches-table th{background-color:var(--purple-bg);color:var(--purple-text);font-weight:600}.matches-table tr:nth-child(2n){background-color:var(--purple-bg-light)}.group-item{margin:var(--space-1, .5rem) 0;padding:var(--space-1, .5rem);background-color:#9333ea1a;border-radius:var(--radius-sm, .5rem)}.execution-info{margin-top:var(--space-4, 2rem);padding:var(--space-3, 1.5rem);background-color:var(--purple-bg);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);display:flex;justify-content:space-between;gap:var(--space-3, 1.5rem)}.execution-info div{font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem;color:var(--purple-text)}.execution-info strong{color:var(--primary-purple)}.blog-posts{display:flex;flex-direction:column;gap:var(--space-6, 3rem)}.blog-post-card{background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.blog-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-purple);background-color:var(--purple-bg)}.blog-post-card h2{margin:0 0 var(--space-2, 1rem) 0;color:var(--purple-text);font-size:var(--text-xl, 1.5rem)}.blog-post-card h2 a{text-decoration:none;color:inherit}.blog-post-card h2 a:hover{color:var(--primary-purple)}.post-meta{display:flex;gap:var(--space-3, 1.5rem);margin-bottom:var(--space-2, 1rem);color:var(--purple-text-light);font-size:.875rem}.post-excerpt{margin:0 0 var(--space-3, 1.5rem) 0;color:var(--purple-text-light);line-height:1.6}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-1, .5rem)}.tag{background-color:var(--purple-border);padding:var(--space-1, .5rem);border-radius:var(--radius-sm, .5rem);font-size:.875rem;color:var(--purple-text-light)}.project-card,.trip-card{background:var(--white);border:1px solid transparent;border-radius:0;padding:var(--space-4, 2rem);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-card:before,.trip-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(ellipse at center,rgba(147,51,234,.1) 0%,transparent 70%);transition:all .4s cubic-bezier(.16,1,.3,1);border-radius:0;pointer-events:none;transform:translate(-50%,-50%);z-index:0}.project-card:hover:before,.trip-card:hover:before{width:140%;height:140%}.project-card:hover,.trip-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000000f;border-color:var(--primary-lighter)}.project-card h2,.trip-card h2{margin:0 0 var(--space-2, 1rem) 0;color:var(--purple-text);font-size:var(--text-xl, 1.5rem)}.project-card h2 a,.trip-card h2 a{text-decoration:none;color:inherit}.project-card h2 a:hover,.trip-card h2 a:hover{color:var(--primary-purple)}.description,.trip-description{margin:0 0 var(--space-3, 1.5rem) 0;color:var(--purple-text-light);line-height:1.6}.trip-meta{display:flex;justify-content:space-between;margin-bottom:var(--space-2, 1rem);color:var(--purple-text-light);font-size:.875rem}.filter-btn{padding:var(--space-1, .5rem) var(--space-2, 1rem);background-color:var(--purple-border);border:none;border-radius:var(--radius-md, .75rem);cursor:pointer;font-weight:500;transition:all .2s ease-in-out;color:var(--purple-text)}.filter-btn:hover,.filter-btn.active{background-color:var(--primary-purple);color:var(--white)}.control-section{transition:all .3s ease;border-radius:8px;padding:16px;margin-bottom:16px;background:#fff;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.control-section h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #9333ea;display:inline-block}.pattern-input-wrapper{display:flex;gap:var(--space-2, 1rem)}.pattern-input{flex:1;padding:var(--space-2, 1rem);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:1rem;background-color:var(--purple-bg);color:var(--purple-text);transition:all .2s ease-in-out}.pattern-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9333ea1a}.flags-wrapper{display:flex;gap:var(--space-1, .5rem);align-items:center}.flags-input{padding:var(--space-2, 1rem);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem;width:100px;background-color:var(--purple-bg);color:var(--purple-text);transition:all .2s ease-in-out;text-align:center}.flags-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9333ea1a}.swap-flags-btn{padding:var(--space-2, 1rem);background-color:var(--purple-bg);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);color:var(--primary-purple);font-size:1rem;cursor:pointer;transition:all .2s ease-in-out}.swap-flags-btn:hover{background-color:var(--primary-purple);color:var(--white);border-color:var(--primary-purple)}.test-input{width:100%;min-height:200px;padding:var(--space-2, 1rem);border:2px solid var(--purple-border);border-radius:var(--radius-md, .75rem);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem;resize:vertical;transition:all .2s ease-in-out;background-color:var(--purple-bg);color:var(--purple-text);line-height:1.6}.test-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #9333ea1a}.regex-match{background-color:#9333ea33;padding:2px 4px;border-radius:3px;font-weight:700;color:var(--primary-purple);border:1px solid rgba(147,51,234,.3);transition:background-color .2s ease}.regex-match:hover{background-color:#9333ea4d}.regex-explanation{margin:var(--space-6, 3rem) 0;background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);padding:var(--space-4, 2rem);box-shadow:var(--shadow-md)}.regex-explanation h3{margin:0 0 var(--space-4, 2rem) 0;color:var(--purple-text);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:var(--space-2, 1rem)}.regex-explanation h3:before{content:"🔍";font-size:1.2rem}.explanation-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2, 1rem)}.explanation-list li{background-color:#9333ea1a;padding:var(--space-1, .5rem) var(--space-2, 1rem);border-radius:var(--radius-md, .75rem);font-size:.875rem;color:var(--purple-text);border:1px solid var(--purple-border);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace}.no-explanation{color:var(--purple-text-light);font-style:italic}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2, 1rem);margin-top:var(--space-3, 1.5rem)}.feature-item{background-color:var(--purple-bg);border:1px solid var(--purple-border);border-radius:var(--radius-md, .75rem);padding:var(--space-2, 1rem);transition:all .2s ease-in-out}.feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--primary-purple)}.feature-pattern{font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-weight:600;color:var(--primary-purple);font-size:.9rem;margin-bottom:var(--space-1, .5rem)}.feature-description{color:var(--purple-text);font-size:.875rem;margin-bottom:var(--space-1, .5rem)}.feature-type{background-color:#9333ea1a;padding:var(--space-1, .5rem) var(--space-2, 1rem);border-radius:var(--radius-sm, .5rem);font-size:.75rem;color:var(--purple-text-light);text-transform:uppercase;font-weight:500}.no-features{color:var(--purple-text-light);font-style:italic;padding:var(--space-2, 1rem);background-color:var(--purple-bg);border-radius:var(--radius-md, .5rem)}.matches-container{background:var(--white);border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);overflow:hidden;box-shadow:var(--shadow-md)}.matches-output{padding:var(--space-4, 2rem);min-height:150px;background-color:var(--purple-bg);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem;line-height:2;white-space:pre-wrap;word-break:break-all}.matches-details{padding:var(--space-4, 2rem);background-color:var(--purple-bg-light);border-top:2px solid var(--purple-border)}.matches-header{margin-bottom:var(--space-3, 1.5rem)}.matches-header h4{margin:0;color:var(--primary-purple);font-size:1.1rem;font-weight:600}.matches-list{list-style:none;padding:0;margin:0}.match-item{background-color:var(--white);border:1px solid var(--purple-border);border-radius:var(--radius-md, .75rem);padding:var(--space-3, 1.5rem);margin-bottom:var(--space-3, 1.5rem);transition:all .2s ease-in-out}.match-item:hover{transform:translate(5px);box-shadow:var(--shadow-sm);border-color:var(--primary-purple)}.match-header{display:flex;gap:var(--space-4, 2rem);margin-bottom:var(--space-2, 1rem);font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.875rem}.match-number{color:var(--primary-purple);font-weight:600}.match-text{color:var(--purple-text);font-weight:500}.match-position{color:var(--purple-text-light)}.match-groups{margin:var(--space-2, 1rem) 0;padding:var(--space-2, 1rem);background-color:#9333ea1a;border-radius:var(--radius-sm, .5rem)}.match-groups strong{display:block;margin-bottom:var(--space-1, .5rem);color:var(--primary-purple);font-weight:600}.group-item{display:inline-block;padding:var(--space-1, .5rem) var(--space-2, 1rem);background-color:var(--white);border-radius:var(--radius-sm, .5rem);margin:0 var(--space-1, .5rem) var(--space-1, .5rem) 0;color:var(--purple-text);font-size:.875rem;font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;border:1px solid var(--purple-border)}.match-range{color:var(--purple-text-light);font-size:.875rem;font-family:var(--font-mono, "JetBrains Mono", monospace),monospace}@media(prefers-reduced-motion:reduce){.filter-btn,.tool-card,.blog-post-card,.project-card,.trip-card{transition:none}}.diff-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 2rem);margin-bottom:var(--space-4, 2rem)}.diff-stats{display:flex;gap:var(--space-3, 1.5rem);margin-bottom:var(--space-4, 2rem);font-size:.875rem;font-weight:500}.stat-added{color:#16a34a;background-color:#16a34a1a;padding:var(--space-1, .5rem) var(--space-2, 1rem);border-radius:var(--radius-md, .75rem)}.stat-removed{color:#dc2626;background-color:#dc26261a;padding:var(--space-1, .5rem) var(--space-2, 1rem);border-radius:var(--radius-md, .75rem)}.stat-unchanged{color:var(--purple-text-light);background-color:var(--purple-bg);padding:var(--space-1, .5rem) var(--space-2, 1rem);border-radius:var(--radius-md, .75rem)}.diff-output-label{margin-bottom:var(--space-2, 1rem)}.diff-output-label h3{margin:0;color:var(--purple-text);font-size:1.1rem;font-weight:600}.diff-side-by-side{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--purple-border);border-radius:var(--radius-lg, 1rem);overflow:hidden;box-shadow:var(--shadow-md)}.diff-pane{overflow:hidden;display:flex;flex-direction:column}.diff-pane:first-child{border-right:1px solid var(--purple-border)}.diff-pane-header{background:linear-gradient(135deg,var(--purple-bg) 0%,var(--purple-bg-light) 100%);padding:var(--space-2, 1rem) var(--space-3, 1.5rem);font-weight:600;font-size:.875rem;color:var(--purple-text);border-bottom:2px solid var(--purple-border);text-transform:uppercase;letter-spacing:.05em}.diff-pane-content{overflow-y:auto;overflow-x:auto;max-height:500px;font-family:var(--font-mono, "JetBrains Mono", monospace),monospace;font-size:.8125rem;line-height:1.6;background-color:#fafafa}.diff-line{display:flex;min-height:1.6em;padding:0 var(--space-2, 1rem);white-space:pre}.diff-line-num{color:#9ca3af;width:3em;text-align:right;padding-right:var(--space-2, 1rem);user-select:none;flex-shrink:0;border-right:1px solid var(--purple-border);margin-right:var(--space-2, 1rem)}.diff-line-prefix{width:1.2em;flex-shrink:0;font-weight:700}.diff-line-text{flex:1;min-width:0}.diff-removed{background-color:#dc26261f}.diff-removed .diff-line-prefix{color:#dc2626}.diff-removed .diff-line-text{color:#7f1d1d}.diff-added{background-color:#16a34a1f}.diff-added .diff-line-prefix{color:#16a34a}.diff-added .diff-line-text{color:#14532d}.diff-unchanged{background-color:transparent}.diff-unchanged .diff-line-text{color:#374151}.diff-empty{background-color:#e5e7eb80}.diff-placeholder{padding:var(--space-6, 3rem);text-align:center;border:2px dashed var(--purple-border);border-radius:var(--radius-lg, 1rem);color:var(--purple-text-light);background-color:var(--purple-bg)}.diff-placeholder p{margin:0}@media(max-width:768px){.diff-inputs-grid,.diff-side-by-side{grid-template-columns:1fr}.diff-pane:first-child{border-right:none;border-bottom:1px solid var(--purple-border)}}@media print{*,*:before,*:after{text-shadow:none!important;box-shadow:none!important}a[href]:after{content:" (" attr(href) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}body{background:#fff!important;color:#000!important}.desktop-nav,.mobile-menu-btn,.filter-controls,.project-link,.copy-btn{display:none!important}.hero{border:2px solid #000;margin:2rem 0}.project-card,.blog-post-card,.trip-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd;margin-bottom:1rem}.projects-grid,.blog-posts{grid-template-columns:1fr}.projects-content,.blog-content,.about-content,.contact-content,.caving-content{max-width:100%;padding:0}.projects-content h1,.blog-content h1,.about-content h1,.contact-content h1,.caving-content h1{font-size:24pt;margin-bottom:1rem}.projects-grid,.blog-posts,.caving-trips{display:block;gap:0}.project-card,.blog-post-card,.trip-card{margin-bottom:1rem;break-inside:avoid}.cv-content{max-width:100%;padding:0}.cv-content h1{font-size:24pt;text-align:center;border-bottom:2px solid #000;padding-bottom:.5rem;margin-bottom:1rem}.cv-section{margin-bottom:2rem}.cv-section h2{font-size:16pt;margin-bottom:.5rem;color:#000}.cv-item{margin-bottom:.75rem}.cv-item h3,.skill-category h3{font-size:12pt;margin:0 0 .25rem;color:#000}.tag{background-color:#eee;color:#000;border:1px solid #999}.contact-content,.blog-post-detail{max-width:100%;padding:0}address{font-style:normal}img{max-width:100%!important;height:auto!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--purple-text);background-color:var(--purple-bg);margin:0;padding:0}a{color:var(--primary-purple);text-decoration:none;transition:all .2s ease-in-out}a:hover{color:var(--purple-dark)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin:0 0 1rem;color:var(--purple-text)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{margin:0 0 1rem;color:var(--purple-text);font-size:1.125rem}main{max-width:100%;margin:0;padding:0;position:relative;z-index:1}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}