:root{--site-primary: #007bff;--site-primary-light: #3399ff;--site-primary-dark: #0056b3;--site-secondary: #6c757d;--site-secondary-light: #8a9199;--site-secondary-dark: #545b62;--site-accent: #28a745;--site-accent-light: #48c774;--site-accent-dark: #1e7e34;--site-warning: #ffc107;--site-danger: #dc3545;--site-info: #17a2b8;--site-success: #28a745;--site-white: #ffffff;--site-light: #f8f9fa;--site-gray-100: #f8f9fa;--site-gray-200: #e9ecef;--site-gray-300: #dee2e6;--site-gray-400: #ced4da;--site-gray-500: #adb5bd;--site-gray-600: #6c757d;--site-gray-700: #495057;--site-gray-800: #343a40;--site-gray-900: #212529;--site-black: #000000;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 64px;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-serif: Georgia, "Times New Roman", serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-xxxl: 32px;--font-size-display: 48px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-width-thin: 1px;--border-width-normal: 2px;--border-width-thick: 3px;--border-width-heavy: 4px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 24px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-slower: .5s ease;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--container-max-width: 1200px;--container-padding: var(--spacing-md)}@media (prefers-color-scheme: dark){:root{--site-light: #1a1a1a;--site-gray-100: #2d2d2d;--site-gray-200: #404040;--site-gray-300: #525252;--site-gray-400: #737373;--site-gray-500: #a6a6a6;--site-gray-600: #bfbfbf;--site-gray-700: #d9d9d9;--site-gray-800: #f2f2f2;--site-gray-900: #ffffff}}:root{--site-theme-base: #ffffff;--site-theme-main: #96d6db;--site-theme-accent: #f59e0b;--site-theme-text: #1a2528;--site-theme-font-family: '"Noto Sans JP", sans-serif';--site-theme-font-weight: 400;--site-theme-font-size: 16px;--site-page-background: #ffffff}.theme-site-integrated{--theme-primary: var(--site-theme-main);--theme-primary-light: color-mix( in srgb, var(--site-theme-main) 80%, white );--theme-primary-dark: color-mix(in srgb, var(--site-theme-main) 80%, black);--theme-secondary: var(--site-theme-text);--theme-secondary-light: color-mix( in srgb, var(--site-theme-text) 70%, white );--theme-secondary-dark: color-mix( in srgb, var(--site-theme-text) 70%, black );--theme-accent: var(--site-theme-accent);--theme-accent-light: color-mix( in srgb, var(--site-theme-accent) 80%, white );--theme-accent-dark: color-mix( in srgb, var(--site-theme-accent) 80%, black );--theme-bg-primary: var(--site-theme-base);--theme-bg-secondary: color-mix( in srgb, var(--site-theme-base) 95%, var(--site-theme-main) );--theme-bg-accent: color-mix( in srgb, var(--site-theme-base) 90%, var(--site-theme-accent) );--theme-text-primary: var(--site-theme-text);--theme-text-secondary: color-mix( in srgb, var(--site-theme-text) 70%, var(--site-theme-base) );--theme-text-muted: color-mix( in srgb, var(--site-theme-text) 50%, var(--site-theme-base) );--theme-border-primary: color-mix( in srgb, var(--site-theme-main) 30%, var(--site-theme-base) );--theme-border-secondary: color-mix( in srgb, var(--site-theme-text) 20%, var(--site-theme-base) );--theme-border-accent: var(--site-theme-accent);--theme-shadow: 0 1px 3px rgba(0, 0, 0, .1);--theme-shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--theme-radius: 8px;--theme-radius-large: 12px}[data-theme-colors]{--site-theme-base: var(--theme-base, #ffffff);--site-theme-main: var(--theme-main, #96d6db);--site-theme-accent: var(--theme-accent, #f59e0b);--site-theme-text: var(--theme-text, #1a2528)}.theme-auto-colors{--theme-success: #10b981;--theme-success-light: #34d399;--theme-success-dark: #059669;--theme-warning: #f59e0b;--theme-warning-light: #fbbf24;--theme-warning-dark: #d97706;--theme-error: #ef4444;--theme-error-light: #f87171;--theme-error-dark: #dc2626;--theme-info: #3b82f6;--theme-info-light: #60a5fa;--theme-info-dark: #2563eb}.theme-fallback{--site-theme-base: #ffffff;--site-theme-main: #96d6db;--site-theme-accent: #f59e0b;--site-theme-text: #1a2528}.theme-loading{opacity:.7;transition:opacity .3s ease}.theme-loaded{opacity:1}@media (max-width: 768px){.theme-site-integrated{--theme-primary: color-mix(in srgb, var(--site-theme-main) 90%, black);--theme-accent: color-mix(in srgb, var(--site-theme-accent) 90%, black)}}@media (max-width: 480px){.theme-site-integrated{--theme-primary: color-mix(in srgb, var(--site-theme-main) 85%, black);--theme-accent: color-mix(in srgb, var(--site-theme-accent) 85%, black)}}@media (prefers-color-scheme: dark){.theme-site-integrated{--theme-bg-primary: #1a1a1a;--theme-bg-secondary: #2d2d2d;--theme-text-primary: #ffffff;--theme-text-secondary: #cccccc;--theme-border-primary: #404040;--theme-border-secondary: #333333}}.theme-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.theme-hover-effect{transition:all .2s ease}.theme-hover-effect:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.bg-theme-base{background-color:var(--site-theme-base)}.bg-theme-main{background-color:var(--site-theme-main)}.bg-theme-accent{background-color:var(--site-theme-accent)}.bg-theme-text{background-color:var(--site-theme-text)}.text-theme-base{color:var(--site-theme-base)}.text-theme-main{color:var(--site-theme-main)}.text-theme-accent{color:var(--site-theme-accent)}.text-theme-text{color:var(--site-theme-text)}.border-theme-base{border-color:var(--site-theme-base)}.border-theme-main{border-color:var(--site-theme-main)}.border-theme-accent{border-color:var(--site-theme-accent)}.border-theme-text{border-color:var(--site-theme-text)}.theme-debug{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:10px;border-radius:5px;font-size:12px;z-index:9999;display:none}.theme-debug.show{display:block}.theme-debug .color-preview{width:20px;height:20px;border-radius:3px;margin:2px;display:inline-block}.theme-debug .color-preview.base{background-color:var(--site-theme-base)}.theme-debug .color-preview.main{background-color:var(--site-theme-main)}.theme-debug .color-preview.accent{background-color:var(--site-theme-accent)}.theme-debug .color-preview.text{background-color:var(--site-theme-text)}.theme-simple-1{--theme-primary: var(--site-primary);--theme-primary-light: var(--site-primary-light);--theme-primary-dark: var(--site-primary-dark);--theme-secondary: var(--site-secondary);--theme-secondary-light: var(--site-secondary-light);--theme-secondary-dark: var(--site-secondary-dark);--theme-accent: var(--site-accent);--theme-accent-light: var(--site-accent-light);--theme-accent-dark: var(--site-accent-dark);--theme-bg-primary: var(--site-white);--theme-bg-secondary: var(--site-light);--theme-bg-accent: #f8f9ff;--theme-text-primary: var(--site-gray-900);--theme-text-secondary: var(--site-gray-700);--theme-text-muted: var(--site-gray-500);--theme-border-primary: var(--site-gray-300);--theme-border-secondary: var(--site-gray-200);--theme-border-accent: var(--site-primary);--theme-shadow: var(--shadow-sm);--theme-shadow-hover: var(--shadow-md);--theme-radius: var(--border-radius-sm);--theme-radius-large: var(--border-radius-md)}.theme-modern-1{--theme-primary: var(--site-primary);--theme-primary-light: var(--site-primary-light);--theme-primary-dark: var(--site-primary-dark);--theme-secondary: var(--site-secondary);--theme-secondary-light: var(--site-secondary-light);--theme-secondary-dark: var(--site-secondary-dark);--theme-accent: var(--site-accent);--theme-accent-light: var(--site-accent-light);--theme-accent-dark: var(--site-accent-dark);--theme-bg-primary: var(--site-white);--theme-bg-secondary: #fafbfc;--theme-bg-accent: #f0f4ff;--theme-text-primary: var(--site-gray-900);--theme-text-secondary: var(--site-gray-700);--theme-text-muted: var(--site-gray-500);--theme-border-primary: var(--site-gray-200);--theme-border-secondary: var(--site-gray-100);--theme-border-accent: var(--site-primary);--theme-shadow: var(--shadow-md);--theme-shadow-hover: var(--shadow-lg);--theme-radius: var(--border-radius-md);--theme-radius-large: var(--border-radius-lg)}.theme-elegant-1{--theme-primary: var(--site-primary);--theme-primary-light: var(--site-primary-light);--theme-primary-dark: var(--site-primary-dark);--theme-secondary: var(--site-secondary);--theme-secondary-light: var(--site-secondary-light);--theme-secondary-dark: var(--site-secondary-dark);--theme-accent: var(--site-accent);--theme-accent-light: var(--site-accent-light);--theme-accent-dark: var(--site-accent-dark);--theme-bg-primary: var(--site-white);--theme-bg-secondary: #fefefe;--theme-bg-accent: #f8f9ff;--theme-text-primary: var(--site-gray-900);--theme-text-secondary: var(--site-gray-700);--theme-text-muted: var(--site-gray-500);--theme-border-primary: var(--site-gray-200);--theme-border-secondary: var(--site-gray-100);--theme-border-accent: var(--site-primary);--theme-shadow: var(--shadow-lg);--theme-shadow-hover: var(--shadow-xl);--theme-radius: var(--border-radius-lg);--theme-radius-large: var(--border-radius-xl)}.theme-playful-1{--theme-primary: var(--site-primary);--theme-primary-light: var(--site-primary-light);--theme-primary-dark: var(--site-primary-dark);--theme-secondary: var(--site-secondary);--theme-secondary-light: var(--site-secondary-light);--theme-secondary-dark: var(--site-secondary-dark);--theme-accent: var(--site-accent);--theme-accent-light: var(--site-accent-light);--theme-accent-dark: var(--site-accent-dark);--theme-bg-primary: var(--site-white);--theme-bg-secondary: #fff9f0;--theme-bg-accent: #fff0f0;--theme-text-primary: var(--site-gray-900);--theme-text-secondary: var(--site-gray-700);--theme-text-muted: var(--site-gray-500);--theme-border-primary: var(--site-gray-300);--theme-border-secondary: var(--site-gray-200);--theme-border-accent: var(--site-primary);--theme-shadow: var(--shadow-md);--theme-shadow-hover: var(--shadow-lg);--theme-radius: var(--border-radius-lg);--theme-radius-large: var(--border-radius-2xl)}.theme-corporate-1{--theme-primary: var(--site-primary);--theme-primary-light: var(--site-primary-light);--theme-primary-dark: var(--site-primary-dark);--theme-secondary: var(--site-secondary);--theme-secondary-light: var(--site-secondary-light);--theme-secondary-dark: var(--site-secondary-dark);--theme-accent: var(--site-accent);--theme-accent-light: var(--site-accent-light);--theme-accent-dark: var(--site-accent-dark);--theme-bg-primary: var(--site-white);--theme-bg-secondary: #f8f9fa;--theme-bg-accent: #f0f2f5;--theme-text-primary: var(--site-gray-900);--theme-text-secondary: var(--site-gray-700);--theme-text-muted: var(--site-gray-500);--theme-border-primary: var(--site-gray-300);--theme-border-secondary: var(--site-gray-200);--theme-border-accent: var(--site-primary);--theme-shadow: var(--shadow-sm);--theme-shadow-hover: var(--shadow-md);--theme-radius: var(--border-radius-sm);--theme-radius-large: var(--border-radius-md)}.theme-natural-1{--theme-primary: var(--site-primary);--theme-primary-light: var(--site-primary-light);--theme-primary-dark: var(--site-primary-dark);--theme-secondary: var(--site-secondary);--theme-secondary-light: var(--site-secondary-light);--theme-secondary-dark: var(--site-secondary-dark);--theme-accent: var(--site-accent);--theme-accent-light: var(--site-accent-light);--theme-accent-dark: var(--site-accent-dark);--theme-bg-primary: var(--site-white);--theme-bg-secondary: #f8f9f6;--theme-bg-accent: #f0f4f0;--theme-text-primary: var(--site-gray-900);--theme-text-secondary: var(--site-gray-700);--theme-text-muted: var(--site-gray-500);--theme-border-primary: var(--site-gray-300);--theme-border-secondary: var(--site-gray-200);--theme-border-accent: var(--site-primary);--theme-shadow: var(--shadow-sm);--theme-shadow-hover: var(--shadow-md);--theme-radius: var(--border-radius-md);--theme-radius-large: var(--border-radius-lg)}.theme-japanese-1{--theme-primary: var(--site-primary);--theme-primary-light: var(--site-primary-light);--theme-primary-dark: var(--site-primary-dark);--theme-secondary: var(--site-secondary);--theme-secondary-light: var(--site-secondary-light);--theme-secondary-dark: var(--site-secondary-dark);--theme-accent: var(--site-accent);--theme-accent-light: var(--site-accent-light);--theme-accent-dark: var(--site-accent-dark);--theme-bg-primary: var(--site-white);--theme-bg-secondary: #fefefe;--theme-bg-accent: #f8f9ff;--theme-text-primary: var(--site-gray-900);--theme-text-secondary: var(--site-gray-700);--theme-text-muted: var(--site-gray-500);--theme-border-primary: var(--site-gray-200);--theme-border-secondary: var(--site-gray-100);--theme-border-accent: var(--site-primary);--theme-shadow: var(--shadow-sm);--theme-shadow-hover: var(--shadow-md);--theme-radius: var(--border-radius-sm);--theme-radius-large: var(--border-radius-md)}.theme-tech-1{--theme-primary: var(--site-primary);--theme-primary-light: var(--site-primary-light);--theme-primary-dark: var(--site-primary-dark);--theme-secondary: var(--site-secondary);--theme-secondary-light: var(--site-secondary-light);--theme-secondary-dark: var(--site-secondary-dark);--theme-accent: var(--site-accent);--theme-accent-light: var(--site-accent-light);--theme-accent-dark: var(--site-accent-dark);--theme-bg-primary: var(--site-white);--theme-bg-secondary: #f0f2f5;--theme-bg-accent: #e6f0ff;--theme-text-primary: var(--site-gray-900);--theme-text-secondary: var(--site-gray-700);--theme-text-muted: var(--site-gray-500);--theme-border-primary: var(--site-gray-300);--theme-border-secondary: var(--site-gray-200);--theme-border-accent: var(--site-primary);--theme-shadow: var(--shadow-lg);--theme-shadow-hover: var(--shadow-xl);--theme-radius: var(--border-radius-md);--theme-radius-large: var(--border-radius-lg)}.section{display:block;box-sizing:border-box;width:100%;min-height:100px;border:var(--border-width-thin) solid var(--theme-border-primary);border-radius:var(--border-radius-sm);background-color:var(--theme-bg-secondary);box-shadow:var(--theme-shadow);padding:var(--spacing-lg);margin:0 0 var(--spacing-lg) 0;transition:all var(--transition-normal);position:relative}.section:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-2px)}.section.hero{min-height:400px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-light));color:#fff;border:none}.section.hero h1{font-size:var(--font-size-display);margin-bottom:var(--spacing-lg);text-shadow:0 2px 4px rgba(0,0,0,.3)}.section.hero p{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);opacity:.9}.section.content{background-color:var(--theme-bg-primary);border-color:var(--theme-border-secondary)}.section.cards{background-color:var(--theme-bg-secondary);padding:var(--spacing-xl)}.section.cards .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.section.gallery{background-color:var(--theme-bg-secondary);padding:var(--spacing-xl)}.section.gallery .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.section.form{background-color:var(--theme-bg-primary);border-color:var(--theme-border-secondary)}.section.footer{background-color:var(--theme-bg-secondary);border-top:var(--border-width-thick) solid var(--theme-primary);margin-bottom:0}.theme-simple-1 .section{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-simple-1 .section:hover{box-shadow:var(--theme-shadow-hover)}.theme-modern-1 .section{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-modern-1 .section:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-3px)}.theme-elegant-1 .section{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-elegant-1 .section:hover{box-shadow:var(--theme-shadow-hover)}.theme-playful-1 .section{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-playful-1 .section:hover{box-shadow:var(--theme-shadow-hover);transform:scale(1.01)}.theme-corporate-1 .section{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-corporate-1 .section:hover{box-shadow:var(--theme-shadow-hover)}.theme-natural-1 .section{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-natural-1 .section:hover{box-shadow:var(--theme-shadow-hover)}.theme-japanese-1 .section{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-japanese-1 .section:hover{box-shadow:var(--theme-shadow-hover)}.theme-tech-1 .section{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-tech-1 .section:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-2px)}.section.style-1{background-color:#00f!important;color:#fff!important;border-color:#00f!important;border-radius:var(--border-radius-md);box-shadow:0 4px 16px #00f3}.section.style-1:hover{box-shadow:0 6px 20px #0000ff4d}.section.style-2{background-color:#f60!important;color:#fff!important;border-color:#f60!important;border-radius:var(--border-radius-lg);border:2px solid #ff6600}.section.style-2:hover{background-color:transparent!important;color:#f60!important}.section.style-3{background-color:#90c!important;color:#fff!important;border-color:#90c!important;border-radius:var(--border-radius-xl);box-shadow:0 4px 16px #90c3}.section.style-3:hover{box-shadow:0 6px 20px #9900cc4d}.section.style-4{background-color:#0c6!important;color:#fff!important;border-color:#0c6!important;border-radius:var(--border-radius-md);border:2px solid #00cc66}.section.style-4:hover{background-color:transparent!important;color:#0c6!important}.section.style-5{background-color:#c00!important;color:#fff!important;border-color:#c00!important;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #cc00004d}.section.style-5:hover{box-shadow:0 4px 12px #c006}.section.size-xs{padding:var(--spacing-sm);min-height:80px}.section.size-sm{padding:var(--spacing-md);min-height:120px}.section.size-md{padding:var(--spacing-lg);min-height:160px}.section.size-lg{padding:var(--spacing-xl);min-height:200px}.section.size-xl{padding:var(--spacing-xxl);min-height:300px}.section.size-full{padding:var(--spacing-xxxl);min-height:400px}.section.flex{display:flex;align-items:center;justify-content:center}.section.flex-start{display:flex;align-items:flex-start;justify-content:flex-start}.section.flex-end{display:flex;align-items:flex-end;justify-content:flex-end}.section.flex-between{display:flex;align-items:center;justify-content:space-between}.section.flex-around{display:flex;align-items:center;justify-content:space-around}.section.flex-column{display:flex;flex-direction:column;align-items:center;justify-content:center}.section.flex-column-start{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.section.grid{display:grid;gap:var(--spacing-sm)}.section.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.section.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm)}.section.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--spacing-sm)}.section.gradient-primary{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-light));color:#fff;border-color:transparent}.section.gradient-secondary{background:linear-gradient(135deg,var(--theme-secondary),var(--theme-secondary-light));color:#fff;border-color:transparent}.section.gradient-accent{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-light));color:#fff;border-color:transparent}.section.glass{background-color:#ffffff1a;backdrop-filter:blur(10px);border-color:#fff3;color:var(--theme-text-primary)}.section.neomorphic{background-color:var(--theme-bg-secondary);box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #fffc;border-color:transparent}.section.neomorphic:hover{box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fffc}.section.animate-fade-in{animation:fadeIn .5s ease-in}.section.animate-slide-up{animation:slideUp .5s ease-out}.section.animate-zoom-in{animation:zoomIn .5s ease-out}.section.animate-bounce{animation:bounce .6s ease-in-out}.section.animate-pulse{animation:pulse 2s infinite}@media (max-width: 768px){.section.size-lg{padding:var(--spacing-md);min-height:160px}.section.size-xl{padding:var(--spacing-lg);min-height:200px}.section.size-full{padding:var(--spacing-xl);min-height:300px}.section.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.section{padding:var(--spacing-sm);min-height:120px}.section.size-lg,.section.size-xl,.section.size-full{padding:var(--spacing-md);min-height:160px}.section.grid-3,.section.grid-4{grid-template-columns:1fr}}.paragraph{font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin:0;padding:0;color:var(--theme-text-primary);transition:color var(--transition-normal)}.theme-simple-1 .paragraph{color:var(--theme-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md)}.theme-modern-1 .paragraph{color:var(--theme-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-medium)}.theme-elegant-1 .paragraph{color:var(--theme-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);font-family:var(--font-family-serif);font-weight:var(--font-weight-light)}.theme-playful-1 .paragraph{color:var(--theme-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-medium)}.theme-corporate-1 .paragraph{color:var(--theme-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-normal)}.theme-natural-1 .paragraph,.theme-japanese-1 .paragraph{color:var(--theme-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-normal)}.theme-tech-1 .paragraph{color:var(--theme-text-primary);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-medium)}.paragraph.style-1{color:#00f!important;font-weight:var(--font-weight-semibold);text-decoration:underline;text-decoration-color:#00f;text-decoration-thickness:2px}.paragraph.style-2{color:#f60!important;font-style:italic;text-align:center;font-weight:var(--font-weight-medium)}.paragraph.style-3{color:#90c!important;font-weight:var(--font-weight-bold);letter-spacing:1px;text-transform:uppercase}.paragraph.style-4{color:#0c6!important;font-weight:var(--font-weight-semibold);border-left:4px solid #00cc66;padding-left:var(--spacing-md)}.paragraph.style-5{color:#c00!important;font-weight:var(--font-weight-bold);background-color:#cc00001a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm)}.paragraph.size-xs{font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.paragraph.size-sm{font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.paragraph.size-md{font-size:var(--font-size-md);line-height:var(--line-height-normal)}.paragraph.size-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.paragraph.size-xl{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed)}.paragraph.size-xxl{font-size:var(--font-size-xxl);line-height:var(--line-height-tight)}.paragraph.size-display{font-size:var(--font-size-display);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}.paragraph.text-left{text-align:left}.paragraph.text-center{text-align:center}.paragraph.text-right{text-align:right}.paragraph.text-justify{text-align:justify}.paragraph.highlight{background-color:var(--theme-accent);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.paragraph.quote{font-style:italic;border-left:4px solid var(--theme-primary);padding-left:var(--spacing-md);margin-left:var(--spacing-md);background-color:var(--theme-bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-sm)}.paragraph.code{font-family:var(--font-family-mono);background-color:var(--theme-bg-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--theme-border-primary)}@media (max-width: 768px){.paragraph{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.paragraph.size-lg{font-size:var(--font-size-md)}.paragraph.size-xl{font-size:var(--font-size-lg)}.paragraph.size-xxl{font-size:var(--font-size-xl)}.paragraph.size-display{font-size:var(--font-size-xxl)}}@media (max-width: 480px){.paragraph{font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.paragraph.size-lg,.paragraph.size-xl,.paragraph.size-xxl,.paragraph.size-display{font-size:var(--font-size-lg)}}.button{font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:40px;min-width:80px;border:var(--border-width-thin) solid transparent;border-radius:var(--border-radius-sm);color:#fff;background-color:var(--theme-primary);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap;outline:none}.button:hover{background-color:var(--theme-primary-dark);transform:translateY(-1px);box-shadow:var(--theme-shadow-hover)}.button:active{transform:translateY(0);box-shadow:var(--theme-shadow)}.button:focus{box-shadow:0 0 0 3px #007bff40}.button:disabled,.button.disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.theme-simple-1 .button{background-color:var(--theme-primary);color:#fff;border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-simple-1 .button:hover{background-color:var(--theme-primary-dark);box-shadow:var(--theme-shadow-hover)}.theme-modern-1 .button{background-color:var(--theme-primary);color:#fff;border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);font-weight:var(--font-weight-semibold)}.theme-modern-1 .button:hover{background-color:var(--theme-primary-dark);box-shadow:var(--theme-shadow-hover);transform:translateY(-2px)}.theme-elegant-1 .button{background-color:var(--theme-primary);color:#fff;border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);font-weight:var(--font-weight-medium);letter-spacing:.5px}.theme-elegant-1 .button:hover{background-color:var(--theme-primary-dark);box-shadow:var(--theme-shadow-hover)}.theme-playful-1 .button{background-color:var(--theme-primary);color:#fff;border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);font-weight:var(--font-weight-semibold)}.theme-playful-1 .button:hover{background-color:var(--theme-primary-dark);box-shadow:var(--theme-shadow-hover);transform:scale(1.05)}.theme-corporate-1 .button{background-color:var(--theme-primary);color:#fff;border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);font-weight:var(--font-weight-medium)}.theme-corporate-1 .button:hover{background-color:var(--theme-primary-dark);box-shadow:var(--theme-shadow-hover)}.theme-natural-1 .button{background-color:var(--theme-primary);color:#fff;border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);font-weight:var(--font-weight-medium)}.theme-natural-1 .button:hover{background-color:var(--theme-primary-dark);box-shadow:var(--theme-shadow-hover)}.theme-japanese-1 .button{background-color:var(--theme-primary);color:#fff;border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);font-weight:var(--font-weight-normal)}.theme-japanese-1 .button:hover{background-color:var(--theme-primary-dark);box-shadow:var(--theme-shadow-hover)}.theme-tech-1 .button{background-color:var(--theme-primary);color:#fff;border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);font-weight:var(--font-weight-semibold)}.theme-tech-1 .button:hover{background-color:var(--theme-primary-dark);box-shadow:var(--theme-shadow-hover);transform:translateY(-2px)}.button.style-1{background-color:#00f!important;color:#fff!important;border-radius:var(--border-radius-md);box-shadow:0 2px 8px #0000ff4d}.button.style-1:hover{background-color:#00c!important;box-shadow:0 4px 12px #00f6}.button.style-2{background-color:#f60!important;color:#fff!important;border-radius:var(--border-radius-full);border:2px solid #ff6600}.button.style-2:hover{background-color:transparent!important;color:#f60!important}.button.style-3{background-color:#90c!important;color:#fff!important;border-radius:var(--border-radius-lg);box-shadow:0 4px 16px #9900cc4d}.button.style-3:hover{background-color:#7a00a3!important;box-shadow:0 6px 20px #90c6}.button.style-4{background-color:#0c6!important;color:#fff!important;border-radius:var(--border-radius-md);border:2px solid #00cc66}.button.style-4:hover{background-color:transparent!important;color:#0c6!important}.button.style-5{background-color:#c00!important;color:#fff!important;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #cc00004d}.button.style-5:hover{background-color:#a30000!important;box-shadow:0 4px 12px #c006}.button.size-xs{padding:var(--spacing-xs) var(--spacing-sm);min-height:32px;min-width:64px;font-size:var(--font-size-xs)}.button.size-sm{padding:var(--spacing-sm) var(--spacing-md);min-height:36px;min-width:72px;font-size:var(--font-size-sm)}.button.size-md{padding:var(--spacing-sm) var(--spacing-md);min-height:40px;min-width:80px;font-size:var(--font-size-sm)}.button.size-lg{padding:var(--spacing-md) var(--spacing-lg);min-height:48px;min-width:96px;font-size:var(--font-size-md)}.button.size-xl{padding:var(--spacing-lg) var(--spacing-xl);min-height:56px;min-width:112px;font-size:var(--font-size-lg)}.button.outline{background-color:transparent;color:var(--theme-primary);border-color:var(--theme-primary)}.button.outline:hover{background-color:var(--theme-primary);color:#fff}.button.ghost{background-color:transparent;color:var(--theme-primary);border-color:transparent}.button.ghost:hover{background-color:#007bff1a}.button.text{background-color:transparent;color:var(--theme-primary);border-color:transparent;padding:var(--spacing-xs) var(--spacing-sm)}.button.text:hover{background-color:#007bff1a}.button.link{background-color:transparent;color:var(--theme-primary);border-color:transparent;text-decoration:underline;padding:var(--spacing-xs) var(--spacing-sm)}.button.link:hover{color:var(--theme-primary-dark)}.button .icon{width:16px;height:16px}.button.size-sm .icon{width:14px;height:14px}.button.size-lg .icon{width:18px;height:18px}.button.size-xl .icon{width:20px;height:20px}.button.loading{position:relative;color:transparent}.button.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:button-spin 1s linear infinite}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.button{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.button.size-lg{padding:var(--spacing-sm) var(--spacing-md);min-height:44px}.button.size-xl{padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}@media (max-width: 480px){.button{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);min-height:36px}.button.size-lg,.button.size-xl{padding:var(--spacing-sm) var(--spacing-md);min-height:40px}}.image{display:block;max-width:100%;height:auto;border:var(--border-width-thin) solid var(--theme-border-primary);border-radius:var(--border-radius-sm);box-shadow:var(--theme-shadow);transition:all var(--transition-normal);margin:0;padding:0}.image:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-2px)}.theme-simple-1 .image{border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-simple-1 .image:hover{box-shadow:var(--theme-shadow-hover)}.theme-modern-1 .image{border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-modern-1 .image:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-3px)}.theme-elegant-1 .image{border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-elegant-1 .image:hover{box-shadow:var(--theme-shadow-hover)}.theme-playful-1 .image{border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-playful-1 .image:hover{box-shadow:var(--theme-shadow-hover);transform:scale(1.02)}.theme-corporate-1 .image{border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-corporate-1 .image:hover{box-shadow:var(--theme-shadow-hover)}.theme-natural-1 .image{border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-natural-1 .image:hover{box-shadow:var(--theme-shadow-hover)}.theme-japanese-1 .image{border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-japanese-1 .image:hover{box-shadow:var(--theme-shadow-hover)}.theme-tech-1 .image{border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-tech-1 .image:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-2px)}.image.style-1{border:3px solid #0000ff!important;border-radius:var(--border-radius-lg);box-shadow:0 4px 16px #00f3}.image.style-1:hover{box-shadow:0 6px 20px #0000ff4d}.image.style-2{border:3px solid #ff6600!important;border-radius:50%;box-shadow:0 6px 20px #ff66004d}.image.style-2:hover{box-shadow:0 8px 24px #f606;transform:scale(1.05)}.image.style-3{border:3px solid #9900cc!important;border-radius:var(--border-radius-xl);box-shadow:0 4px 16px #90c3}.image.style-3:hover{box-shadow:0 6px 20px #9900cc4d}.image.style-4{border:3px solid #00cc66!important;border-radius:var(--border-radius-md);box-shadow:0 4px 16px #0c63}.image.style-4:hover{box-shadow:0 6px 20px #00cc664d}.image.style-5{border:3px solid #cc0000!important;border-radius:var(--border-radius-sm);box-shadow:0 4px 16px #c003}.image.style-5:hover{box-shadow:0 6px 20px #cc00004d}.image.size-xs{max-width:100px;height:auto}.image.size-sm{max-width:200px;height:auto}.image.size-md{max-width:400px;height:auto}.image.size-lg{max-width:600px;height:auto}.image.size-xl{max-width:800px;height:auto}.image.size-full{width:100%;height:auto}.image.filter-grayscale{filter:grayscale(100%)}.image.filter-sepia{filter:sepia(100%)}.image.filter-blur{filter:blur(2px)}.image.filter-brightness{filter:brightness(1.2)}.image.filter-contrast{filter:contrast(1.2)}.image.filter-hue-rotate{filter:hue-rotate(180deg)}.image.filter-invert{filter:invert(100%)}.image.filter-opacity{filter:opacity(.8)}.image.filter-saturate{filter:saturate(1.5)}.image.shape-circle{border-radius:50%}.image.shape-rounded{border-radius:var(--border-radius-lg)}.image.shape-pill{border-radius:var(--border-radius-full)}.image.shape-hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.image.shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.image.overlay{position:relative}.image.overlay:after{content:"";position:absolute;inset:0;background:#0000004d;opacity:0;transition:opacity var(--transition-normal)}.image.overlay:hover:after{opacity:1}.image.overlay-primary:after{background:#007bff4d}.image.overlay-secondary:after{background:#6c757d4d}.image.overlay-success:after{background:#28a7454d}.image.overlay-warning:after{background:#ffc1074d}.image.overlay-danger:after{background:#dc35454d}.image-container{position:relative;display:inline-block}.image-caption{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);text-align:center;opacity:0;transition:opacity var(--transition-normal)}.image-container:hover .image-caption{opacity:1}@media (max-width: 768px){.image.size-lg{max-width:400px}.image.size-xl{max-width:600px}}@media (max-width: 480px){.image.size-md{max-width:300px}.image.size-lg{max-width:350px}.image.size-xl{max-width:400px}}.image.animate-fade-in{animation:fadeIn .5s ease-in}.image.animate-slide-up{animation:slideUp .5s ease-out}.image.animate-zoom-in{animation:zoomIn .5s ease-out}.image.animate-bounce{animation:bounce .6s ease-in-out}.box{display:block;box-sizing:border-box;width:100%;min-height:60px;border:var(--border-width-thin) solid var(--theme-border-primary);border-radius:var(--border-radius-sm);background-color:var(--theme-bg-secondary);box-shadow:var(--theme-shadow);padding:var(--spacing-md);margin:0;transition:all var(--transition-normal);position:relative}.box:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-2px)}.theme-simple-1 .box{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-simple-1 .box:hover{box-shadow:var(--theme-shadow-hover)}.theme-modern-1 .box{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-modern-1 .box:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-3px)}.theme-elegant-1 .box{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-elegant-1 .box:hover{box-shadow:var(--theme-shadow-hover)}.theme-playful-1 .box{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-playful-1 .box:hover{box-shadow:var(--theme-shadow-hover);transform:scale(1.02)}.theme-corporate-1 .box{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-corporate-1 .box:hover{box-shadow:var(--theme-shadow-hover)}.theme-natural-1 .box{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-natural-1 .box:hover{box-shadow:var(--theme-shadow-hover)}.theme-japanese-1 .box{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-japanese-1 .box:hover{box-shadow:var(--theme-shadow-hover)}.theme-tech-1 .box{background-color:var(--theme-bg-secondary);border-color:var(--theme-border-primary);border-radius:var(--theme-radius);box-shadow:var(--theme-shadow)}.theme-tech-1 .box:hover{box-shadow:var(--theme-shadow-hover);transform:translateY(-2px)}.box.style-1{background-color:#00f!important;color:#fff!important;border-color:#00f!important;border-radius:var(--border-radius-md);box-shadow:0 4px 16px #00f3}.box.style-1:hover{box-shadow:0 6px 20px #0000ff4d}.box.style-2{background-color:#f60!important;color:#fff!important;border-color:#f60!important;border-radius:var(--border-radius-lg);border:2px solid #ff6600}.box.style-2:hover{background-color:transparent!important;color:#f60!important}.box.style-3{background-color:#90c!important;color:#fff!important;border-color:#90c!important;border-radius:var(--border-radius-xl);box-shadow:0 4px 16px #90c3}.box.style-3:hover{box-shadow:0 6px 20px #9900cc4d}.box.style-4{background-color:#0c6!important;color:#fff!important;border-color:#0c6!important;border-radius:var(--border-radius-md);border:2px solid #00cc66}.box.style-4:hover{background-color:transparent!important;color:#0c6!important}.box.style-5{background-color:#c00!important;color:#fff!important;border-color:#c00!important;border-radius:var(--border-radius-sm);box-shadow:0 2px 8px #cc00004d}.box.style-5:hover{box-shadow:0 4px 12px #c006}.box.size-xs{padding:var(--spacing-sm);min-height:40px}.box.size-sm{padding:var(--spacing-md);min-height:50px}.box.size-md{padding:var(--spacing-md);min-height:60px}.box.size-lg{padding:var(--spacing-lg);min-height:80px}.box.size-xl{padding:var(--spacing-xl);min-height:100px}.box.size-full{padding:var(--spacing-xxl);min-height:120px}.box.outline{background-color:transparent;color:var(--theme-text-primary);border-color:var(--theme-primary)}.box.outline:hover{background-color:var(--theme-primary);color:#fff}.box.ghost{background-color:transparent;color:var(--theme-text-primary);border-color:transparent}.box.ghost:hover{background-color:#007bff1a}.box.card{background-color:var(--theme-bg-primary);border-color:var(--theme-border-secondary);box-shadow:var(--theme-shadow)}.box.card:hover{box-shadow:var(--theme-shadow-hover)}.box.paper{background-color:var(--theme-bg-primary);border-color:var(--theme-border-secondary);box-shadow:var(--shadow-sm)}.box.paper:hover{box-shadow:var(--shadow-md)}.box.flex{display:flex;align-items:center;justify-content:center}.box.flex-start{display:flex;align-items:flex-start;justify-content:flex-start}.box.flex-end{display:flex;align-items:flex-end;justify-content:flex-end}.box.flex-between{display:flex;align-items:center;justify-content:space-between}.box.flex-around{display:flex;align-items:center;justify-content:space-around}.box.flex-column{display:flex;flex-direction:column;align-items:center;justify-content:center}.box.flex-column-start{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.box.grid{display:grid;gap:var(--spacing-sm)}.box.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.box.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm)}.box.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--spacing-sm)}.box.gradient-primary{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-light));color:#fff;border-color:transparent}.box.gradient-secondary{background:linear-gradient(135deg,var(--theme-secondary),var(--theme-secondary-light));color:#fff;border-color:transparent}.box.gradient-accent{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-light));color:#fff;border-color:transparent}.box.glass{background-color:#ffffff1a;backdrop-filter:blur(10px);border-color:#fff3;color:var(--theme-text-primary)}.box.neomorphic{background-color:var(--theme-bg-secondary);box-shadow:8px 8px 16px #0000001a,-8px -8px 16px #fffc;border-color:transparent}.box.neomorphic:hover{box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #fffc}.box.animate-fade-in{animation:fadeIn .5s ease-in}.box.animate-slide-up{animation:slideUp .5s ease-out}.box.animate-zoom-in{animation:zoomIn .5s ease-out}.box.animate-bounce{animation:bounce .6s ease-in-out}.box.animate-pulse{animation:pulse 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.box.size-lg{padding:var(--spacing-md);min-height:70px}.box.size-xl{padding:var(--spacing-lg);min-height:80px}.box.size-full{padding:var(--spacing-xl);min-height:100px}.box.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.box{padding:var(--spacing-sm);min-height:50px}.box.size-lg,.box.size-xl,.box.size-full{padding:var(--spacing-md);min-height:60px}.box.grid-3,.box.grid-4{grid-template-columns:1fr}}.preset-sample{width:40px;height:28px;border:2px solid #ccc;margin-bottom:2px;box-sizing:border-box;transition:all .2s ease}.preset-simple-border{background:var(--theme-base, #ffffff);border:3px solid var(--theme-main, #96d6db);border-radius:0;box-shadow:none}.preset-rounded-corners{background:var(--theme-base, #ffffff);border:3px solid var(--theme-main, #96d6db);border-radius:10px;box-shadow:none}.preset-filled-background{background:var(--theme-base, #ffffff);border:none;border-radius:0;box-shadow:none}.preset-top-bottom-lines{background:var(--theme-base, #ffffff);border:none;border-top:5px solid var(--theme-main, #96d6db);border-bottom:5px solid var(--theme-main, #96d6db);border-radius:0;box-shadow:none}.preset-double-border{background:var(--theme-base, #ffffff);border:5px double var(--theme-accent, #f59e0b);border-radius:0;box-shadow:none}.preset-dashed-border{background:var(--theme-base, #ffffff);border:2px dashed var(--theme-main, #96d6db);border-radius:0;box-shadow:none}.preset-left-right-double{background:var(--theme-base, #ffffff);border:none;border-left:5px double var(--theme-main, #96d6db);border-right:5px double var(--theme-main, #96d6db);border-radius:0;box-shadow:none}.preset-card{background:var(--theme-base, #ffffff);border:1px solid var(--theme-main, #96d6db);border-radius:12px;box-shadow:0 2px 8px #96d6db26}.preset-shadow{background:var(--theme-base, #ffffff);border:none;border-radius:8px;box-shadow:0 4px 16px #1a252826}.preset-gradient-border{background:linear-gradient(135deg,var(--theme-main, #96d6db) 0%,var(--theme-accent, #f59e0b) 100%);border:3px solid transparent;border-radius:8px;box-shadow:none}.preset-flat{background:var(--theme-base, #ffffff);border:1px solid var(--theme-base, #ffffff);border-radius:0;box-shadow:none}.preset-outline{background:var(--theme-base, #ffffff);border:2px solid var(--theme-accent, #f59e0b);border-radius:4px;box-shadow:none}.preset-round{background:var(--theme-main, #96d6db);border:none;border-radius:32px;box-shadow:none}.preset-emphasis{background:var(--theme-accent, #f59e0b);border:2px solid var(--theme-main, #96d6db);border-radius:8px;box-shadow:0 2px 8px #96d6db33}.preset-success-box{background:#e0f7fa;border:2px solid var(--theme-main, #96d6db);border-radius:8px;box-shadow:none}.preset-warning-box{background:#fffbe6;border:2px solid var(--theme-accent, #f59e0b);border-radius:8px;box-shadow:none}.preset-transparent-box{background:transparent;border:1px solid var(--theme-base, #ffffff);border-radius:0;box-shadow:none}.preset-card:hover,.preset-shadow:hover,.preset-emphasis:hover{transform:translateY(-2px);transition:transform .2s ease}@media (max-width: 768px){.preset-rounded-corners{border-radius:8px}.preset-round{border-radius:24px}.preset-card,.preset-shadow,.preset-emphasis{border-radius:8px}}.paragraph-component{position:relative;margin:1rem 0}.paragraph-content{padding:.5rem;border-radius:4px;line-height:1.6}.paragraph-content a{color:inherit;text-decoration:underline;transition:opacity .2s ease}.paragraph-content a:hover{opacity:.7}.image-component{position:relative;display:inline-block}.image-container{position:relative;display:inline-block;padding:.5rem;border-radius:8px}.image-content{max-width:100%;height:auto;display:block}.empty-image{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #e2e8f0;border-radius:8px;color:#718096;text-align:center}.empty-image i{font-size:2rem;margin-bottom:.5rem}.image-caption{margin-top:.5rem;font-size:.875rem;color:#718096;text-align:center}.button-component{position:relative;display:inline-block}.button-link{text-decoration:none;color:inherit}.button-content{display:inline-flex;align-items:center;gap:.5rem;border:none;padding:.5em;text-align:left;transition:all .3s;position:relative;box-shadow:0 0 2px #0000004d;font-size:14px;margin:1em 0;cursor:pointer}.box-component{position:relative;padding:1em;box-sizing:border-box}.empty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #e2e8f0;border-radius:8px;color:#718096;text-align:center}@media (max-width: 768px){.paragraph-content{padding:.25rem;font-size:.875rem}.image-container{padding:.25rem}.button-content{padding:.4em;font-size:13px}.box-component{padding:.5em}}*{box-sizing:border-box}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--theme-text-primary);background-color:var(--theme-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--theme-text-primary)}h1{font-size:var(--font-size-display)}h2{font-size:var(--font-size-xxxl)}h3{font-size:var(--font-size-xxl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin:0 0 var(--spacing-md) 0;color:var(--theme-text-primary)}a{color:var(--theme-primary);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--theme-primary-dark)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.container-fluid{width:100%;padding:0 var(--container-padding)}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-sm))}.col{flex:1;padding:0 var(--spacing-sm)}.col-1{flex:0 0 8.333333%}.col-2{flex:0 0 16.666667%}.col-3{flex:0 0 25%}.col-4{flex:0 0 33.333333%}.col-5{flex:0 0 41.666667%}.col-6{flex:0 0 50%}.col-7{flex:0 0 58.333333%}.col-8{flex:0 0 66.666667%}.col-9{flex:0 0 75%}.col-10{flex:0 0 83.333333%}.col-11{flex:0 0 91.666667%}.col-12{flex:0 0 100%}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.mr-4{margin-right:var(--spacing-lg)}.mr-5{margin-right:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-md)}.ml-4{margin-left:var(--spacing-lg)}.ml-5{margin-left:var(--spacing-xl)}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-2{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-3{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-4{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-5{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-2{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-3{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-4{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-5{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-lg)}.pt-5{padding-top:var(--spacing-xl)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-xs)}.pr-2{padding-right:var(--spacing-sm)}.pr-3{padding-right:var(--spacing-md)}.pr-4{padding-right:var(--spacing-lg)}.pr-5{padding-right:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:var(--spacing-xl)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-xs)}.pl-2{padding-left:var(--spacing-sm)}.pl-3{padding-left:var(--spacing-md)}.pl-4{padding-left:var(--spacing-lg)}.pl-5{padding-left:var(--spacing-xl)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-3{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-5{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-3{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-4{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-5{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.text-xxxl{font-size:var(--font-size-xxxl)}.text-display{font-size:var(--font-size-display)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-primary{color:var(--theme-primary)}.text-secondary{color:var(--theme-secondary)}.text-accent{color:var(--theme-accent)}.text-success{color:var(--site-success)}.text-warning{color:var(--site-warning)}.text-danger{color:var(--site-danger)}.text-info{color:var(--site-info)}.bg-primary{background-color:var(--theme-primary)}.bg-secondary{background-color:var(--theme-secondary)}.bg-accent{background-color:var(--theme-accent)}.bg-success{background-color:var(--site-success)}.bg-warning{background-color:var(--site-warning)}.bg-danger{background-color:var(--site-danger)}.bg-info{background-color:var(--site-info)}.bg-white{background-color:var(--site-white)}.bg-light{background-color:var(--site-light)}.border{border:var(--border-width-thin) solid var(--theme-border-primary)}.border-0{border:0}.border-top{border-top:var(--border-width-thin) solid var(--theme-border-primary)}.border-right{border-right:var(--border-width-thin) solid var(--theme-border-primary)}.border-bottom{border-bottom:var(--border-width-thin) solid var(--theme-border-primary)}.border-left{border-left:var(--border-width-thin) solid var(--theme-border-primary)}.border-primary{border-color:var(--theme-primary)}.border-secondary{border-color:var(--theme-secondary)}.border-accent{border-color:var(--theme-accent)}.rounded,.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition-none{transition:none}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.transition-slower{transition:all var(--transition-slower)}@media (max-width: 768px){.md\:d-none{display:none}.md\:d-block{display:block}.md\:d-flex{display:flex}.md\:text-center{text-align:center}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:col-12{flex:0 0 100%}}@media (max-width: 480px){.sm\:d-none{display:none}.sm\:d-block{display:block}.sm\:d-flex{display:flex}.sm\:text-center{text-align:center}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:col-12{flex:0 0 100%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clearfix:after{content:"";display:table;clear:both}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.w-100{width:100%}.h-100{height:100%}.min-w-100{min-width:100%}.min-h-100{min-height:100%}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.user-select-none{user-select:none}.user-select-text{user-select:text}.user-select-all{user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}