:root{--color-bg: #f5f0eb;--color-bg-elevated: rgba(255, 252, 248, .6);--color-bg-hover: rgba(255, 252, 248, .7);--gradient-body: linear-gradient(160deg, #f5f0eb 0%, #f2ece4 40%, #f5efe8 100%);--color-glass: rgba(255, 252, 248, .6);--color-glass-border: rgba(160, 120, 80, .1);--blur-glass: blur(16px);--color-text: #2c1e14;--color-text-secondary: #5c4535;--color-text-muted: #8a7a6c;--color-accent: #b85c38;--color-accent-hover: #a04e2e;--color-accent-warm: #c47a28;--color-accent-warm-hover: #a86820;--color-accent-muted: rgba(184, 92, 56, .1);--color-accent-pink: rgba(184, 92, 56, .08);--color-border: rgba(160, 120, 80, .18);--color-border-focus: #b85c38;--color-error: #c0392b;--color-error-bg: rgba(192, 57, 43, .08);--color-success: #5a8a3c;--color-success-bg: rgba(90, 138, 60, .08);--shadow-sm: 0 1px 3px rgba(100, 70, 50, .09);--shadow-md: 0 4px 16px rgba(100, 70, 50, .11), 0 1px 4px rgba(100, 70, 50, .06);--shadow-lg: 0 8px 32px rgba(100, 70, 50, .14), 0 2px 8px rgba(100, 70, 50, .07);--shadow-glow: 0 0 0 3px rgba(184, 92, 56, .18);--shadow-focus: 0 0 0 3px rgba(184, 92, 56, .18), inset 0 0 0 1px rgba(184, 92, 56, .08);--shadow-inner-glow: inset 0 1px 2px rgba(100, 70, 50, .06);--gradient-progress: linear-gradient(90deg, #b85c38, #c47a28, #a0785a);--color-progress-track: rgba(160, 120, 80, .25);--color-progress-text: #5c4535;--gradient-orb-1: radial-gradient(circle, rgba(184, 92, 56, .06) 0%, transparent 70%);--gradient-orb-2: radial-gradient(circle, rgba(196, 122, 40, .05) 0%, transparent 70%);--color-on-accent: #fff;--color-overlay: rgba(0, 0, 0, .6);--color-overlay-heavy: rgba(0, 0, 0, .85);--color-overlay-medium: rgba(0, 0, 0, .5);--color-border-hover: rgba(160, 120, 80, .22);--color-upload-overlay: rgba(255, 255, 255, .55);--color-shimmer: rgba(255, 255, 255, .3);--color-shine: rgba(255, 255, 255, .15);--color-spinner-track: rgba(255, 255, 255, .3);--color-lightbox-glass: rgba(255, 255, 255, .15);--color-lightbox-glass-border: rgba(255, 255, 255, .2);--color-lightbox-glass-hover: rgba(255, 255, 255, .25);--color-reply-artist-bg: rgba(184, 92, 56, .06);--color-status-read-bg: rgba(128, 128, 128, .1);--gradient-warm-glow: none;--texture-opacity: .12;--font-display: "Cormorant Garamond", Georgia, serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-header: 100;--z-modal: 200;--z-toast: 300}[data-theme=dark]{--color-bg: #1a1714;--color-bg-elevated: rgba(38, 32, 28, .72);--color-bg-hover: rgba(48, 40, 34, .7);--gradient-body: linear-gradient(160deg, #1a1714 0%, #1d1815 40%, #191612 100%);--color-glass: rgba(38, 32, 28, .72);--color-glass-border: rgba(184, 120, 70, .3);--blur-glass: blur(12px);--color-text: #f2ece4;--color-text-secondary: #c8baa8;--color-text-muted: #a89c90;--color-accent: #c9874a;--color-accent-hover: #d4964f;--color-accent-warm: #c9874a;--color-accent-warm-hover: #d4964f;--color-accent-muted: rgba(201, 135, 74, .12);--color-accent-pink: rgba(200, 110, 80, .15);--color-border: rgba(180, 140, 90, .28);--color-border-focus: #c9874a;--color-error: #e57373;--color-error-bg: rgba(229, 115, 115, .1);--color-success: #81c784;--color-success-bg: rgba(129, 199, 132, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3), 0 1px 4px rgba(100, 70, 40, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .35), 0 2px 8px rgba(100, 70, 40, .12);--shadow-glow: 0 0 0 3px rgba(201, 135, 74, .2);--shadow-focus: 0 0 0 3px rgba(201, 135, 74, .2), inset 0 0 0 1px rgba(201, 135, 74, .1);--shadow-inner-glow: inset 0 1px 2px rgba(0, 0, 0, .15);--gradient-progress: linear-gradient(90deg, #c9874a, #c87050, #b0707a);--color-progress-track: rgba(201, 135, 74, .25);--color-progress-text: #c8baa8;--gradient-orb-1: radial-gradient(circle, rgba(201, 135, 74, .06) 0%, transparent 70%);--gradient-orb-2: radial-gradient(circle, rgba(200, 110, 80, .04) 0%, transparent 70%);--gradient-warm-glow: radial-gradient(ellipse at 50% 110%, rgba(180, 100, 50, .06) 0%, transparent 60%);--texture-opacity: .08;--color-border-hover: rgba(180, 140, 90, .35);--color-upload-overlay: rgba(0, 0, 0, .45);--color-reply-artist-bg: rgba(201, 135, 74, .08);--transition-normal: .35s ease;--transition-slow: .5s ease}@supports not (backdrop-filter: blur(1px)){:root{--color-glass: rgba(255, 252, 248, .95)}[data-theme=dark]{--color-glass: rgba(38, 32, 28, .95)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}body{font-family:var(--font-sans);font-weight:var(--weight-light);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);background-image:var(--gradient-body);min-height:100dvh;display:flex;flex-direction:column;transition:background-color var(--transition-slow),color var(--transition-slow)}body:before{content:"";position:fixed;inset:0;filter:url(#grain);opacity:var(--texture-opacity);mix-blend-mode:overlay;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background:var(--gradient-warm-glow);pointer-events:none;z-index:0}.decorative-orbs:before,.decorative-orbs:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.decorative-orbs:before{width:500px;height:500px;top:-100px;right:-150px;background:var(--gradient-orb-1);animation:floatOrb 20s ease-in-out infinite}.decorative-orbs:after{width:400px;height:400px;bottom:-80px;left:-120px;background:var(--gradient-orb-2);animation:floatOrb 25s ease-in-out infinite reverse}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}::selection{background:var(--color-accent-muted)}.container{max-width:640px;width:100%;margin-inline:auto;padding:0 var(--space-6);position:relative;z-index:1}.form-wrapper{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:120px;padding-bottom:var(--space-8)}.header{position:fixed;inset:0 0 auto;z-index:var(--z-header);display:flex;flex-direction:column;background:var(--color-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--color-glass-border);transition:background var(--transition-normal),border-color var(--transition-normal)}.header-content{max-width:720px;width:100%;margin-inline:auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.header-title{flex-shrink:0;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-normal);color:var(--color-text);letter-spacing:-.01em;white-space:nowrap}.header-nav{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-normal);color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition-normal),background var(--transition-normal);display:flex;flex-direction:column;align-items:center;&:after{content:attr(data-label);font-weight:var(--weight-medium);height:0;visibility:hidden;overflow:hidden;pointer-events:none}&:hover{color:var(--color-text);background:var(--color-accent-muted)}}.nav-link-active{color:var(--color-text);background:var(--color-accent-muted);font-weight:var(--weight-medium)}.theme-toggle{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);&:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}& svg{width:20px;height:20px;transition:transform var(--transition-normal)}&:hover svg{transform:rotate(15deg)}}.theme-icon-moon{display:none}.theme-icon-sun,[data-theme=dark] .theme-icon-moon{display:block}[data-theme=dark] .theme-icon-sun{display:none}.menu-toggle{display:none;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal);&:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-accent)}& svg{transition:transform var(--transition-normal)}}.theme-transitioning,.theme-transitioning *,.theme-transitioning *:before,.theme-transitioning *:after{transition-duration:.6s!important}.progress-container{padding:0 var(--space-6) var(--space-3);max-width:720px;width:100%;margin-inline:auto;opacity:0;pointer-events:none;transition:opacity .25s ease}.header-booking .progress-container{opacity:1;pointer-events:auto}.progress-wrapper{display:flex;align-items:center;gap:var(--space-3)}.progress-track{flex:1;height:6px;background:var(--color-progress-track);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--gradient-progress);border-radius:var(--radius-full);transition:width var(--transition-spring);position:relative}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--color-shimmer) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{font-size:var(--text-xs);color:var(--color-progress-text);font-weight:var(--weight-normal);white-space:nowrap;min-width:3em;text-align:right;font-variant-numeric:tabular-nums}.form-step{animation:stepEnter var(--transition-spring) both}@keyframes stepEnter{0%{opacity:0;transform:translateY(24px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.step-indicator{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-6)}.step-number{font-size:var(--text-3xl);font-weight:var(--weight-light);color:var(--color-accent);line-height:1}.step-total{font-size:var(--text-sm);color:var(--color-text-muted)}.question-label{display:block;font-size:var(--text-2xl);font-weight:var(--weight-normal);color:var(--color-text);margin-bottom:var(--space-2);line-height:1.3;letter-spacing:-.02em}.question-description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.5}.input-wrapper{margin-bottom:var(--space-6)}.input-glass{width:100%;padding:var(--space-4) var(--space-5);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-light);color:var(--color-text);background:var(--color-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),var(--shadow-inner-glow);outline:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);&::placeholder{color:var(--color-text-muted);font-weight:var(--weight-light)}&:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus),var(--shadow-sm)}&:hover:not(:focus){border-color:var(--color-border-hover)}&.input-error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}}textarea.input-glass{min-height:120px;resize:vertical;line-height:1.6}.checkbox-wrapper{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);box-shadow:var(--shadow-sm);&:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}&.checked{border-color:var(--color-accent);background:var(--color-accent-muted)}&.input-error{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-bg)}}.checkbox-input{width:24px;height:24px;min-width:24px;margin-top:2px;accent-color:var(--color-accent-warm);cursor:pointer}.checkbox-label{font-size:var(--text-base);color:var(--color-text);line-height:1.5;user-select:none}.file-upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;cursor:pointer;background:var(--color-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);transition:border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden;&:hover{border-color:var(--color-accent);background:var(--color-accent-muted)}&.dragover{border-color:var(--color-accent);background:var(--color-accent-muted);box-shadow:var(--shadow-glow)}&.input-error{border-color:var(--color-error)}&:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--color-accent-muted),transparent);pointer-events:none;opacity:0;transition:opacity var(--transition-normal)}&:hover:after,&.dragover:after{opacity:1}}.file-upload-icon{font-size:var(--text-3xl);color:var(--color-text-muted);margin-bottom:var(--space-3);transition:color var(--transition-normal),transform var(--transition-normal)}.file-upload-area:hover .file-upload-icon{color:var(--color-accent);transform:scale(1.1)}.file-upload-text{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.file-upload-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.file-upload-input{display:none}.file-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.file-preview{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-glass);border:1px solid var(--color-glass-border);box-shadow:var(--shadow-sm);&:hover .file-preview-remove{opacity:1}}.file-preview-img{width:100%;height:100%;object-fit:cover;display:block}.file-preview-remove{position:absolute;inset-block-start:4px;inset-inline-end:4px;width:24px;height:24px;border-radius:var(--radius-full);border:none;background:var(--color-overlay);color:var(--color-on-accent);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);line-height:1;&:hover{background:var(--color-error)}}.file-preview-overlay{position:absolute;top:0;left:0;right:0;background:var(--color-upload-overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:height var(--transition-normal);pointer-events:none}.error-message{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-2);display:none;line-height:1.4;&.visible{display:block;animation:stepEnter .2s ease both}}.form-nav{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-8)}.form-nav-group{display:flex;align-items:center;gap:var(--space-4)}.nav-hint{font-size:var(--text-sm);color:var(--color-text-muted);& kbd{font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 6px;background:var(--color-glass);border:1px solid var(--color-border);border-radius:4px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal),opacity var(--transition-normal);position:relative;overflow:hidden}.btn-primary{background:var(--color-accent-warm);color:var(--color-on-accent);box-shadow:var(--shadow-sm);&:hover{background:var(--color-accent-warm-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}&:active{transform:translateY(0);box-shadow:var(--shadow-sm)}&:disabled{opacity:.5;cursor:not-allowed;transform:none}&:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--color-shine),transparent);transition:left .4s ease}&:hover:after{left:100%}}.btn-text{background:transparent;color:var(--color-text-secondary);padding:var(--space-3) var(--space-4);&:hover{color:var(--color-text);background:var(--color-accent-muted)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-spinner-track);border-top-color:var(--color-on-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-screen{text-align:center;padding:var(--space-16) var(--space-6);animation:stepEnter var(--transition-spring) both}.success-icon{width:96px;height:96px;margin:0 auto var(--space-6);display:grid;place-items:center;font-size:var(--text-3xl);color:var(--color-success);background:var(--color-success-bg);border:2px solid var(--color-success);border-radius:50%;animation:successPulse 3s ease-in-out infinite}@keyframes successPulse{0%,to{box-shadow:0 0 0 0 var(--color-success-bg)}50%{box-shadow:0 0 0 16px transparent}}.success-title{font-size:var(--text-2xl);font-weight:var(--weight-normal);color:var(--color-text);margin-bottom:var(--space-4)}.success-message{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;max-width:420px;margin-inline:auto}.success-link{display:inline-block;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.success-link:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:3px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.content-page{max-width:720px;padding-top:120px;padding-bottom:var(--space-16)}.content-header{text-align:center;margin-bottom:var(--space-10);animation:stepEnter var(--transition-spring) both}.content-page-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-normal);color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.01em}.content-page-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.5}.content-sections{display:flex;flex-direction:column;gap:var(--space-5)}.content-section{animation:stepEnter var(--transition-spring) both}.content-card{padding:var(--space-6);background:var(--color-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),border-color var(--transition-normal);&:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-muted)}}.content-icon{display:block;font-size:var(--text-2xl);margin-bottom:var(--space-3);line-height:1}.content-title{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-3);line-height:1.3}.content-body{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.7}.content-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.content-list li{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;padding-inline-start:var(--space-5);position:relative;&:before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--color-accent)}}.content-warning{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-error);line-height:1.5}.content-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.content-nav-link{font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);transition:color var(--transition-normal),background var(--transition-normal);&:hover{color:var(--color-text);background:var(--color-accent-muted)}}.content-nav-link-primary{background:var(--color-accent-warm);color:var(--color-on-accent);font-weight:var(--weight-medium);box-shadow:var(--shadow-sm);&:hover{background:var(--color-accent-warm-hover);color:var(--color-on-accent);box-shadow:var(--shadow-md)}}.social-links{display:flex;align-items:center;justify-content:center;gap:var(--space-5);margin-top:var(--space-8);padding-top:var(--space-6)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-muted);border-radius:var(--radius-full);background:var(--color-glass);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--color-glass-border);transition:color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal);&:hover{color:var(--color-accent-warm);border-color:var(--color-accent-warm);box-shadow:var(--shadow-sm);transform:translateY(-2px)}& svg{width:20px;height:20px}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.decorative-orbs:before,.decorative-orbs:after{display:none}}@media(max-width:640px){.menu-toggle{display:flex}.header-nav{display:none}.header.menu-open .header-nav{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-glass-border);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-6);gap:var(--space-1);animation:menuSlideDown .2s ease both}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header.menu-open .nav-link{padding:var(--space-3) var(--space-4);font-size:var(--text-base);border-radius:var(--radius-sm);width:100%}.header.menu-open .nav-link-active{background:var(--color-accent-muted)}.header-title{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.header-title-full{display:none}.question-label{font-size:1.5rem}.nav-hint{display:none}.nav-link{padding:var(--space-2);font-size:var(--text-xs)}.content-page-title{font-size:var(--text-2xl)}.content-card{padding:var(--space-5)}.content-nav{flex-direction:column;gap:var(--space-3)}:root{--blur-glass: blur(10px)}[data-theme=dark]{--blur-glass: blur(10px)}.decorative-orbs:before{width:300px;height:300px}.decorative-orbs:after{width:250px;height:250px}.btn-primary:hover,.file-upload-area:hover .file-upload-icon{transform:none}.file-preview-remove{opacity:1}}