:root{--color-border: rgba(0, 0, 0, 0.1);--color-overlay: rgba(0, 0, 0, 0.5);--spacing-2xs: 0.125rem;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--transition-fast: 150ms ease;--transition-normal: 250ms ease;--transition-slow: 350ms ease;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1)}.step{padding:var(--spacing-md);background:var(--color-background);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.step._content{margin-bottom:var(--spacing-md)}.step._timer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border-radius:var(--border-radius-md);margin:var(--spacing-md) 0}.step._controls{display:flex;justify-content:space-between;margin-top:var(--spacing-lg)}
:root{--color-border: rgba(0, 0, 0, 0.1);--color-overlay: rgba(0, 0, 0, 0.5);--spacing-2xs: 0.125rem;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--transition-fast: 150ms ease;--transition-normal: 250ms ease;--transition-slow: 350ms ease;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1)}.timer{display:flex;flex-direction:column;gap:3rem}.timer .row1{display:flex;align-items:center;gap:var(--spacing-md)}.timer .row1 ._display{font-size:var(--font-size-xl);font-weight:bold;min-width:100px;text-align:center}.timer .row1 ._control{border:none;cursor:pointer;padding:var(--spacing-xs)}.timer .row1 ._control:hover{opacity:.8}.timer .row1 ._adjust{display:flex;gap:var(--spacing-xs)}.timer .row1 ._adjust button{border:1px solid var(--color-text);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);cursor:pointer}.timer .row1 ._adjust button:hover{background:var(--color-background)}.timer .row2{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary)}.timer .row2 ._display{font-size:var(--font-size-l);font-weight:bold;min-width:100px;text-align:center}.timer .row2 ._control{border:none;cursor:pointer;padding:var(--spacing-xs)}.timer .row2 ._control:hover{opacity:.8}.timer .row2 ._adjust{display:flex;gap:var(--spacing-xs)}.timer .row2 ._adjust button{border:1px solid var(--color-text);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);cursor:pointer}.timer .row2 ._adjust button:hover{background:var(--color-background)}
.tooltip-container{position:relative;display:inline-block}.tooltip-container .tooltip-text{visibility:hidden;width:200px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}
:root{--color-border: rgba(0, 0, 0, 0.1);--color-overlay: rgba(0, 0, 0, 0.5);--spacing-2xs: 0.125rem;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--transition-fast: 150ms ease;--transition-normal: 250ms ease;--transition-slow: 350ms ease;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1)}.kitchen-theme,.app-container.theme-kitchen{--color-primary: var(--color-kitchen-primary);--color-primary-hover: #ff8f8f;--color-secondary: var(--color-kitchen-secondary);--color-background: var(--color-kitchen-background);--color-text: var(--color-kitchen-text);--color-text-secondary: #666;background-image:linear-gradient(45deg, var(--color-kitchen-background) 0%, #fff 100%)}.office-theme,.app-container.theme-office{--color-primary: var(--color-office-primary);--color-primary-hover: #4fa3e0;--color-secondary: var(--color-office-secondary);--color-background: var(--color-office-background);--color-text: var(--color-office-text);--color-text-secondary: #666;background-image:linear-gradient(45deg, var(--color-office-background) 0%, #fff 100%)}.workshop-theme,.app-container.theme-workshop{--color-primary: #FF9F1C;--color-primary-hover: #FFB246;--color-secondary: #2EC4B6;--color-background: #FDFFFC;--color-text: #011627;--color-text-secondary: #4A5568;background-image:linear-gradient(135deg, var(--color-background) 0%, #F7F9FC 100%)}.workshop-theme .step,.app-container.theme-workshop .step{border-left:4px solid var(--color-primary)}.workshop-theme .btn._timer-btn,.app-container.theme-workshop .btn._timer-btn{--bg-color: var(--color-primary);--text-color: var(--color-text)}.garden-theme,.app-container.theme-garden{--color-primary: #4CAF50;--color-primary-hover: #66BB6A;--color-secondary: #81C784;--color-background: #F1F8E9;--color-text: #1B5E20;--color-text-secondary: #558B2F;background-image:linear-gradient(135deg, var(--color-background) 0%, #FFFFFF 100%)}.garden-theme .step,.app-container.theme-garden .step{border-left:4px solid var(--color-primary)}.garden-theme .btn._timer-btn,.app-container.theme-garden .btn._timer-btn{--bg-color: black;--text-color: black}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.btn.-primary{background:var(--color-primary);color:#fff}.btn.-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn.-secondary{background:var(--color-secondary);color:#fff}.btn.-secondary:hover{opacity:.9;transform:translateY(-1px)}.btn.-large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.container{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md)}@media(max-width: 600px){.container{padding:var(--spacing-sm)}}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-column{flex-direction:column}.grid{display:grid;gap:var(--spacing-md)}.heading{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}.heading-1{font-size:var(--font-size-xl)}.heading-2{font-size:var(--font-size-lg)}.text{line-height:1.6}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInRight{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInLeft{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-right{animation:slideInRight var(--transition-normal)}.animate-slide-left{animation:slideInLeft var(--transition-normal)}.animate-pulse{animation:pulse var(--transition-normal) infinite}.animate-delay-100{animation-delay:100ms}.animate-delay-200{animation-delay:200ms}.animate-delay-300{animation-delay:300ms}.btn{border-radius:.25rem;padding:var(--spacings-sm) var(--spacings-md);text-align:center;text-decoration:none;--bg-color: black;--text-color: white;--bg-color-darker: hsl(from var(--bg-color) h s calc(l - 10));--bg-color-lighter: hsl(from var(--bg-color) h s calc(l + 30));background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--bg-color-darker);cursor:pointer}.btn:hover{background-color:var(--bg-color-darker)}.btn:disabled{background-color:var(--bg-color-lighter);cursor:not-allowed}.btn.-primary{--bg-color: var(--color-primary)}.btn.-secondary{--bg-color: var(--color-secondary)}.btn.-danger{--bg-color: var(--color-danger)}.app-container{min-height:80vh;background:var(--color-background);color:var(--color-text);max-width:400px;display:flex;flex-direction:column;margin:auto}.app-container .step{flex:1;display:flex;flex-direction:column;gap:1rem;align-items:center}.app-container .step .qr-container button{display:block;margin:auto}.app-container .share-button{height:3rem;padding-inline:1rem}.app-container .step_controls{display:flex;flex-direction:row}.app-container .step_controls .back-button{margin:0px;height:3rem;width:35%;--bg-color: none;color:var(--color-primary);border:1px solid var(--color-primary)}.app-container .step_controls .next-button{margin:0px;height:3rem;width:65%;border:1px solid var(--color-primary);--bg-color: var(--color-primary)}

/*# sourceMappingURL=main.8ec5491d5d58d5e7bb29.css.map*/