:root{--font-family-primary: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .8);--color-icon: rgba(255, 255, 255, .5);--color-icon-secondary: rgba(255, 255, 255, .8);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}p{line-height:1.6;color:var(--color-text-secondary)}.material-icons,.material-icons-outlined{font-family:Material Icons,Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga";vertical-align:middle;-webkit-user-select:none;user-select:none;color:var(--color-icon)}.material-symbols,.material-symbols-outlined{font-family:Material Symbols,Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga";vertical-align:middle;-webkit-user-select:none;user-select:none;color:var(--color-icon)}.material-icons.md-18,.material-icons-outlined.md-18{font-size:18px}.material-icons.md-24,.material-icons-outlined.md-24{font-size:24px}.material-icons.md-36,.material-icons-outlined.md-36{font-size:36px}.material-icons.md-48,.material-icons-outlined.md-48{font-size:48px}.material-icons.md-64,.material-icons-outlined.md-64{font-size:64px}.material-icons.md-99,.material-icons-outlined.md-99,.material-symbols.md-99,.material-symbols-outlined.md-99{font-size:99px}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transition:background .5s ease}.glass-foundation{position:absolute;width:calc(100% - 64px);height:calc(100% - 64px);top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:3px solid rgba(255,255,255,.17);border-radius:20px;overflow:hidden;z-index:1;transition:opacity .2s ease}.modal-open .glass-foundation{background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-foundation__content{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.camera-feedback{position:fixed;top:20px;right:20px;z-index:120;display:flex;flex-direction:column;gap:12px}.camera-feedback__status{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:24px;color:var(--color-text-primary);font-size:14px}.camera-feedback__indicator{width:10px;height:10px;border-radius:50%;background:#ffffff80;transition:all .3s ease}.camera-feedback__indicator--active{background:var(--color-text-primary);box-shadow:0 0 10px #fffc}.camera-feedback__text{font-weight:500}.camera-feedback__detection{padding:8px 12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;color:var(--color-text-primary);font-size:12px;text-align:center;animation:slideIn .3s ease}.camera-feedback__gesture{opacity:.9}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.camera-feedback__last-visited{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:120;pointer-events:none;margin-bottom:12px}.camera-feedback__last-visited-text{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:#fff9;background:#ffffff14;padding:5px 12px;border-radius:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 6px #00000014;animation:fadeInDown .3s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app-layout{position:relative;width:1024px;height:600px;overflow:hidden;background:#000}.app-layout__content{width:100%;height:100%;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(12px)}to{transform:translateY(0)}}.glass-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;max-width:1024px;max-height:600px;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.glass-modal{position:relative;width:90%;max-height:85%;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:24px;overflow:hidden;animation:slideUp .25s ease;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column}.glass-modal--small{max-width:400px;max-height:520px}.glass-modal--medium{max-width:600px;max-height:480px}.glass-modal--large{max-width:800px;max-height:500px}.glass-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0}.glass-modal__title{margin:0;font-size:24px;font-weight:600;color:var(--color-text-primary);flex:1}.glass-modal__close{flex-shrink:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--color-icon);font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;padding:0;line-height:1}.glass-modal__close:hover{background:#fff3}.glass-modal__close:active{opacity:.8}.glass-modal__close:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.glass-modal__close .material-icons-outlined{font-size:20px}.glass-modal__content{flex:1;overflow:hidden;color:var(--color-text-primary);display:flex;flex-direction:column}.alarm-notification{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;text-align:center}.alarm-notification__icon-container{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:alarm-pulse 1.5s ease-in-out infinite}@keyframes alarm-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ffffff4d}50%{transform:scale(1.05);box-shadow:0 0 0 15px #fff0}}.alarm-notification__icon{font-size:80px;color:var(--color-icon);animation:alarm-ring .5s ease-in-out infinite}@keyframes alarm-ring{0%,to{transform:rotate(-8deg)}25%,75%{transform:rotate(8deg)}50%{transform:rotate(-8deg)}}.alarm-notification__time{font-size:66px;font-weight:600;color:var(--color-text-primary);line-height:1.2;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.alarm-notification__label{font-size:20px;font-weight:600;color:var(--color-text-secondary);max-width:400px;line-height:1.4}.alarm-notification__dismiss-btn{margin-top:8px;padding:14px 32px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--color-text-primary);font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.alarm-notification__dismiss-btn:hover{background:#ffffff40;border-color:#ffffff4d}.alarm-notification__dismiss-btn:active{transform:scale(.98);opacity:.9}.alarm-notification__dismiss-btn .material-icons-outlined{font-size:20px}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family-primary)}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#root{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.app{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
