.start-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:2rem;box-sizing:border-box}.start-header{width:100%;max-width:64rem;padding:2rem 1.5rem;text-align:center}.start-header-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.start-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin:0}.start-logo{width:4rem;height:4rem}.start-main{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:64rem;padding:0 1.5rem}.start-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.status-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:.5rem}.status-item{display:flex;align-items:center;justify-content:center;gap:.75rem}.status-indicator{width:.75rem;height:.75rem;border-radius:50%;transition:all .3s ease;flex-shrink:0}.status-indicator.active{background-color:#10b981;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-indicator.loading{background-color:#f59e0b;animation:spin 1s linear infinite}.status-indicator.inactive{background-color:#ef4444}.status-indicator.detected{background-color:#10b981}.status-indicator.searching{background-color:#9ca3af}.status-text{font-size:.875rem;font-weight:500;color:#6b7280}.button-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:28rem;margin:0 auto}.btn-primary{width:100%;background-color:#00796b;color:#fff;font-size:1.125rem;padding:1rem 2rem;border:none;border-radius:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-primary:hover:not(:disabled){background-color:#00695c;transform:translateY(-1px);box-shadow:0 4px 12px #00796b4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{width:100%;background-color:#00796b;color:#fff;font-size:1rem;height:2.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background-color:#00695c;transform:translateY(-1px)}.options-container{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:28rem}.btn-option{width:100%;background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem;text-align:left}.btn-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-option-active{background-color:#00b098;border-color:#00b098;box-shadow:0 4px 12px #00b0984d;transform:scale(1.02)}.btn-option-active .btn-title,.btn-option-active .btn-subtitle{color:#fff}.btn-option-inactive{background-color:#fff;border-color:#e5e7eb}.btn-option-inactive .btn-title{color:#1f2937}.btn-option-inactive .btn-subtitle{color:#6b7280}.btn-option-tts.btn-option-active{background-color:#00b098;border-color:#00b098}.btn-option-tts.btn-option-inactive{background-color:#fff;border-color:#00b098}.btn-option-tts.btn-option-inactive .btn-title{color:#00796b}.btn-option-tts.btn-option-inactive .btn-subtitle{color:#00b098}.btn-option-muted.btn-option-active-muted{background-color:#6b7280;border-color:#6b7280;box-shadow:0 4px 12px #6b72804d}.btn-option-muted.btn-option-active-muted .btn-title,.btn-option-muted.btn-option-active-muted .btn-subtitle{color:#fff}.btn-option-muted.btn-option-inactive-muted{background-color:#f9fafb;border-color:#d1d5db}.btn-option-muted.btn-option-inactive-muted .btn-title{color:#4b5563}.btn-option-muted.btn-option-inactive-muted .btn-subtitle{color:#9ca3af}.btn-icon{font-size:2rem;flex-shrink:0}.btn-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.btn-title{font-size:1rem;font-weight:600;margin:0}.btn-subtitle{font-size:.75rem;margin:0;opacity:.7}.btn-option-error{border-color:#ef4444}.btn-option-active-error{background-color:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.btn-option-active-error .btn-title,.btn-option-active-error .btn-subtitle{color:#fff}.btn-option-inactive-error{background-color:#fee2e2;border-color:#ef4444}.btn-option-inactive-error .btn-title{color:#991b1b}.btn-option-inactive-error .btn-subtitle{color:#b91c1c}.waiting-container{width:100%;max-width:28rem;padding:2rem;text-align:center}.waiting-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.waiting-icon{font-size:3rem}.waiting-text{font-size:1.125rem;color:#6b7280;margin:0}.blink-container{background-color:#fff;border-radius:.5rem;padding:2rem;box-shadow:0 4px 6px #0000001a;width:100%;max-width:28rem;margin:0 auto}.blink-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.blink-icon{font-size:4rem;margin-bottom:1rem}.blink-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.blink-description{color:#6b7280;margin:0}.progress-container{width:100%;background-color:#e5e7eb;border-radius:.75rem;overflow:hidden}.progress-bar{background-color:#00796b;height:.75rem;border-radius:.75rem;transition:all .3s ease}.progress-text{font-size:.875rem;color:#6b7280;margin:0}.spacer{height:1rem}.error-container{max-width:28rem;margin:0 auto;padding:1rem;background-color:#fef2f2;border-radius:.5rem;border:1px solid #fecaca}.error-text{color:#991b1b;margin:0}.help-container{max-width:28rem;margin:0 auto;padding:.5rem}.help-text{font-size:.75rem;color:#9ca3af;margin:0;line-height:1.4}.hidden-video{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.start-container{padding:1rem}.start-title{font-size:2rem}.start-logo{width:3rem;height:3rem}.start-content{gap:2rem}.button-container{max-width:100%}.blink-container{padding:1.5rem}.blink-icon{font-size:3rem}.blink-title{font-size:1.25rem}}.safari-camera-hint{background:#fef3c7;border:2px solid #f59e0b;border-radius:.75rem;padding:1.5rem;margin:1rem 0;max-width:32rem;width:100%}.safari-hint-content h3{color:#92400e;font-size:1.25rem;font-weight:600;margin:0 0 1rem}.safari-hint-content p{color:#92400e;font-size:1rem;margin:0 0 1rem}.safari-hint-content ol{color:#92400e;font-size:.9rem;margin:0;padding-left:1.5rem}.safari-hint-content li{margin-bottom:.5rem}.safari-hint-content strong{color:#78350f;font-weight:600}@media(max-width:480px){.start-header-content{flex-direction:column;gap:.5rem}.start-title{font-size:1.75rem}.btn-primary{font-size:1rem;padding:.875rem 1.5rem}.safari-camera-hint{padding:1rem;margin:.5rem 0}.safari-hint-content h3{font-size:1.1rem}.safari-hint-content p,.safari-hint-content ol{font-size:.85rem}}[data-v-c43638ff]:root{--color-primary: #00B098;--color-primary-rgb: 0, 176, 152;--color-text-primary: #000000;--color-text-secondary: #666666;--color-text-tertiary: #6b7280;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e5e7eb;--color-border-primary: #dee2e6;--color-border-secondary: #d1d5db;--color-shadow: rgba(0, 0, 0, .15);--color-shadow-secondary: rgba(0, 0, 0, .05);--color-accent-hover: #008a7a;--color-accent-secondary: #6b7280;--color-accent-secondary-hover: #4b5563;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--bg-primary: var(--color-bg-primary);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-bg-tertiary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--border-primary: var(--color-border-primary);--border-secondary: var(--color-border-secondary);--accent-primary: var(--color-primary);--accent-hover: var(--color-accent-hover);--accent-secondary: var(--color-accent-secondary);--accent-secondary-hover: var(--color-accent-secondary-hover);--shadow-primary: var(--color-shadow);--shadow-secondary: var(--color-shadow-secondary);--success: var(--color-success);--warning: var(--color-warning);--error: var(--color-error);--info: var(--color-info);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem;--space-xxl: 4rem;--grid-cols: 3;--grid-rows: 2;--grid-row-gap: 1.34rem;--grid-col-gap: 2rem;--tile-border-radius: 20px;--tile-border-width: 3px;--tile-width-ratio: .95;--tile-height-ratio: .65;--icon-size-ratio: .65625;--font-family: "Source Code Pro", monospace;--font-weight: 600;--line-height: 1.2;--transition-fast: .3s ease;--transition-smooth: .6s cubic-bezier(.25, .46, .45, .94);--transition-slow: .8s ease-in-out;--shadow-base: 0 6px 16px rgba(0, 0, 0, .15);--shadow-hover: 0 10px 28px rgba(0, 0, 0, .2);--shadow-active: 0 12px 32px rgba(0, 176, 152, .5)}.dark[data-v-c43638ff]{--color-text-primary: #f9fafb;--color-text-secondary: #e5e7eb;--color-text-tertiary: #9ca3af;--color-bg-primary: #1f2937;--color-bg-secondary: #374151;--color-bg-tertiary: #4b5563;--color-border-primary: #374151;--color-border-secondary: #4b5563;--color-shadow: rgba(0, 0, 0, .3);--color-shadow-secondary: rgba(0, 0, 0, .2);--color-accent-hover: #00d4aa;--color-accent-secondary-hover: #9ca3af}[data-v-c43638ff]{box-sizing:border-box}html[data-v-c43638ff],body[data-v-c43638ff]{margin:0;padding:0;overflow:hidden;height:100vh;max-height:100vh;width:100vw;max-width:100vw;font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-fast),color var(--transition-fast)}.main-content[data-v-c43638ff]{flex:1;display:flex;align-items:center;justify-content:center;padding:0;background-color:var(--color-bg-primary);transition:background-color var(--transition-fast);width:100vw;max-width:100vw;height:100%;box-sizing:border-box;overflow:hidden;margin:0}.content-wrapper[data-v-c43638ff]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;max-width:100vw;height:100%;gap:0;box-sizing:border-box;margin:0;padding:0}.main-title[data-v-c43638ff]{font-family:var(--font-family);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-md) 0;text-align:center;flex-shrink:0;padding:0;width:100%}.desktop-grid[data-v-c43638ff]{display:none;width:100%;height:100%}.grid-container[data-v-c43638ff]{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);grid-template-rows:repeat(var(--grid-rows),1fr);row-gap:var(--grid-row-gap);column-gap:var(--grid-col-gap);width:95vw;max-width:95vw;height:100%;max-height:100%;margin:0 auto;padding:var(--space-md);box-sizing:border-box;justify-items:center;align-items:center;overflow:hidden;grid-auto-columns:1fr;grid-auto-rows:1fr}.menu-tile[data-v-c43638ff]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--tile-border-radius);box-sizing:border-box;-webkit-user-select:none;user-select:none;width:calc(100% * var(--tile-width-ratio));min-width:calc(100% * var(--tile-width-ratio));max-width:calc(100% * var(--tile-width-ratio));height:calc(100% * var(--tile-height-ratio));border:var(--tile-border-width) solid var(--color-border-primary);background-color:var(--color-bg-secondary);box-shadow:var(--shadow-base);font-family:var(--font-family);font-weight:var(--font-weight);color:var(--color-text-primary);text-align:center;padding:clamp(1rem,4%,1.5rem);position:relative;overflow:hidden}.menu-tile .tile-icon-container[data-v-c43638ff]{width:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));height:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));min-width:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));min-height:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));max-width:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));max-height:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));margin-bottom:clamp(.5rem,3%,1rem);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);background-color:transparent;flex-shrink:0}.menu-tile .tile-icon[data-v-c43638ff]{width:100%;height:100%;max-width:100%;max-height:100%;transition:all var(--transition-fast);object-fit:contain}.menu-tile .tile-text[data-v-c43638ff]{text-align:center;font-family:var(--font-family);font-weight:var(--font-weight);color:var(--color-text-primary);line-height:var(--line-height);margin:0;padding:0;font-size:clamp(.9rem,2.5vw,1.6rem);width:90%;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:1;min-width:0}.menu-tile.tile-active[data-v-c43638ff]{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-active);pointer-events:auto;cursor:pointer;transform:translateY(-2px)}.menu-tile.tile-active .tile-text[data-v-c43638ff]{color:#fff;font-weight:700}.menu-tile.tile-active .tile-icon[data-v-c43638ff]{filter:brightness(0) invert(1)}.menu-tile.tile-inactive[data-v-c43638ff]{background-color:#f3f4f6;border-color:var(--color-border-primary);pointer-events:none;cursor:default;opacity:.9}.desktop-grid .menu-tile[data-v-c43638ff]:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-hover);border-color:var(--color-primary)}.desktop-grid .menu-tile[data-v-c43638ff]:active{transform:translateY(0) scale(.98)}.mobile-carousel[data-v-c43638ff]{display:none;position:relative;width:100vw;height:100%;overflow:visible;background-color:var(--color-bg-primary)}.mobile-carousel .carousel-container[data-v-c43638ff]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:2000px;transform-style:preserve-3d;overflow:visible;margin:0;padding:0;box-sizing:border-box}.mobile-carousel .menu-tile[data-v-c43638ff]{position:absolute;top:50%;left:50%;transform-origin:center center;--offset-value: var(--offset, 0);--distance: calc(var(--offset-value) * 120%);--scale: calc(1 - (abs(var(--offset-value))*.15)) ;--opacity: calc(1 - (abs(var(--offset-value))*.4)) ;transform:translate(-50%,-50%) translateY(var(--distance)) scale(var(--scale));opacity:var(--opacity);pointer-events:none;transition:transform var(--transition-smooth),opacity var(--transition-smooth);will-change:transform,opacity;z-index:calc(10 - (abs(var(--offset-value))*2));width:85%;height:60%;max-width:500px;max-height:400px;margin:0;transform-style:preserve-3d;backface-visibility:hidden}.mobile-carousel .menu-tile[style*="--offset: -2"][data-v-c43638ff],.mobile-carousel .menu-tile[style*="--offset: -1"][data-v-c43638ff],.mobile-carousel .menu-tile[style*="--offset: 0"][data-v-c43638ff],.mobile-carousel .menu-tile[style*="--offset: 1"][data-v-c43638ff],.mobile-carousel .menu-tile[style*="--offset: 2"][data-v-c43638ff]{opacity:var(--opacity);pointer-events:auto}.mobile-carousel .menu-tile.tile-active[data-v-c43638ff]{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:10;pointer-events:auto;left:50%;right:auto}.desktop-grid[data-v-c43638ff]{display:grid}.mobile-carousel[data-v-c43638ff]{display:none}@media(max-width:880px)and (orientation:portrait){.desktop-grid[data-v-c43638ff]{display:none}.mobile-carousel[data-v-c43638ff]{display:flex;flex:1;align-items:center;justify-content:center}.main-content[data-v-c43638ff]{padding:0;margin-top:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:0}.content-wrapper[data-v-c43638ff]{height:100%;justify-content:space-between;padding:var(--space-md) 0}.main-title[data-v-c43638ff]{margin-top:var(--space-lg);margin-bottom:0;font-size:clamp(1.5rem,6vw,2.5rem)}.mobile-carousel .menu-tile[data-v-c43638ff]{width:95%;height:55%;max-width:520px;max-height:350px}.mobile-carousel .menu-tile .tile-text[data-v-c43638ff]{font-size:clamp(1rem,5vw,1.8rem)}}@media(min-width:881px)and (max-width:1366px)and (orientation:portrait){.desktop-grid[data-v-c43638ff]{display:grid!important}.mobile-carousel[data-v-c43638ff]{display:none!important}.main-content[data-v-c43638ff]{padding:0;margin-top:0;display:flex;align-items:center;justify-content:center}.content-wrapper[data-v-c43638ff]{height:100%;justify-content:center;padding:0}.main-title[data-v-c43638ff]{margin-top:0;margin-bottom:var(--space-md);font-size:clamp(1.5rem,4vw,2.5rem)}.grid-container[data-v-c43638ff]{padding:var(--space-md)}}@media(orientation:landscape){.desktop-grid[data-v-c43638ff]{display:grid}.mobile-carousel[data-v-c43638ff]{display:none}.grid-container[data-v-c43638ff]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}@media(max-width:1024px){.main-content[data-v-c43638ff]{padding:var(--space-sm) 0;min-height:0}.grid-container[data-v-c43638ff]{padding:var(--space-sm)}.menu-tile[data-v-c43638ff]{height:70%}.menu-tile .tile-text[data-v-c43638ff]{font-size:clamp(.8rem,2.5vw,1.4rem)}}@media(min-width:768px)and (max-width:1366px){.grid-container[data-v-c43638ff]{padding:var(--space-md)}.menu-tile .tile-text[data-v-c43638ff]{font-size:clamp(.9rem,2vw,1.4rem)}}}@media(min-width:1367px){.desktop-grid[data-v-c43638ff]{display:grid}.mobile-carousel[data-v-c43638ff]{display:none}.grid-container[data-v-c43638ff]{padding:var(--space-lg)}.menu-tile .tile-text[data-v-c43638ff]{font-size:clamp(1rem,1.8vw,1.6rem)}@media(min-width:1440px){.menu-tile .tile-text[data-v-c43638ff]{font-size:clamp(1.2rem,1.5vw,1.8rem)}.grid-container[data-v-c43638ff]{padding:var(--space-xl)}}}@media(max-width:480px)and (orientation:portrait){.mobile-carousel .menu-tile[data-v-c43638ff]{width:85%;height:50%;padding:var(--space-sm)}.mobile-carousel .menu-tile .tile-text[data-v-c43638ff]{font-size:clamp(.8rem,4.5vw,1.2rem)}.main-title[data-v-c43638ff]{font-size:clamp(1.2rem,5vw,1.8rem);margin-top:var(--space-md)}}.dark .menu-tile.tile-inactive[data-v-c43638ff]{background-color:var(--color-bg-secondary);opacity:.85;border-color:var(--color-border-primary)}.dark .menu-tile .tile-text[data-v-c43638ff],.dark .main-title[data-v-c43638ff]{color:#f9fafb}@media(prefers-reduced-motion:reduce){.menu-tile[data-v-c43638ff],.mobile-carousel .menu-tile[data-v-c43638ff]{transition:none}}.menu-tile[data-v-c43638ff]:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media(prefers-contrast:high){.menu-tile[data-v-c43638ff]{border-width:4px}.menu-tile.tile-active[data-v-c43638ff]{border-width:5px}}.global-header[data-v-c43638ff]{background-color:var(--color-bg-primary);box-shadow:0 10px 15px -3px var(--color-shadow),0 4px 6px -2px var(--color-shadow-secondary);flex-shrink:0;width:100%;border-bottom:1px solid var(--color-border-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast);margin:0;padding:0}.header-content[data-v-c43638ff]{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;width:100%;max-width:100%}.header-left[data-v-c43638ff]{display:flex;align-items:center;gap:1rem;transition:opacity .2s ease}.header-left[data-v-c43638ff]:hover{opacity:.8}.header-right[data-v-c43638ff]{display:flex;align-items:center;gap:.75rem}.header-button[data-v-c43638ff]{padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.header-button[data-v-c43638ff]:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.header-button.active[data-v-c43638ff]{background-color:var(--color-primary);color:#fff}.dark .header-button-home[data-v-c43638ff]{background-color:#00b098!important;color:#fff!important}.dark .header-button-home[data-v-c43638ff]:hover{background-color:#00d4aa!important;transform:translateY(-1px)}.dark .header-button-home .header-button-icon[data-v-c43638ff]{filter:brightness(0) invert(1)!important}.header-button-icon[data-v-c43638ff]{width:1.25rem;height:1.25rem;object-fit:contain;display:block}.header-title[data-v-c43638ff]{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-family);font-weight:300;margin:0;transition:color var(--transition-fast)}.header-logo[data-v-c43638ff]{width:3rem;height:3rem;transition:all var(--transition-fast);object-fit:contain}.btn-primary[data-v-c43638ff]{background-color:var(--color-primary);color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s;border:none;cursor:pointer;font-family:var(--font-family)}.btn-primary[data-v-c43638ff]:hover{background-color:var(--color-accent-hover)}.btn-secondary[data-v-c43638ff]{background-color:var(--color-accent-secondary);color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s;border:none;cursor:pointer;font-family:var(--font-family)}.btn-secondary[data-v-c43638ff]:hover{background-color:var(--color-accent-secondary-hover)}.btn-back[data-v-c43638ff]{padding:.5rem;border-radius:.5rem;background-color:var(--color-bg-secondary);border:none;cursor:pointer;transition:background-color .2s}.btn-back[data-v-c43638ff]:hover{background-color:var(--color-bg-tertiary)}.btn-back-icon[data-v-c43638ff]{width:1.5rem;height:1.5rem;color:var(--color-text-secondary)}.tts-activation-overlay[data-v-c43638ff]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff;font-family:var(--font-family)}.tts-activation-box[data-v-c43638ff]{background:var(--color-bg-primary);color:var(--color-text-primary);padding:2rem;border-radius:1rem;text-align:center;max-width:400px;box-shadow:0 20px 25px -5px var(--color-shadow);border:1px solid var(--color-border-primary);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tts-activation-title[data-v-c43638ff]{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--color-text-primary);transition:color var(--transition-fast)}.tts-activation-text[data-v-c43638ff]{margin-bottom:1.5rem;line-height:1.6;color:var(--color-text-secondary);transition:color var(--transition-fast)}.tts-activation-button[data-v-c43638ff]{background:var(--color-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.2rem;cursor:pointer;font-family:var(--font-family);transition:background-color .2s}.tts-activation-button[data-v-c43638ff]:hover{background:var(--color-accent-hover)}.tts-button[data-v-c43638ff]{padding:.5rem;border-radius:.5rem;transition:background-color .2s;border:none;cursor:pointer}.tts-enabled[data-v-c43638ff]{background-color:#86efac}.tts-enabled[data-v-c43638ff]:hover{background-color:#4ade80}.tts-disabled[data-v-c43638ff]{background-color:#d1d5db}.tts-disabled[data-v-c43638ff]:hover{background-color:#9ca3af}.speaker-icon[data-v-c43638ff]{width:1.5rem;height:1.5rem}.speaker-icon.enabled[data-v-c43638ff]{color:#16a34a}.speaker-icon.disabled[data-v-c43638ff]{color:#6b7280}.main-text[data-v-c43638ff]{font-family:var(--font-family)!important;font-size:3rem!important;font-weight:600!important;color:var(--color-text-primary)!important;margin:0!important;text-align:center!important;width:100%!important}@media(max-width:768px){.main-text[data-v-c43638ff]{font-size:2.5rem!important}}@media(max-width:480px){.main-text[data-v-c43638ff]{font-size:2rem!important}}@media(max-width:768px){.header-content[data-v-c43638ff]{padding:.75rem 1rem}.header-logo[data-v-c43638ff]{width:2.5rem;height:2.5rem}.header-title[data-v-c43638ff]{font-size:1.25rem}.header-button[data-v-c43638ff]{padding:.5rem}.header-button-icon[data-v-c43638ff]{width:1rem;height:1rem}}@media(max-width:480px){.header-logo[data-v-c43638ff]{width:2rem;height:2rem}.header-title[data-v-c43638ff]{font-size:1rem}.header-left[data-v-c43638ff],.header-right[data-v-c43638ff]{gap:.5rem}}@media(max-width:320px){.header-logo[data-v-c43638ff]{width:1.5rem;height:1.5rem}.header-title[data-v-c43638ff]{font-size:.875rem}}.home-view[data-v-c43638ff]{height:100vh;max-height:100vh;width:100vw;max-width:100vw;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:0;padding:0;background-color:var(--color-bg-primary)}.main-content[data-v-ef4a573c]{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;min-height:80vh;justify-content:center}.sentence-display-container[data-v-ef4a573c]{width:100%;max-width:100%;min-height:9.66rem;max-height:20rem;overflow:visible;background-color:transparent;border:none;margin:0 auto 1.5rem;padding:1rem;position:relative;display:flex;align-items:center;justify-content:center}.sentence-display[data-v-ef4a573c]{width:100%;min-height:100%;position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.sentence-item[data-v-ef4a573c]{position:relative;width:100%;max-width:100%;text-align:center;font-size:2.5rem;color:#1f2937;font-family:Source Code Pro,monospace;font-weight:600;opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .5s ease-in-out;padding:.5rem 1rem;line-height:1.5;display:block;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:normal;box-sizing:border-box;margin:0 auto}.sentence-item.sentence-active[data-v-ef4a573c]{opacity:1;transform:translateY(0);color:#1f2937}.bell-container[data-v-ef4a573c]{display:flex;justify-content:center;align-items:center;width:100%;margin:1.5rem 0}.bell-button[data-v-ef4a573c]{background:none;border:3px solid transparent;border-radius:50%;outline:none;box-shadow:none;cursor:pointer;transition:all .3s ease;padding:2rem;position:relative;pointer-events:auto}.bell-button[data-v-ef4a573c]:hover{transform:scale(1.05)}.bell-active[data-v-ef4a573c]{border:3px solid #f97316!important;background-color:#f973161a!important;transform:scale(1.1);pointer-events:auto;cursor:pointer}.bell-playing[data-v-ef4a573c]{border:3px solid #ef4444!important;background-color:#ef444433!important;transform:scale(1.1);pointer-events:auto;cursor:pointer}.bell-button[data-v-ef4a573c]:not(.bell-active):not(.bell-playing){pointer-events:none;cursor:default}.bell-alarm[data-v-ef4a573c]{box-shadow:0 0 20px #ef444480}.bell-icon[data-v-ef4a573c]{width:200px;height:200px;max-width:300px;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.back-section[data-v-ef4a573c]{display:flex;justify-content:center;align-items:center;width:100%;margin:1.5rem 0}.back-action-button[data-v-ef4a573c]{font-size:2rem;font-family:Source Code Pro,monospace;font-weight:600;background:var(--bg-primary);border:3px solid var(--border-secondary);border-radius:15px;outline:none;box-shadow:none;padding:1rem 2rem;margin:0;cursor:pointer;transition:all .3s ease;color:var(--text-primary);min-width:300px;pointer-events:auto}.back-action-button[data-v-ef4a573c]:hover{transform:scale(1.05);color:var(--text-tertiary)}.back-active[data-v-ef4a573c]{background:var(--bg-secondary)!important;color:var(--accent-primary)!important;border:3px solid var(--accent-primary)!important;transform:scale(1.1);pointer-events:auto;cursor:pointer}.back-action-button[data-v-ef4a573c]:not(.back-active){pointer-events:none;cursor:default}@keyframes tts-pulse-ef4a573c{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:1024px){.sentence-display-container[data-v-ef4a573c]{min-height:10rem;max-height:18rem;padding:.75rem}.sentence-item[data-v-ef4a573c]{font-size:2rem;line-height:1.5}}@media(max-width:768px){.main-content[data-v-ef4a573c]{gap:1.125rem;padding:1rem}.sentence-display-container[data-v-ef4a573c]{min-height:12rem;max-height:16rem;margin:0 auto .75rem;padding:.75rem .5rem}.sentence-item[data-v-ef4a573c]{font-size:1.6rem;line-height:1.5}.bell-icon[data-v-ef4a573c]{width:150px;height:150px;max-width:200px}.back-action-button[data-v-ef4a573c]{font-size:1.5rem;padding:.8rem 1.5rem;min-width:250px}}@media(max-width:430px){.sentence-display-container[data-v-ef4a573c]{min-height:10rem;max-height:14rem;padding:.5rem}.sentence-item[data-v-ef4a573c]{font-size:1.4rem;line-height:1.6;padding:.25rem .5rem}.bell-icon[data-v-ef4a573c]{width:120px;height:120px;max-width:150px}.back-action-button[data-v-ef4a573c]{font-size:1.2rem;padding:.6rem 1rem;min-width:200px}}@media(max-width:320px){.sentence-display-container[data-v-ef4a573c]{min-height:8rem;max-height:12rem;padding:.25rem}.sentence-item[data-v-ef4a573c]{font-size:1.2rem;line-height:1.6;padding:.25rem}}.dark .sentence-item[data-v-ef4a573c],.dark .sentence-item.sentence-active[data-v-ef4a573c]{color:#f9fafb}.bell-button[data-v-ef4a573c]:focus,.back-action-button[data-v-ef4a573c]:focus{outline:2px solid #3b82f6;outline-offset:2px}.bell-button[data-v-ef4a573c]:disabled,.back-action-button[data-v-ef4a573c]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}[data-v-ef4a573c]{transition:all .3s ease}.sentence-item.loading[data-v-ef4a573c]{animation:pulse-ef4a573c 2s infinite}@keyframes pulse-ef4a573c{0%,to{opacity:1}50%{opacity:.5}}.main-content[data-v-40a713f1]{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem}.sentence-display-container[data-v-40a713f1]{width:100%;max-width:100%;height:7.5rem;overflow:hidden;background-color:transparent;border:none;margin:0 auto 1.5rem;padding:0 1rem;position:relative;display:flex;align-items:center;justify-content:center}.sentence-display[data-v-40a713f1]{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.sentence-item[data-v-40a713f1]{position:absolute;width:100%;text-align:center;font-size:3rem;color:#1f2937;font-family:Source Code Pro,monospace;font-weight:600;opacity:0;transform:translateY(20px);transition:all .5s ease-in-out;padding:0 1rem;line-height:1.4}.sentence-item.sentence-active[data-v-40a713f1]{opacity:1;transform:translateY(0);color:#1f2937}.sentence-display.sentence-paused .sentence-item[data-v-40a713f1]{transition:none}.text-display-container[data-v-40a713f1]{width:100%;max-width:100%;margin:0 auto;padding:0 1rem}.text-display-box[data-v-40a713f1]{background-color:#f3f4f6;border-radius:.5rem;padding:1.5rem;border:2px solid #d1d5db;min-height:104px!important;height:104px!important;display:flex;align-items:center;justify-content:center}.text-display-text[data-v-40a713f1]{font-size:2.15625rem;color:#1f2937;font-family:Source Code Pro,monospace;font-weight:700;margin:0;word-break:break-word;text-align:center}.main-content .text-display-container .text-display-box[data-v-40a713f1]{min-height:104px!important;height:104px!important;background-color:#f3f4f6!important}.instructions-section[data-v-40a713f1]{text-align:center;width:100%;max-width:600px}.instructions-text[data-v-40a713f1]{font-size:1.25rem;color:#4b5563;font-family:Source Code Pro,monospace;font-weight:300;margin:0}.spacer[data-v-40a713f1]{height:2rem;width:100%}.keyboard-container[data-v-40a713f1]{width:100%;max-width:100%;margin:0 auto;padding:0 1rem}.keyboard-vertical[data-v-40a713f1]{display:flex;flex-direction:column;gap:.5rem;align-items:center;width:100%}.keyboard-row[data-v-40a713f1]{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;width:100%;max-width:100%;overflow-x:auto;border:3px solid transparent;border-radius:8px;box-sizing:border-box}.keyboard-key[data-v-40a713f1]{display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;border:2px solid #d1d5db;font-family:Source Code Pro,monospace;font-weight:700;box-sizing:border-box;flex:1;min-width:0;min-height:45px;flex-shrink:1;flex-basis:0;width:100%}.keyboard-key-active[data-v-40a713f1]{box-shadow:0 10px 15px -3px #0000001a}.keyboard-key-inactive[data-v-40a713f1]{background-color:#fff;color:#374151}.keyboard-key-text[data-v-40a713f1]{font-family:Source Code Pro,monospace;font-weight:700}.instructions-box[data-v-40a713f1]{background-color:transparent;color:#374151;padding:1rem;max-width:600px;width:100%;text-align:center}.instructions-title[data-v-40a713f1]{font-size:1.25rem;font-weight:700;margin:0 0 1rem;color:#1f2937}.instructions-text[data-v-40a713f1]{margin:0;line-height:1.6;color:#374151;font-size:1rem}.instructions-text strong[data-v-40a713f1]{font-weight:700;color:#1f2937}@keyframes pulse-40a713f1{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.main-content[data-v-40a713f1]{padding:1rem}.sentence-display-container[data-v-40a713f1]{height:5.625rem;margin:0 auto 1rem;padding:0 .5rem}.sentence-item[data-v-40a713f1]{font-size:2.4rem;color:#1f2937}.letter-display[data-v-40a713f1]{font-size:4rem}.keyboard-row[data-v-40a713f1]{gap:.5rem}.keyboard-key[data-v-40a713f1]{min-width:40px;min-height:40px}.keyboard-key[data-v-40a713f1]{flex:1!important;min-width:50px!important;min-height:35px!important;max-width:80px!important;width:auto!important;height:auto!important}.keyboard-key-text[data-v-40a713f1]{font-size:12px!important}.keyboard-container[data-v-40a713f1]{max-width:100%;overflow-x:auto;padding:0 .5rem}.text-display-container[data-v-40a713f1]{max-width:100%;padding:0 .5rem}.keyboard-vertical[data-v-40a713f1]{gap:.25rem}.keyboard-row[data-v-40a713f1]{gap:.25rem;flex-wrap:wrap;justify-content:center}}@media(max-width:430px){.sentence-display-container[data-v-40a713f1]{height:5rem;margin:0 auto .75rem;padding:0 1rem}.sentence-item[data-v-40a713f1]{font-size:2rem;color:#1f2937}.keyboard-key[data-v-40a713f1]{flex:1!important;min-width:70px!important;min-height:55px!important;max-width:120px!important;width:auto!important;height:auto!important}.keyboard-key-text[data-v-40a713f1]{font-size:16px!important}.keyboard-row[data-v-40a713f1]{gap:.75rem;flex-wrap:wrap;justify-content:center}.keyboard-container[data-v-40a713f1],.text-display-container[data-v-40a713f1]{padding:0 1rem}}@media(max-width:320px){.sentence-display-container[data-v-40a713f1]{height:4.375rem;margin:0 auto .5rem;padding:0 .125rem}.sentence-item[data-v-40a713f1]{font-size:1.8rem;color:#1f2937}.keyboard-key[data-v-40a713f1]{flex:1!important;min-width:25px!important;min-height:20px!important;max-width:40px!important;width:auto!important;height:auto!important}.keyboard-key-text[data-v-40a713f1]{font-size:8px!important}.keyboard-row[data-v-40a713f1]{gap:.0625rem;flex-wrap:wrap;justify-content:center}.keyboard-container[data-v-40a713f1],.text-display-container[data-v-40a713f1]{padding:0 .125rem}}.tts-indicator[data-v-40a713f1]{position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:0;transition:opacity .3s ease}.tts-indicator.tts-active[data-v-40a713f1]{opacity:1;animation:tts-pulse-40a713f1 1s infinite}@keyframes tts-pulse-40a713f1{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.keyboard-row.row-active[data-v-40a713f1]{border-color:#00b098;background-color:#00b0981a;box-shadow:0 4px 12px #00b0984d;transition:all .3s ease}.keyboard-row.row-selected[data-v-40a713f1]{border-color:#10b981;background-color:#10b9811a;transition:all .3s ease}.keyboard-row.row-inactive[data-v-40a713f1]{border-color:transparent;transition:all .3s ease}.keyboard-key.letter-active[data-v-40a713f1]{border:3px solid #f97316!important;background-color:#00b098!important;color:#fff!important;box-shadow:0 4px 12px #00b0984d;transition:all .3s ease}.keyboard-key.letter-inactive[data-v-40a713f1]{transition:all .3s ease}.keyboard-key.keyboard-key-active[data-v-40a713f1]{border:3px solid #f97316!important;background-color:#f9731633!important;box-shadow:0 4px 12px #f973164d;transition:all .3s ease}.keyboard-key.keyboard-key-inactive[data-v-40a713f1]{transition:all .3s ease}.text-display-container[data-v-40a713f1]{position:relative}.dark .sentence-item[data-v-40a713f1],.dark .sentence-item.sentence-active[data-v-40a713f1]{color:#f9fafb}.dark .keyboard-key[data-v-40a713f1]{background-color:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}.dark .keyboard-key[data-v-40a713f1]:hover{background-color:#4b5563!important;border-color:#6b7280!important;color:#fff!important}.dark .keyboard-key[data-v-40a713f1]:active{background-color:#1f2937!important;border-color:#374151!important;color:#fff!important}.dark .keyboard-key.keyboard-key-inactive[data-v-40a713f1]{background-color:#374151!important;border-color:#4b5563!important;color:#f9fafb!important}.dark .keyboard-key.keyboard-key-active[data-v-40a713f1]{background-color:#00b098!important;border-color:#00b098!important;color:#fff!important}.dark .keyboard-key.letter-active[data-v-40a713f1]{background-color:#00b098!important;border-color:#00b098!important;color:#fff!important;box-shadow:0 4px 12px #00b09880;transition:all .3s ease}.dark .keyboard-row.row-active[data-v-40a713f1]{border-color:#00b098!important;background-color:#00b0984d!important;box-shadow:0 4px 12px #00b09880!important;transition:all .3s ease!important}@media(max-width:768px){.dark .sentence-item[data-v-40a713f1]{color:#f9fafb}}@media(max-width:430px){.dark .sentence-item[data-v-40a713f1]{color:#f9fafb}}@media(max-width:320px){.dark .sentence-item[data-v-40a713f1]{color:#f9fafb}}.keyboard-key[data-v-40a713f1]{background-color:#fff;border:2px solid #d1d5db;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.keyboard-key[data-v-40a713f1]:hover{background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.keyboard-key[data-v-40a713f1]:active{transform:translateY(0);background-color:#e5e7eb;border-color:#6b7280;box-shadow:0 2px 4px #0000001a}.keyboard-key-text[data-v-40a713f1]{font-weight:600;text-align:center;line-height:1}.keyboard-key[data-v-40a713f1]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .2s ease;pointer-events:none}.keyboard-key[data-v-40a713f1]:active:before{opacity:1}.keyboard-container[data-v-40a713f1]{scroll-behavior:smooth;overflow-x:auto;padding:0 1rem}.keyboard-key[data-v-40a713f1]:focus{outline:2px solid #3b82f6;outline-offset:2px}@keyframes pulse-40a713f1{0%,to{opacity:1}50%{opacity:.7}}.sentence-item.letter-display[data-v-40a713f1]{color:#f97316;font-size:2.5em;font-weight:700;text-align:center;transition:all .3s ease;text-shadow:2px 2px 4px rgba(249,115,22,.3)}.sentence-item[data-v-40a713f1]{transition:all .3s ease}.desktop-grid .tile-icon[data-v-c4c95542],.mobile-carousel .tile-icon[data-v-c4c95542]{transform:scale(1.2)!important}.tile-emoji[data-v-c4c95542]{font-size:clamp(3rem,10vw,6rem);line-height:1}.pain-level-tile .tile-description[data-v-c4c95542]{font-size:clamp(1.95rem,5.2vw,3.25rem)!important;font-weight:600!important;color:#fff!important;margin:0;padding:0;text-align:center;line-height:1.2;display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;height:100%}.pain-level-tile .pain-level-number[data-v-c4c95542]{font-weight:700}.pain-level-tile .pain-level-comma[data-v-c4c95542],.pain-level-tile .pain-level-desc[data-v-c4c95542]{font-weight:600}.pain-level-tile .tile-icon-container[data-v-c4c95542],.pain-level-tile .tile-emoji[data-v-c4c95542],.pain-level-tile .tile-text[data-v-c4c95542]{display:none!important}.pain-level-tile[data-v-c4c95542]{background-color:var(--pain-color, #f3f4f6)!important;border-color:var(--pain-color, #e5e7eb)!important}.pain-level-tile.tile-active[data-v-c4c95542]{background-color:var(--pain-color, #667eea)!important;border-color:var(--pain-color, #667eea)!important;box-shadow:0 0 20px #0000004d,0 0 40px var(--pain-color, #667eea)!important}.pain-level-tile.tile-inactive[data-v-c4c95542]{background-color:var(--pain-color, #f3f4f6)!important;border-color:var(--pain-color, #e5e7eb)!important;opacity:.8}.dark .pain-level-tile[data-v-c4c95542]{background-color:var(--pain-color, #374151)!important;border-color:var(--pain-color, #4b5563)!important}.dark .pain-level-tile.tile-active[data-v-c4c95542]{background-color:var(--pain-color, #667eea)!important;border-color:var(--pain-color, #667eea)!important;box-shadow:0 0 20px #00000080,0 0 40px var(--pain-color, #667eea)!important}.dark .pain-level-tile.tile-inactive[data-v-c4c95542]{background-color:var(--pain-color, #374151)!important;border-color:var(--pain-color, #4b5563)!important;opacity:.7}.confirmation-container[data-v-c4c95542]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;animation:fadeInScale-c4c95542 .5s ease-out;gap:.5rem;width:100%;height:100%;min-height:50vh}.confirmation-text[data-v-c4c95542]{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;line-height:1.4;margin:0;padding:0;text-align:center;width:100%;max-width:90%}.confirmation-icon[data-v-c4c95542]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 10px 40px #667eea4d;animation:pulse-c4c95542 2s ease-in-out infinite}@keyframes fadeInScale-c4c95542{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-c4c95542{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.confirmation-container[data-v-c4c95542]{padding:1rem;gap:.25rem}.confirmation-icon[data-v-c4c95542]{width:80px;height:80px;font-size:2.5rem;margin-bottom:.5rem}.tile-emoji[data-v-c4c95542]{font-size:clamp(2.5rem,8vw,4rem)}}@media(orientation:portrait)and (max-width:1024px){.confirmation-container[data-v-c4c95542]{padding:1.5rem 1rem;gap:.5rem;justify-content:center}.confirmation-icon[data-v-c4c95542]{margin-bottom:.75rem}}.tile-emoji[data-v-2bec0adc]{font-size:clamp(3rem,10vw,6rem);line-height:1}.confirmation-container[data-v-2bec0adc]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;animation:fadeInScale-2bec0adc .5s ease-out}.confirmation-icon[data-v-2bec0adc]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;box-shadow:0 10px 40px #667eea4d;animation:pulse-2bec0adc 2s ease-in-out infinite}@keyframes fadeInScale-2bec0adc{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-2bec0adc{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.confirmation-icon[data-v-2bec0adc]{width:80px;height:80px;font-size:2.5rem}.tile-emoji[data-v-2bec0adc]{font-size:clamp(2.5rem,8vw,4rem)}}:root{--color-primary: #00B098;--color-primary-rgb: 0, 176, 152;--color-text-primary: #000000;--color-text-secondary: #666666;--color-text-tertiary: #6b7280;--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e5e7eb;--color-border-primary: #dee2e6;--color-border-secondary: #d1d5db;--color-shadow: rgba(0, 0, 0, .15);--color-shadow-secondary: rgba(0, 0, 0, .05);--color-accent-hover: #008a7a;--color-accent-secondary: #6b7280;--color-accent-secondary-hover: #4b5563;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--bg-primary: var(--color-bg-primary);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-bg-tertiary);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--border-primary: var(--color-border-primary);--border-secondary: var(--color-border-secondary);--accent-primary: var(--color-primary);--accent-hover: var(--color-accent-hover);--accent-secondary: var(--color-accent-secondary);--accent-secondary-hover: var(--color-accent-secondary-hover);--shadow-primary: var(--color-shadow);--shadow-secondary: var(--color-shadow-secondary);--success: var(--color-success);--warning: var(--color-warning);--error: var(--color-error);--info: var(--color-info);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem;--space-xxl: 4rem;--grid-cols: 3;--grid-rows: 2;--grid-row-gap: 1.34rem;--grid-col-gap: 2rem;--tile-border-radius: 20px;--tile-border-width: 3px;--tile-width-ratio: .95;--tile-height-ratio: .65;--icon-size-ratio: .65625;--font-family: "Source Code Pro", monospace;--font-weight: 600;--line-height: 1.2;--transition-fast: .3s ease;--transition-smooth: .6s cubic-bezier(.25, .46, .45, .94);--transition-slow: .8s ease-in-out;--shadow-base: 0 6px 16px rgba(0, 0, 0, .15);--shadow-hover: 0 10px 28px rgba(0, 0, 0, .2);--shadow-active: 0 12px 32px rgba(0, 176, 152, .5)}.dark{--color-text-primary: #f9fafb;--color-text-secondary: #e5e7eb;--color-text-tertiary: #9ca3af;--color-bg-primary: #1f2937;--color-bg-secondary: #374151;--color-bg-tertiary: #4b5563;--color-border-primary: #374151;--color-border-secondary: #4b5563;--color-shadow: rgba(0, 0, 0, .3);--color-shadow-secondary: rgba(0, 0, 0, .2);--color-accent-hover: #00d4aa;--color-accent-secondary-hover: #9ca3af}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow:hidden;height:100vh;max-height:100vh;width:100vw;max-width:100vw;font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-fast),color var(--transition-fast)}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:0;background-color:var(--color-bg-primary);transition:background-color var(--transition-fast);width:100vw;max-width:100vw;height:100%;box-sizing:border-box;overflow:hidden;margin:0}.content-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;max-width:100vw;height:100%;gap:0;box-sizing:border-box;margin:0;padding:0}.main-title{font-family:var(--font-family);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-md) 0;text-align:center;flex-shrink:0;padding:0;width:100%}.desktop-grid{display:none;width:100%;height:100%}.grid-container{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);grid-template-rows:repeat(var(--grid-rows),1fr);row-gap:var(--grid-row-gap);column-gap:var(--grid-col-gap);width:95vw;max-width:95vw;height:100%;max-height:100%;margin:0 auto;padding:var(--space-md);box-sizing:border-box;justify-items:center;align-items:center;overflow:hidden;grid-auto-columns:1fr;grid-auto-rows:1fr}.menu-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--tile-border-radius);box-sizing:border-box;-webkit-user-select:none;user-select:none;width:calc(100% * var(--tile-width-ratio));min-width:calc(100% * var(--tile-width-ratio));max-width:calc(100% * var(--tile-width-ratio));height:calc(100% * var(--tile-height-ratio));border:var(--tile-border-width) solid var(--color-border-primary);background-color:var(--color-bg-secondary);box-shadow:var(--shadow-base);font-family:var(--font-family);font-weight:var(--font-weight);color:var(--color-text-primary);text-align:center;padding:clamp(1rem,4%,1.5rem);position:relative;overflow:hidden}.menu-tile .tile-icon-container{width:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));height:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));min-width:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));min-height:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));max-width:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));max-height:calc(100% * var(--tile-height-ratio) * var(--icon-size-ratio));margin-bottom:clamp(.5rem,3%,1rem);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);background-color:transparent;flex-shrink:0}.menu-tile .tile-icon{width:100%;height:100%;max-width:100%;max-height:100%;transition:all var(--transition-fast);object-fit:contain}.menu-tile .tile-text{text-align:center;font-family:var(--font-family);font-weight:var(--font-weight);color:var(--color-text-primary);line-height:var(--line-height);margin:0;padding:0;font-size:clamp(.9rem,2.5vw,1.6rem);width:90%;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:1;min-width:0}.menu-tile.tile-active{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-active);pointer-events:auto;cursor:pointer;transform:translateY(-2px)}.menu-tile.tile-active .tile-text{color:#fff;font-weight:700}.menu-tile.tile-active .tile-icon{filter:brightness(0) invert(1)}.menu-tile.tile-inactive{background-color:#f3f4f6;border-color:var(--color-border-primary);pointer-events:none;cursor:default;opacity:.9}.desktop-grid .menu-tile:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-hover);border-color:var(--color-primary)}.desktop-grid .menu-tile:active{transform:translateY(0) scale(.98)}.mobile-carousel{display:none;position:relative;width:100vw;height:100%;overflow:visible;background-color:var(--color-bg-primary)}.mobile-carousel .carousel-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:2000px;transform-style:preserve-3d;overflow:visible;margin:0;padding:0;box-sizing:border-box}.mobile-carousel .menu-tile{position:absolute;top:50%;left:50%;transform-origin:center center;--offset-value: var(--offset, 0);--distance: calc(var(--offset-value) * 120%);--scale: calc(1 - (abs(var(--offset-value))*.15)) ;--opacity: calc(1 - (abs(var(--offset-value))*.4)) ;transform:translate(-50%,-50%) translateY(var(--distance)) scale(var(--scale));opacity:var(--opacity);pointer-events:none;transition:transform var(--transition-smooth),opacity var(--transition-smooth);will-change:transform,opacity;z-index:calc(10 - (abs(var(--offset-value))*2));width:85%;height:60%;max-width:500px;max-height:400px;margin:0;transform-style:preserve-3d;backface-visibility:hidden}.mobile-carousel .menu-tile[style*="--offset: -2"],.mobile-carousel .menu-tile[style*="--offset: -1"],.mobile-carousel .menu-tile[style*="--offset: 0"],.mobile-carousel .menu-tile[style*="--offset: 1"],.mobile-carousel .menu-tile[style*="--offset: 2"]{opacity:var(--opacity);pointer-events:auto}.mobile-carousel .menu-tile.tile-active{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:10;pointer-events:auto;left:50%;right:auto}.desktop-grid{display:grid}.mobile-carousel{display:none}@media(max-width:880px)and (orientation:portrait){.desktop-grid{display:none}.mobile-carousel{display:flex;flex:1;align-items:center;justify-content:center}.main-content{padding:0;margin-top:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:0}.content-wrapper{height:100%;justify-content:space-between;padding:var(--space-md) 0}.main-title{margin-top:var(--space-lg);margin-bottom:0;font-size:clamp(1.5rem,6vw,2.5rem)}.mobile-carousel .menu-tile{width:95%;height:55%;max-width:520px;max-height:350px}.mobile-carousel .menu-tile .tile-text{font-size:clamp(1rem,5vw,1.8rem)}}@media(min-width:881px)and (max-width:1366px)and (orientation:portrait){.desktop-grid{display:grid!important}.mobile-carousel{display:none!important}.main-content{padding:0;margin-top:0;display:flex;align-items:center;justify-content:center}.content-wrapper{height:100%;justify-content:center;padding:0}.main-title{margin-top:0;margin-bottom:var(--space-md);font-size:clamp(1.5rem,4vw,2.5rem)}.grid-container{padding:var(--space-md)}}@media(orientation:landscape){.desktop-grid{display:grid}.mobile-carousel{display:none}.grid-container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}@media(max-width:1024px){.main-content{padding:var(--space-sm) 0;min-height:0}.grid-container{padding:var(--space-sm)}.menu-tile{height:70%}.menu-tile .tile-text{font-size:clamp(.8rem,2.5vw,1.4rem)}}@media(min-width:768px)and (max-width:1366px){.grid-container{padding:var(--space-md)}.menu-tile .tile-text{font-size:clamp(.9rem,2vw,1.4rem)}}}@media(min-width:1367px){.desktop-grid{display:grid}.mobile-carousel{display:none}.grid-container{padding:var(--space-lg)}.menu-tile .tile-text{font-size:clamp(1rem,1.8vw,1.6rem)}@media(min-width:1440px){.menu-tile .tile-text{font-size:clamp(1.2rem,1.5vw,1.8rem)}.grid-container{padding:var(--space-xl)}}}@media(max-width:480px)and (orientation:portrait){.mobile-carousel .menu-tile{width:85%;height:50%;padding:var(--space-sm)}.mobile-carousel .menu-tile .tile-text{font-size:clamp(.8rem,4.5vw,1.2rem)}.main-title{font-size:clamp(1.2rem,5vw,1.8rem);margin-top:var(--space-md)}}.dark .menu-tile.tile-inactive{background-color:var(--color-bg-secondary);opacity:.85;border-color:var(--color-border-primary)}.dark .menu-tile .tile-text,.dark .main-title{color:#f9fafb}@media(prefers-reduced-motion:reduce){.menu-tile,.mobile-carousel .menu-tile{transition:none}}.menu-tile:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media(prefers-contrast:high){.menu-tile{border-width:4px}.menu-tile.tile-active{border-width:5px}}.global-header{background-color:var(--color-bg-primary);box-shadow:0 10px 15px -3px var(--color-shadow),0 4px 6px -2px var(--color-shadow-secondary);flex-shrink:0;width:100%;border-bottom:1px solid var(--color-border-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast);margin:0;padding:0}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;width:100%;max-width:100%}.header-left{display:flex;align-items:center;gap:1rem;transition:opacity .2s ease}.header-left:hover{opacity:.8}.header-right{display:flex;align-items:center;gap:.75rem}.header-button{padding:.75rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.header-button:hover{background-color:var(--color-bg-tertiary);transform:translateY(-1px)}.header-button.active{background-color:var(--color-primary);color:#fff}.dark .header-button-home{background-color:#00b098!important;color:#fff!important}.dark .header-button-home:hover{background-color:#00d4aa!important;transform:translateY(-1px)}.dark .header-button-home .header-button-icon{filter:brightness(0) invert(1)!important}.header-button-icon{width:1.25rem;height:1.25rem;object-fit:contain;display:block}.header-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-family);font-weight:300;margin:0;transition:color var(--transition-fast)}.header-logo{width:3rem;height:3rem;transition:all var(--transition-fast);object-fit:contain}.btn-primary{background-color:var(--color-primary);color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s;border:none;cursor:pointer;font-family:var(--font-family)}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-accent-secondary);color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:background-color .2s;border:none;cursor:pointer;font-family:var(--font-family)}.btn-secondary:hover{background-color:var(--color-accent-secondary-hover)}.btn-back{padding:.5rem;border-radius:.5rem;background-color:var(--color-bg-secondary);border:none;cursor:pointer;transition:background-color .2s}.btn-back:hover{background-color:var(--color-bg-tertiary)}.btn-back-icon{width:1.5rem;height:1.5rem;color:var(--color-text-secondary)}.tts-activation-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;color:#fff;font-family:var(--font-family)}.tts-activation-box{background:var(--color-bg-primary);color:var(--color-text-primary);padding:2rem;border-radius:1rem;text-align:center;max-width:400px;box-shadow:0 20px 25px -5px var(--color-shadow);border:1px solid var(--color-border-primary);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tts-activation-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--color-text-primary);transition:color var(--transition-fast)}.tts-activation-text{margin-bottom:1.5rem;line-height:1.6;color:var(--color-text-secondary);transition:color var(--transition-fast)}.tts-activation-button{background:var(--color-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;font-size:1.2rem;cursor:pointer;font-family:var(--font-family);transition:background-color .2s}.tts-activation-button:hover{background:var(--color-accent-hover)}.tts-button{padding:.5rem;border-radius:.5rem;transition:background-color .2s;border:none;cursor:pointer}.tts-enabled{background-color:#86efac}.tts-enabled:hover{background-color:#4ade80}.tts-disabled{background-color:#d1d5db}.tts-disabled:hover{background-color:#9ca3af}.speaker-icon{width:1.5rem;height:1.5rem}.speaker-icon.enabled{color:#16a34a}.speaker-icon.disabled{color:#6b7280}.main-text{font-family:var(--font-family)!important;font-size:3rem!important;font-weight:600!important;color:var(--color-text-primary)!important;margin:0!important;text-align:center!important;width:100%!important}@media(max-width:768px){.main-text{font-size:2.5rem!important}}@media(max-width:480px){.main-text{font-size:2rem!important}}@media(max-width:768px){.header-content{padding:.75rem 1rem}.header-logo{width:2.5rem;height:2.5rem}.header-title{font-size:1.25rem}.header-button{padding:.5rem}.header-button-icon{width:1rem;height:1rem}}@media(max-width:480px){.header-logo{width:2rem;height:2rem}.header-title{font-size:1rem}.header-left,.header-right{gap:.5rem}}@media(max-width:320px){.header-logo{width:1.5rem;height:1.5rem}.header-title{font-size:.875rem}}.pain-dialog,.self-dialog,.environment-dialog,.settings-dialog{height:100vh;max-height:100vh;width:100vw;max-width:100vw;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;margin:0;padding:0;background-color:var(--color-bg-primary)}.pain-dialog .main-title,.self-dialog .main-title,.environment-dialog .main-title,.settings-dialog .main-title{font-size:clamp(1.95rem,5.2vw,3.25rem);position:relative;z-index:100;background:linear-gradient(to bottom,#fff 0% 70%,#ffffffe6 85%,#ffffffb3 95%,#fff0);padding:var(--space-md) var(--space-lg);padding-bottom:var(--space-xl);margin:0;margin-bottom:var(--space-md);width:100%;box-sizing:border-box;color:var(--color-text-primary);text-align:center;font-weight:500;line-height:1.2}.dark .pain-dialog .main-title,.dark .self-dialog .main-title,.dark .environment-dialog .main-title,.dark .settings-dialog .main-title{background:linear-gradient(to bottom,#1f2937 0% 70%,#1f2937e6 85%,#1f2937b3 95%,#1f293700);color:#f9fafb}@media(max-width:1024px)and (orientation:portrait){.pain-dialog .content-wrapper,.self-dialog .content-wrapper,.environment-dialog .content-wrapper,.settings-dialog .content-wrapper{padding-top:0!important;margin-top:0!important}.pain-dialog .main-content,.self-dialog .main-content,.environment-dialog .main-content,.settings-dialog .main-content{margin-top:0!important;padding-top:0!important}.pain-dialog .main-title,.self-dialog .main-title,.environment-dialog .main-title,.settings-dialog .main-title{font-size:clamp(1.95rem,7.8vw,3.25rem);padding:0 var(--space-md);padding-top:0!important;padding-bottom:0;margin-top:0!important;margin-bottom:0;line-height:1.1;background:linear-gradient(to bottom,#fff 0% 60%,#ffffffd9 75%,#fff9 90%,#fff0)}.dark .pain-dialog .main-title,.dark .self-dialog .main-title,.dark .environment-dialog .main-title,.dark .settings-dialog .main-title{background:linear-gradient(to bottom,#1f2937 0% 60%,#1f2937d9 75%,#1f293799 90%,#1f293700)}}@media(max-width:880px)and (orientation:portrait){.pain-dialog .content-wrapper,.self-dialog .content-wrapper,.environment-dialog .content-wrapper,.settings-dialog .content-wrapper{padding-top:0!important;margin-top:0!important}.pain-dialog .main-content,.self-dialog .main-content,.environment-dialog .main-content,.settings-dialog .main-content{margin-top:0!important;padding-top:0!important}.pain-dialog .main-title,.self-dialog .main-title,.environment-dialog .main-title,.settings-dialog .main-title{margin-top:0!important;padding-top:0!important;line-height:1.1}}@media(min-width:881px)and (max-width:1366px)and (orientation:portrait){.pain-dialog .content-wrapper,.self-dialog .content-wrapper,.environment-dialog .content-wrapper,.settings-dialog .content-wrapper{padding-top:0!important;margin-top:0!important}.pain-dialog .main-content,.self-dialog .main-content,.environment-dialog .main-content,.settings-dialog .main-content{margin-top:0!important;padding-top:0!important}.pain-dialog .main-title,.self-dialog .main-title,.environment-dialog .main-title,.settings-dialog .main-title{margin-top:0!important;padding-top:var(--space-xs);line-height:1.2}}.carousel-wrapper{display:none;flex-direction:column;justify-content:space-between;align-items:center;width:100%;position:relative;margin:0;padding:0;flex:1}.pain-dialog .content-wrapper:has(.carousel-wrapper) .main-title{position:relative!important;z-index:1!important;margin-top:0!important;padding-top:var(--space-sm)!important;margin-bottom:var(--space-sm)!important}.pain-dialog .content-wrapper:has(.carousel-wrapper){padding-top:0!important;margin-top:0!important;overflow:visible!important}.carousel-wrapper .carousel-container{position:relative;width:90vw;max-width:100%;padding:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;perspective:200vh;overflow:visible;height:clamp(30vh,45vh,50vh);flex:1;margin:auto 0}.carousel-wrapper .carousel-item{position:absolute;top:50%;left:50%;transform-origin:center center;display:flex;flex-direction:column;align-items:center;justify-content:center;--offset-value: var(--offset, 0);--distance: calc(var(--offset-value) * 35vw);--scale: calc(1 - (abs(var(--offset-value))*.15)) ;--opacity: calc(1 - (abs(var(--offset-value))*.4)) ;transform:translate(-50%,-50%) translate(var(--distance)) scale(var(--scale));opacity:var(--opacity);pointer-events:none;transition:transform var(--transition-smooth),opacity var(--transition-smooth);will-change:transform,opacity;z-index:calc(10 - (abs(var(--offset-value))*2));backface-visibility:hidden;width:clamp(30vw,35vw,40vw);height:clamp(35vh,45vh,55vh);padding:clamp(1rem,3vw,2rem);cursor:pointer;box-sizing:border-box}.carousel-wrapper .carousel-item[style*="--offset: -2"],.carousel-wrapper .carousel-item[style*="--offset: -1"],.carousel-wrapper .carousel-item[style*="--offset: 0"],.carousel-wrapper .carousel-item[style*="--offset: 1"],.carousel-wrapper .carousel-item[style*="--offset: 2"]{opacity:var(--opacity);pointer-events:auto}.carousel-wrapper .carousel-item[style*="--offset: 0"]{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:10;pointer-events:auto}.carousel-wrapper .carousel-item .tile-icon-container{width:70%;height:auto;min-width:70%;min-height:0;max-width:70%;max-height:none;margin-bottom:clamp(.75rem,2vh,1.5rem);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);background-color:transparent;flex-shrink:1;flex-grow:1}.carousel-wrapper .carousel-item .tile-icon-container:has(.tile-icon){height:70%;min-height:70%;max-height:70%;flex-shrink:0;flex-grow:0}.carousel-wrapper .carousel-item .tile-icon{width:100%;height:100%;max-width:100%;max-height:100%;transition:all var(--transition-fast);object-fit:contain}.carousel-wrapper .carousel-item .tile-text{text-align:center;font-family:var(--font-family);font-weight:var(--font-weight);color:var(--color-text-primary);line-height:var(--line-height);margin:0;padding:0;font-size:clamp(1.5rem,4vw,3rem);width:90%;max-width:90%;word-wrap:break-word;overflow-wrap:break-word;flex-shrink:1;min-width:0}.carousel-wrapper .carousel-item.tile-active .tile-text{color:#fff;font-weight:700}.carousel-wrapper .carousel-item.tile-active .tile-icon{filter:brightness(0) invert(1)}@media(max-width:768px){.carousel-wrapper .carousel-item{width:clamp(60vw,70vw,80vw);height:clamp(40vh,50vh,60vh);--scale: calc(1 - (abs(var(--offset-value))*.1)) }.carousel-wrapper .carousel-item .tile-icon-container{width:80%;height:auto;min-width:80%;min-height:0;max-width:80%;max-height:none;flex-shrink:1;flex-grow:1}.carousel-wrapper .carousel-item .tile-icon-container:has(.tile-icon){height:80%;min-height:80%;max-height:80%;flex-shrink:0;flex-grow:0}.carousel-wrapper .carousel-item .tile-text{font-size:clamp(1.8rem,6vw,2.5rem)}}.carousel-wrapper .carousel-indicators{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:0;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);position:relative;z-index:50;width:100%;flex-shrink:0}.carousel-indicator{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-border-primary);background:var(--color-bg-secondary);cursor:pointer;transition:all .3s ease;opacity:.6;padding:0;margin:0}.carousel-indicator:hover{border-color:var(--color-primary);transform:scale(1.2);opacity:.8}.carousel-indicator-active{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.3);box-shadow:0 0 12px #00b09880;opacity:1}.dark .carousel-indicator{border-color:var(--color-border-primary);background:var(--color-bg-secondary)}.dark .carousel-indicator-active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 12px #00b09899}.content-wrapper:has(.carousel-wrapper) .desktop-grid,.content-wrapper:has(.carousel-wrapper) .mobile-carousel{display:none!important}.content-wrapper:has(.carousel-wrapper) .carousel-wrapper{display:flex!important}.carousel-wrapper .carousel-item .tile-icon-container .tile-emoji{font-size:clamp(4rem,10vw,7rem);line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:auto;flex:1}@media(max-width:768px){.carousel-wrapper .carousel-item .tile-icon-container .tile-emoji{font-size:clamp(6rem,18vw,10rem);display:flex;align-items:center;justify-content:center;width:100%;height:auto;flex:1}}.confirmation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;animation:fadeInScale .5s ease-out;gap:.5rem}.confirmation-icon{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 10px 40px #667eea4d;animation:pulse 2s ease-in-out infinite}.confirmation-title{font-family:var(--font-family);font-size:clamp(2rem,8vw,4rem);font-weight:450;color:var(--color-text-primary);margin:0;text-align:center}.confirmation-text{font-family:var(--font-family);font-size:clamp(1.5rem,6vw,3rem);font-weight:450;color:#ff6b35;margin:0;text-align:center}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.confirmation-icon{width:80px;height:80px;font-size:2.5rem;margin-bottom:.5rem}.confirmation-container{padding:1rem;gap:.25rem}.confirmation-title,.confirmation-text{margin:0}}@media(orientation:portrait)and (max-width:1024px){.confirmation-container{padding:1.5rem 1rem;gap:.5rem;justify-content:center}.confirmation-icon{margin-bottom:.75rem}.confirmation-title{margin:0;font-size:clamp(1.5rem,6vw,2.5rem)}.confirmation-text{margin:0;font-size:clamp(1.2rem,5vw,2rem)}}.tile-emoji[data-v-4ef42f21]{font-size:clamp(3rem,10vw,6rem);line-height:1}.tile-text[data-v-4ef42f21]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tile-title[data-v-4ef42f21]{font-size:inherit;font-weight:inherit}.tile-description[data-v-4ef42f21]{font-size:.85em;opacity:.8;font-weight:400}.camera-settings-view[data-v-4ef42f21]{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;height:100%}.camera-preview-wrapper[data-v-4ef42f21]{width:100%;max-width:640px;aspect-ratio:4/3;background:#000;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.camera-preview[data-v-4ef42f21]{width:100%;height:100%;object-fit:cover;transform-origin:center center}.camera-control-slider[data-v-4ef42f21]{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1rem}.slider-label[data-v-4ef42f21]{font-size:1.5rem;font-weight:600;color:var(--text-primary, #333);text-align:center}.slider-input[data-v-4ef42f21]{width:100%;height:8px;border-radius:4px;background:#ddd;outline:none;-webkit-appearance:none;appearance:none}.slider-input[data-v-4ef42f21]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary-color, #007bff);cursor:pointer}.slider-input[data-v-4ef42f21]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--primary-color, #007bff);cursor:pointer;border:none}.confirmation-container[data-v-4ef42f21]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;animation:fadeInScale-4ef42f21 .5s ease-out}.confirmation-icon[data-v-4ef42f21]{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;box-shadow:0 10px 40px #667eea4d;animation:pulse-4ef42f21 2s ease-in-out infinite}@keyframes fadeInScale-4ef42f21{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse-4ef42f21{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dark-mode .slider-label[data-v-4ef42f21]{color:var(--text-primary-dark, #fff)}.dark-mode .slider-input[data-v-4ef42f21]{background:#555}.dark-mode .slider-input[data-v-4ef42f21]::-webkit-slider-thumb{background:var(--primary-color-dark, #4da3ff)}.dark-mode .slider-input[data-v-4ef42f21]::-moz-range-thumb{background:var(--primary-color-dark, #4da3ff)}@media(max-width:768px){.confirmation-icon[data-v-4ef42f21]{width:80px;height:80px;font-size:2.5rem}.tile-emoji[data-v-4ef42f21]{font-size:clamp(2.5rem,8vw,4rem)}}