@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--sidebar-bg: #fafafa;--sidebar-border: #e0e0e0;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--text-primary: #202020;--text-secondary: #666666;--border-color: #e0e0e0;--hover-bg: #f5f5f5;--active-bg: #e8f0fe;--primary-color: #1a73e8;--count-bg: #e0e0e0;--avatar-bg: #f0f0f0;--collection-hover: #eeeeee}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: #333333;--hover-bg: #2a2a2a;--active-bg: #1a3a52;--primary-color: #4285f4;--count-bg: #333333;--avatar-bg: #333333}}.app-sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background:var(--sidebar-bg, #fafafa);border-right:1px solid var(--sidebar-border, #e0e0e0);display:flex;flex-direction:column;transition:width .3s ease;z-index:100;overflow:visible}.app-sidebar.collapsed{width:0;overflow:hidden}.sidebar-content{display:flex;flex-direction:column;height:100%;transition:opacity .3s ease}.app-sidebar.collapsed .sidebar-content{opacity:0;pointer-events:none}.app-main-content{margin-left:260px;transition:margin-left .3s ease;min-height:100vh;position:relative}.app-main-content.sidebar-collapsed{margin-left:0}.sidebar-collapse-btn{position:fixed;top:15px;left:205px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;box-shadow:none!important;cursor:pointer;border-radius:999px;color:var(--text-secondary, #666);transition:left .3s ease;z-index:1000;outline:none}.sidebar-collapse-btn:hover{box-shadow:none!important;outline:none}.sidebar-collapse-btn:focus{box-shadow:none!important;outline:none}.sidebar-collapse-btn.collapsed{left:3px}.sidebar-header{padding:12px;border-bottom:1px solid var(--border-color, #e0e0e0);display:flex;align-items:center;justify-content:flex-start}.sidebar-settings-toggle-btn{display:flex;align-items:center;justify-content:center;width:auto;height:auto;padding:7px;border:none;background:none;cursor:pointer;box-shadow:none!important;outline:none}.sidebar-settings-toggle-btn:hover{background:none;box-shadow:none!important;outline:none}.sidebar-settings-toggle-btn:focus{background:none;box-shadow:none!important;outline:none}.sidebar-settings-toggle-icon{width:24px;height:24px;opacity:.7}.sidebar-settings-toggle-btn:hover .sidebar-settings-toggle-icon{opacity:1}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid var(--border-color, #e0e0e0);background:var(--bg-primary, #ffffff)}.sidebar-user-section{width:100%}.sidebar-settings-drawer{background:var(--bg-primary, #ffffff);border-bottom:1px solid var(--border-color, #e0e0e0);padding:5px 0;display:flex;flex-direction:column;transition:max-height .3s ease,opacity .3s ease;max-height:200px;opacity:1}.sidebar-settings-drawer.hidden{max-height:0;opacity:0;padding:0;border-bottom:none}.sidebar-settings-drawer-item{display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:var(--text-primary, #1a1a1a);font-size:14px;transition:background-color .2s}.sidebar-settings-drawer-item:hover{background:var(--hover-bg, #f5f5f5)}.sidebar-settings-drawer-icon{width:20px;height:20px;opacity:.7}.sidebar-user-btn{width:100%;display:flex;align-items:center;gap:12px;padding:8px;border:none;background:transparent;cursor:pointer;border-radius:6px;transition:background-color .2s;text-align:left}.sidebar-user-btn:hover{background:var(--hover-bg, #f5f5f5)}.sidebar-user-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--avatar-bg, #f0f0f0);display:flex;align-items:center;justify-content:center}.sidebar-user-avatar-img{width:100%;height:100%;object-fit:cover}.sidebar-user-avatar-placeholder{color:var(--text-secondary, #666)}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.app-sidebar.collapsed .sidebar-user-info{display:none}.sidebar-user-name{font-weight:600;font-size:14px;color:var(--text-primary, #1a1a1a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:12px;color:var(--text-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-dropdown-icon{flex-shrink:0;transition:transform .2s;color:var(--text-secondary, #666)}.app-sidebar.collapsed .sidebar-user-dropdown-icon{display:none}.sidebar-collapse-icon{width:24px;height:24px;transition:transform .3s ease}.sidebar-user-dropdown{position:fixed;background:#fff;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;min-width:200px}.sidebar-user-dropdown.hidden{display:none}.sidebar-user-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;color:var(--text-primary, #1a1a1a);text-align:left;transition:background-color .2s;text-decoration:none}.sidebar-user-dropdown-item:hover{background:var(--hover-bg, #f5f5f5)}.sidebar-user-dropdown-item-icon{width:16px;height:16px;flex-shrink:0;display:block}.sidebar-user-dropdown-divider{height:1px;background:var(--border-color, #e0e0e0);margin:4px 0}.sidebar-signin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:1px solid var(--border-color, #e0e0e0);background:transparent;cursor:pointer;border-radius:6px;font-size:14px;color:var(--text-primary, #1a1a1a);transition:all .2s}.sidebar-signin-btn:hover{background:var(--hover-bg, #f5f5f5);border-color:var(--primary-color, #4285f4)}.app-sidebar.collapsed .sidebar-signin-btn span{display:none}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0}.sidebar-nav-group{margin-bottom:24px}.sidebar-nav-item{width:calc(100% - 24px);margin:0 12px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:none;background:transparent;cursor:pointer;border-radius:6px;font-size:14px;color:var(--text-primary, #1a1a1a);position:relative;transition:all .2s;text-align:left}.sidebar-nav-item:hover{background:var(--hover-bg, #f5f5f5)}.sidebar-nav-item.active{background:var(--active-bg, #e8f0fe);color:var(--primary-color, #1a73e8);font-weight:500}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--primary-color, #1a73e8);border-radius:0 3px 3px 0}.sidebar-icon{flex-shrink:0;color:currentColor;opacity:.7}.sidebar-nav-item.active .sidebar-icon{opacity:1}.sidebar-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar.collapsed .sidebar-nav-label{display:none}.sidebar-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--count-bg, #e0e0e0);color:var(--text-secondary, #666);font-size:12px;font-weight:500;border-radius:10px}.sidebar-nav-item.active .sidebar-nav-count{background:var(--primary-color, #1a73e8);color:#fff}.app-sidebar.collapsed .sidebar-nav-count{display:none}.sidebar-nav-collections{padding-top:14px}.sidebar-nav-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px 8px}.sidebar-nav-header-title{font-size:12px;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.app-sidebar.collapsed .sidebar-nav-header-title{display:none}.sidebar-nav-header-action{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px;color:var(--text-secondary, #666);transition:all .2s}.sidebar-nav-header-action:hover{background:var(--hover-bg, #f5f5f5);color:var(--text-primary, #1a1a1a)}@media(prefers-color-scheme:dark){.app-sidebar{background:var(--bg-primary-dark, #1a1a1a);border-right-color:var(--border-color-dark, #333)}.sidebar-header{border-bottom-color:var(--border-color-dark, #333)}.sidebar-collapse-btn:hover{background:transparent;box-shadow:none;border:none}.sidebar-nav-item.active{background:var(--active-bg-dark, #1a3a52)}.sidebar-user-dropdown{background:var(--bg-primary-dark, #1a1a1a);border-color:var(--border-color-dark, #333)}.sidebar-user-dropdown-item:hover{background:var(--hover-bg-dark, #2a2a2a)}.sidebar-nav-collections,.sidebar-footer{border-top-color:var(--border-color-dark, #333)}}.section-tabs-container{display:none!important}.sidebar-menu-toggle{display:none;background:transparent;border:none;font-size:24px;cursor:pointer;padding:8px;color:var(--text-primary);transition:background .2s;border-radius:4px;margin-right:8px}.sidebar-menu-toggle:hover{background:var(--hover-bg)}.sidebar-collection-item{display:flex;align-items:center;padding:8px 12px;margin:2px 8px;border-radius:6px;cursor:pointer;transition:background .2s;color:var(--text-primary)}.sidebar-collection-item.dragging{opacity:.8}.sidebar-collection-item.drag-over{background:var(--collection-hover);box-shadow:0 0 0 2px var(--primary-color)}.sidebar-add-section-btn{width:calc(100% - 16px);margin:8px;padding:10px 12px;border:1px dashed #d0d0d0;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;transition:all .2s}.sidebar-add-section-btn:hover{background:var(--hover-bg);border-color:var(--primary-color);color:var(--primary-color)}.sidebar-add-section-btn:hover .add-section-icon{color:var(--primary-color)}.add-section-icon{width:14px;height:14px;color:var(--text-secondary);flex-shrink:0}.add-section-label{flex:1;text-align:left}.sidebar-collection-item:hover{background:var(--collection-hover)}.sidebar-collection-item.active{background:var(--active-bg);font-weight:500}.collection-item-content{display:flex;align-items:center;gap:10px;width:100%}.collection-icon{width:25px;height:18px;opacity:.8;object-fit:contain}.collection-label{min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:4px}.collection-label-input{flex:1;min-width:0;max-width:100%;font-size:14px;height:20px;line-height:20px;padding:0 4px;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;background:transparent;color:var(--text-primary, #1a1a1a);box-sizing:border-box;outline:none}.collection-actions{margin-left:auto;display:flex;align-items:center}.collection-menu-trigger{width:24px;height:24px;border-radius:999px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.collection-menu-trigger:hover{background:var(--hover-bg, #f5f5f5)}.collection-menu-icon{width:14px;height:14px;object-fit:contain}.collection-menu-dropdown{min-width:180px;z-index:1300}.sidebar-nav-item{border:none;background:transparent;padding:8px 12px;margin:2px 8px;border-radius:6px;width:calc(100% - 16px)}.sidebar-nav-item:hover{background:var(--hover-bg)}.sidebar-nav-item.active{background:var(--active-bg);color:var(--primary-color);font-weight:500}.sidebar-nav-item.active:before{display:none}@media(max-width:768px){.sidebar-menu-toggle{display:inline-flex}.sidebar-collapse-btn{display:none}.app-sidebar{transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.app-sidebar.mobile-open{transform:translate(0)}.app-main-content{margin-left:0}.app-sidebar.collapsed{width:260px}}.sidebar-mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;display:none;opacity:0;transition:opacity .3s}.sidebar-mobile-overlay.active{display:block;opacity:1}@media(min-width:769px){.app-sidebar{transform:translate(0)!important}.sidebar-mobile-overlay{display:none!important}}:root{--font-size-hero: 34px;--font-size-title: 22px;--font-size-body: 17px;--font-size-caption: 13px;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-regular: 400;--mobile-radius: 12px;--mobile-radius-lg: 16px;--mobile-touch-target: 44px;--mobile-shadow: 0 2px 8px rgba(0, 0, 0, .08);--mobile-shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--mobile-transition-fast: .2s ease-out;--mobile-transition-normal: .3s ease-out;--mobile-transition-spring: .3s cubic-bezier(.32, .72, 0, 1);--bottom-sheet-backdrop: rgba(0, 0, 0, .4);--bottom-sheet-handle-color: #dadce0}body.dark-mode{--bottom-sheet-handle-color: #5f6368}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:1000;transition:background var(--mobile-transition-normal);pointer-events:none}.bottom-sheet-overlay.visible{background:var(--bottom-sheet-backdrop);pointer-events:auto}.bottom-sheet{position:fixed;left:50%;bottom:0;width:100%;max-width:480px;background:#f2f2f7;border-radius:var(--mobile-radius-lg) var(--mobile-radius-lg) 0 0;box-shadow:var(--mobile-shadow-lg);z-index:1001;transform:translate(-50%,100%);transition:transform var(--mobile-transition-normal);display:flex;flex-direction:column;max-height:90vh;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-sheet-overlay.visible .bottom-sheet{transform:translate(-50%)}.bottom-sheet.size-small{max-height:40vh}.bottom-sheet.size-medium{max-height:60vh}.bottom-sheet.size-large{max-height:90vh}.bottom-sheet.size-full{max-height:95vh}.bottom-sheet-handle{width:36px;height:4px;background:var(--bottom-sheet-handle-color);border-radius:2px;margin:12px auto 8px;flex-shrink:0;cursor:grab;-webkit-tap-highlight-color:transparent}.bottom-sheet-handle:active{cursor:grabbing}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.bottom-sheet-title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.bottom-sheet-close-btn{width:var(--mobile-touch-target);height:var(--mobile-touch-target);display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;border-radius:calc(var(--mobile-touch-target) / 2);transition:background var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent}.bottom-sheet-close-btn:active{background:var(--surface-hover)}.bottom-sheet-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;-webkit-overflow-scrolling:touch}.bottom-sheet-footer{padding:0rem 1rem .5rem;border-top:1px solid var(--border-color);flex-shrink:0}body.bottom-sheet-open{overflow:hidden}body.dark-mode .bottom-sheet{background:#2d2d2d}body.dark-mode .bottom-sheet-header,body.dark-mode .bottom-sheet-footer{border-color:#3d3d3d}body.dark-mode .bottom-sheet-title{color:#e8eaed}body.dark-mode .bottom-sheet-close-btn{color:#aaa}body.dark-mode .bottom-sheet-close-btn:active{background:#ffffff1a}.segmented-control{position:relative;display:inline-flex;background:#7676801f;border-radius:8px;padding:2px;min-height:32px}.segmented-control-indicator{position:absolute;top:2px;bottom:2px;background:var(--surface-color);border-radius:6px;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a;transition:transform var(--mobile-transition-fast),width var(--mobile-transition-fast);pointer-events:none;z-index:0}.segmented-control-segment{position:relative;flex:1;min-width:60px;padding:6px 12px;background:transparent;border:none;color:var(--text-primary);font-size:13px;font-weight:400;text-align:center;cursor:pointer;transition:color var(--mobile-transition-fast);z-index:1;white-space:nowrap;-webkit-tap-highlight-color:transparent;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:6px}.segmented-control-icon{width:18px;height:18px;object-fit:contain;opacity:.7;transition:opacity var(--mobile-transition-fast)}.segmented-control-segment.active .segmented-control-icon{opacity:1}.segmented-control-segment.active{color:var(--text-primary);font-weight:600}.segmented-control-segment:not(.active){color:var(--text-secondary)}.segmented-control-segment:focus{outline:none}.segmented-control-segment:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}body.dark-mode .segmented-control{background:#7676803d}body.dark-mode .segmented-control-indicator{background:#3d3d3d;box-shadow:0 3px 8px #0000003d,0 3px 1px #0000001f}body.dark-mode .segmented-control-segment.active{color:#e8eaed}body.dark-mode .segmented-control-segment:not(.active){color:#aaa}.toggle-switch{position:relative;display:inline-block;width:51px;height:31px;min-width:var(--mobile-touch-target);min-height:var(--mobile-touch-target);cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle-switch.disabled{cursor:not-allowed;opacity:.5}.toggle-switch-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle-switch-slider{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:51px;height:31px;background:#e5e5ea;border-radius:31px;transition:background-color var(--mobile-transition-fast);display:flex;align-items:center;padding:2px}.toggle-switch-thumb{position:absolute;width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f;transition:transform var(--mobile-transition-fast);transform:translate(0);left:2px}.toggle-switch.checked .toggle-switch-slider{background:var(--primary-color)}.toggle-switch.checked .toggle-switch-thumb{transform:translate(20px)}.toggle-switch-input:focus-visible+.toggle-switch-slider{outline:2px solid var(--primary-color);outline-offset:2px}body.dark-mode .toggle-switch-slider{background:#39393d}body.dark-mode .toggle-switch.checked .toggle-switch-slider{background:var(--primary-color)}body.dark-mode .toggle-switch-thumb{background:#fff;box-shadow:0 3px 8px #0000004d,0 3px 1px #0000001f}.bottom-sheet.action-sheet-container .bottom-sheet-content{padding:0}.action-sheet-content{display:flex;flex-direction:column;gap:0}.action-sheet-header{padding:1rem 1.5rem;text-align:center;background:var(--surface-color);border-bottom:.5px solid var(--border-color)}.action-sheet-title{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.action-sheet-message{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.4}.action-sheet-actions{background:var(--surface-color);overflow:hidden;margin:0}.action-sheet-button{width:100%;min-height:57px;padding:1rem;background:var(--surface-color);border:none;border-radius:0;color:var(--primary-color);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);text-align:center;cursor:pointer;transition:background var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent}.action-sheet-button:active{background:var(--surface-hover)}.action-sheet-button.destructive{color:#dc3545;font-weight:var(--font-weight-semibold)}.action-sheet-button.disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.5}.action-sheet-button.disabled:active{background:var(--surface-color)}.action-sheet-separator{height:.5px;background:var(--border-color);margin:0}.action-sheet-cancel-group{background:var(--surface-color);overflow:hidden;margin:.5rem 0 0;border-top:.5px solid var(--border-color)}.action-sheet-button.cancel{font-weight:var(--font-weight-semibold);color:var(--text-primary)}body.dark-mode .action-sheet-header{background:#2d2d2d;border-bottom-color:#ffffff1a}body.dark-mode .action-sheet-title,body.dark-mode .action-sheet-message{color:#aaa}body.dark-mode .action-sheet-actions,body.dark-mode .action-sheet-cancel-group{background:#2d2d2d}body.dark-mode .action-sheet-cancel-group{border-top-color:#ffffff1a}body.dark-mode .action-sheet-button{background:#2d2d2d;color:var(--primary-color)}body.dark-mode .action-sheet-button:active{background:#ffffff1a}body.dark-mode .action-sheet-button.destructive{color:#f28b82}body.dark-mode .action-sheet-button.cancel{color:#e8eaed}body.dark-mode .action-sheet-separator{background:#ffffff1a}.list-row{position:relative;overflow:hidden;background:var(--surface-color);min-height:44px}.list-row.no-separator{border-bottom:none}.list-row.disabled{opacity:.5;pointer-events:none}.list-row-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;min-height:44px;background:var(--surface-color);border-bottom:.5px solid var(--border-color);cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;width:100%}.list-row.no-separator .list-row-content{border-bottom:none}.list-row-content:active{background:var(--surface-hover)}.list-row.no-active-highlight .list-row-content:active{background:var(--surface-color)}.list-row-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.list-row-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);font-size:1.125rem;flex-shrink:0}.list-row-text{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.list-row-title{font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-subtitle{font-size:var(--font-size-caption);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.list-row-value{font-size:var(--font-size-body);color:var(--text-secondary);white-space:nowrap}.list-row-badge{min-width:20px;height:20px;padding:0 .375rem;background:#dc3545;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.list-row-chevron{font-size:1.5rem;color:var(--text-disabled);line-height:1;font-weight:300}.list-row-actions{position:absolute;top:0;right:0;bottom:0;display:flex;z-index:0}.list-row-action-button{min-width:80px;height:100%;border:none;background:#dc3545;color:#fff;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 1rem;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.list-row-action-button:active{opacity:.8}body.dark-mode .list-row{background:#1a1a1a}body.dark-mode .list-row-content{background:#1a1a1a;border-bottom-color:#ffffff1a}body.dark-mode .list-row-content:active{background:#ffffff0d}body.dark-mode .list-row-title{color:#e8eaed}body.dark-mode .list-row-subtitle,body.dark-mode .list-row-value{color:#aaa}body.dark-mode .list-row-chevron{color:#666}.sound-selector{display:flex;flex-direction:column;gap:1.5rem}.sound-selector-header{font-size:var(--font-size-caption);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:0 1rem .5rem;font-weight:var(--font-weight-semibold)}.sound-selector-list{background:var(--surface-color);border-radius:var(--mobile-radius);overflow:hidden}.sound-selector-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-color);border-bottom:.5px solid var(--border-color);min-height:44px}.sound-selector-item:last-child{border-bottom:none}.sound-selector-select-area{flex:1;display:flex;align-items:center;gap:.75rem;min-height:44px;padding:.25rem 0;cursor:pointer;-webkit-tap-highlight-color:transparent}.sound-selector-select-area:active{opacity:.7}.sound-selector-check{width:22px;height:22px;border-radius:50%;border:2px solid #c7c7cc;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--mobile-transition-fast)}.sound-selector-item.selected .sound-selector-check{border-color:var(--primary-color);background:var(--primary-color)}.sound-selector-item.selected .sound-selector-check:after{content:"";width:8px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translate(1px,-1px)}.sound-selector-name{font-size:var(--font-size-body);color:var(--text-primary);transition:color var(--mobile-transition-fast)}.sound-selector-item.selected .sound-selector-name{color:var(--primary-color);font-weight:var(--font-weight-medium, 500)}.sound-selector-name.no-sound,.sound-selector-item.selected .sound-selector-name.no-sound{color:#ff3b30}.sound-selector-preview{width:36px;height:36px;border-radius:50%;background:#f2f2f7;color:var(--primary-color);border:none;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;flex-shrink:0;margin-left:.625rem;transition:all var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent}.sound-selector-preview:active{transform:scale(.95)}.sound-selector-preview svg{width:24px;height:24px;fill:currentColor}.sound-selector-preview.playing{background:var(--primary-color);color:#fff}.sound-selector-library-btn-wrapper{text-align:center;padding:.5rem 0 1rem}.sound-selector-library-btn{background:none;border:none;color:var(--primary-color);font-size:14px;font-weight:var(--font-weight-semibold);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;box-shadow:none}.sound-selector-library-btn:active{opacity:.7}body.dark-mode .sound-selector-header{color:#aaa}body.dark-mode .sound-selector-list{background:#1a1a1a}body.dark-mode .sound-selector-item{background:#1a1a1a;border-bottom-color:#ffffff1a}body.dark-mode .sound-selector-check{border-color:#5f6368}body.dark-mode .sound-selector-item.selected .sound-selector-check{border-color:var(--primary-color);background:var(--primary-color)}body.dark-mode .sound-selector-name{color:#e8eaed}body.dark-mode .sound-selector-item.selected .sound-selector-name{color:#8ab4f8}body.dark-mode .sound-selector-name.no-sound,body.dark-mode .sound-selector-item.selected .sound-selector-name.no-sound{color:#f28b82}body.dark-mode .sound-selector-preview{background:#39393d;color:#8ab4f8}body.dark-mode .sound-selector-preview.playing{background:var(--primary-color);color:#fff}body.dark-mode .sound-selector-library-btn{color:#8ab4f8}.bottom-sheet.input-bottom-sheet .bottom-sheet-content{padding:1.5rem}.input-sheet-content{display:flex;flex-direction:column;gap:1rem}.input-sheet-header{text-align:center}.input-sheet-title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:.5rem}.input-sheet-message{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.4}.input-sheet-input-wrapper{margin:.5rem 0}.input-sheet-input{width:100%;padding:.75rem 1rem;font-size:var(--font-size-body);color:var(--text-primary);background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;outline:none;transition:border-color .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.input-sheet-input:focus{border-color:var(--primary-color)}.input-sheet-input.error{border-color:#dc3545}.input-sheet-input::placeholder{color:var(--text-disabled)}.input-sheet-error{font-size:var(--font-size-caption);color:#dc3545;margin-top:.5rem}.input-sheet-buttons{display:flex;gap:.75rem;margin-top:.5rem}.input-sheet-button{flex:1;min-height:44px;padding:.75rem 1.5rem;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border:none;border-radius:8px;cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.input-sheet-button:active{opacity:.8}.input-sheet-button.cancel{background:var(--surface-hover);color:var(--text-primary)}.input-sheet-button.confirm{background:var(--primary-color);color:#fff}.input-sheet-button.confirm.disabled{background:var(--text-disabled);opacity:.5;cursor:not-allowed}.input-sheet-button.confirm.disabled:active{opacity:.5}body.dark-mode .input-sheet-title{color:#e8eaed}body.dark-mode .input-sheet-message{color:#aaa}body.dark-mode .input-sheet-input{background:#2d2d2d;border-color:#ffffff1a;color:#e8eaed}body.dark-mode .input-sheet-input:focus{border-color:var(--primary-color)}body.dark-mode .input-sheet-input::placeholder{color:#666}body.dark-mode .input-sheet-button.cancel{background:#ffffff1a;color:#e8eaed}body.dark-mode .input-sheet-button.confirm.disabled{background:#666}.bottom-sheet.confirmation-bottom-sheet .bottom-sheet-content{padding:1.5rem}.confirmation-sheet-content{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.confirmation-sheet-icon{font-size:2.5rem;line-height:1;display:flex;align-items:center;justify-content:center}.confirmation-sheet-title{font-size:var(--font-size-title);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.confirmation-sheet-message{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.4}.confirmation-sheet-buttons{display:flex;gap:.75rem;margin-top:.5rem;width:100%}.confirmation-sheet-button{flex:1;min-height:44px;padding:.75rem 1.5rem;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border:none;border-radius:8px;cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent}.confirmation-sheet-button:active{opacity:.8}.confirmation-sheet-button.cancel{background:var(--surface-hover);color:var(--text-primary)}.confirmation-sheet-button.confirm{background:var(--primary-color);color:#fff}.bottom-sheet.confirmation-bottom-sheet.type-warning .confirmation-sheet-button.confirm,.bottom-sheet.confirmation-bottom-sheet.type-error .confirmation-sheet-button.confirm{background:#dc3545}.bottom-sheet.confirmation-bottom-sheet.type-success .confirmation-sheet-button.confirm{background:#28a745}body.dark-mode .confirmation-sheet-title{color:#e8eaed}body.dark-mode .confirmation-sheet-message{color:#aaa}body.dark-mode .confirmation-sheet-button.cancel{background:#ffffff1a;color:#e8eaed}.settings-mobile-view{position:absolute;top:0;left:0;right:0;bottom:0;background:#f2f2f7;display:flex;flex-direction:column;z-index:100}.settings-section-label{font-size:13px;color:#8e8e93;text-transform:uppercase;margin:24px 0 8px 12px;letter-spacing:.5px}.settings-section-label:first-child{margin-top:8px}.settings-section-footer{font-size:12px;color:#8e8e93;margin:8px 0 0 12px;line-height:1.4}.settings-list-group{background:#fff;border-radius:12px;overflow:hidden}.settings-list-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:1px solid #e5e5ea;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px}.settings-list-row:last-child{border-bottom:none}.settings-list-row:active{background:#e5e5ea}.settings-row-left{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.settings-row-title{font-size:16px;color:#000}.settings-row-sub{font-size:12px;color:#8e8e93;display:flex;align-items:center;gap:4px}.settings-row-right{display:flex;align-items:center;gap:8px}.settings-row-value{font-size:16px;color:#8e8e93}.settings-check-icon{width:18px;height:18px;color:#007aff;display:none;flex-shrink:0}.settings-list-row.selected .settings-check-icon{display:block}.settings-list-row.selected .settings-row-title{color:#007aff;font-weight:500}.settings-chevron{width:20px;height:20px;color:#c7c7cc;flex-shrink:0}.settings-sync-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:12px;background:#e5f1ff;color:#007aff}.settings-sync-badge.syncing{background:#f0f0f0;color:#8e8e93}.settings-sync-badge.active{background:#e5f1ff;color:#007aff}.settings-sync-icon{width:12px;height:12px}.settings-sync-icon.spinning{animation:settings-spin 1s linear infinite}@keyframes settings-spin{to{transform:rotate(360deg)}}.settings-resync-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;margin-right:8px}.settings-resync-btn:active{background:#e0e0e0}.settings-resync-icon{width:18px;height:18px;opacity:.7}.settings-mini-play{width:28px;height:28px;background:#f0f0f0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;color:#007aff;padding:0}.settings-mini-play:active{background:#e0e0e0}.settings-mini-play svg{width:18px;height:18px;fill:#007aff}body.dark-mode .settings-mobile-view,body.dark-mode .settings-mobile-header{background:#1c1c1e}body.dark-mode .settings-mobile-title{color:#fff}body.dark-mode .settings-section-label,body.dark-mode .settings-section-footer{color:#8e8e93}body.dark-mode .settings-list-group{background:#2c2c2e}body.dark-mode .settings-list-row{background:#2c2c2e;border-bottom-color:#38383a}body.dark-mode .settings-list-row:active{background:#3a3a3c}body.dark-mode .settings-row-title{color:#fff}body.dark-mode .settings-row-sub,body.dark-mode .settings-row-value{color:#8e8e93}body.dark-mode .settings-list-row.selected .settings-row-title,body.dark-mode .settings-check-icon{color:#0a84ff}body.dark-mode .settings-chevron{color:#48484a}body.dark-mode .settings-sync-badge{background:#0a84ff26;color:#0a84ff}body.dark-mode .settings-sync-badge.syncing{background:#3a3a3c;color:#8e8e93}body.dark-mode .settings-resync-btn{background:#3a3a3c}body.dark-mode .settings-resync-btn:active{background:#48484a}body.dark-mode .settings-resync-icon{filter:invert(1)}body.dark-mode .settings-mini-play{background:#3a3a3c}body.dark-mode .settings-mini-play:active{background:#48484a}body.dark-mode .settings-mini-play svg{fill:#0a84ff}.settings-mobile-views-wrapper{position:relative;flex:1;width:100%;overflow:hidden;display:flex;flex-direction:column}.settings-mobile-view-main,.settings-mobile-view-sub{width:100%;transition:transform .3s ease,opacity .3s ease}.settings-mobile-view-main{flex:1;overflow-y:auto;padding:0 16px 100px;-webkit-overflow-scrolling:touch;transform:translate(0)}.settings-mobile-view-sub{position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(100%);overflow-y:auto;padding:0 16px 100px;-webkit-overflow-scrolling:touch;background:#f2f2f7}.settings-mobile-views-wrapper.show-sub .settings-mobile-view-main{transform:translate(-30%);opacity:0;pointer-events:none}.settings-mobile-views-wrapper.show-sub .settings-mobile-view-sub{transform:translate(0)}.settings-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#f2f2f7;position:relative}.settings-mobile-back-btn{display:flex;align-items:center;background:none;border:none;padding:0;font-size:16px;color:#007aff;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:none}.settings-mobile-back-btn:active{opacity:.5}.settings-mobile-done-btn{background:none;border:none;padding:0;font-size:16px;font-weight:600;color:#007aff;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:none}.settings-mobile-done-btn:active{opacity:.5}.settings-mobile-title{flex:1;text-align:center;margin:0;font-size:17px;font-weight:600;color:#000}.settings-mobile-back-btn[style*="display: flex"]~.settings-mobile-title{font-size:17px;font-weight:600}body.dark-mode .settings-mobile-view-sub{background:#1c1c1e}body.dark-mode .settings-mobile-back-btn,body.dark-mode .settings-mobile-done-btn{color:#0a84ff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--surface-color);border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom,0);z-index:1000;transition:transform .3s ease-out}.bottom-nav.hidden{transform:translateY(100%)}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem 0;min-height:50px;background:none;border:none;box-shadow:none;outline:none;cursor:pointer;transition:opacity .2s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.bottom-nav-tab:active{opacity:.7}.bottom-nav-icon{font-size:1.5rem;line-height:1;position:relative;display:flex;align-items:center;justify-content:center}.bottom-nav-icon-img{width:24px;height:24px;object-fit:contain;display:block}.bottom-nav-badge{position:absolute;top:-4px;right:-8px;min-width:18px;height:18px;padding:0 .25rem;background:#dc3545;color:#fff;border-radius:9px;font-size:11px;font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;line-height:1}.bottom-nav-label{font-size:11px;font-weight:var(--font-weight-regular);color:var(--text-secondary);transition:color .2s,font-weight .2s}.bottom-nav-tab.active .bottom-nav-icon{color:var(--primary-color)}.bottom-nav-tab.active .bottom-nav-icon-img{filter:brightness(0) saturate(100%) invert(29%) sepia(72%) saturate(1485%) hue-rotate(186deg) brightness(92%) contrast(92%)}.bottom-nav-tab.active .bottom-nav-label{color:var(--primary-color);font-weight:var(--font-weight-semibold)}.bottom-nav-tab:not(.active) .bottom-nav-icon{color:var(--text-secondary)}.bottom-nav-tab:not(.active) .bottom-nav-icon-img{filter:brightness(0) saturate(0%) invert(60%);opacity:.6}body.dark-mode .bottom-nav{background:#1a1a1a;border-top-color:#ffffff1a}body.dark-mode .bottom-nav-tab.active .bottom-nav-icon{color:var(--primary-color)}body.dark-mode .bottom-nav-tab.active .bottom-nav-icon-img{filter:brightness(0) saturate(100%) invert(29%) sepia(72%) saturate(1485%) hue-rotate(186deg) brightness(92%) contrast(92%)}body.dark-mode .bottom-nav-tab.active .bottom-nav-label{color:var(--primary-color)}body.dark-mode .bottom-nav-tab:not(.active) .bottom-nav-icon{color:#8e8e93}body.dark-mode .bottom-nav-tab:not(.active) .bottom-nav-icon-img{filter:brightness(0) saturate(0%) invert(70%);opacity:.7}body.dark-mode .bottom-nav-tab:not(.active) .bottom-nav-label{color:#8e8e93}.screen-container{display:flex;flex-direction:column;height:100vh;background:#f2f2f2;overflow:hidden}.screen-container-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:200}.screen-header{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 1rem;background:#f2f2f2;border-bottom:none;flex-shrink:0;padding-top:env(safe-area-inset-top,0)}.screen-header.sticky{position:sticky;top:10px;z-index:100}.screen-header-left,.screen-header-right{display:flex;align-items:center;gap:.5rem;min-width:44px;flex-shrink:0;z-index:2}.screen-header-left:empty,.screen-header-right:empty{display:none;min-width:0}.screen-header-center{flex:1;display:flex;align-items:center;padding:0 .5rem;overflow:hidden}.screen-header.title-left .screen-header-center{justify-content:flex-start}.screen-header.title-center .screen-header-center{position:absolute;left:0;right:0;justify-content:center;pointer-events:none;z-index:1}.screen-header-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-header.title-left .screen-header-title{text-align:left}.screen-header.title-center .screen-header-title{text-align:center;pointer-events:auto}.screen-header-back-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;outline:none;cursor:pointer;padding:0;transition:opacity .2s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.screen-header-back-button:active{opacity:.6}.screen-header-back-button:focus{outline:none;box-shadow:none}.screen-header-back-icon{width:20px;height:20px;object-fit:contain}.screen-header-menu-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;outline:none;cursor:pointer;padding:0;transition:opacity .2s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.screen-header-menu-button:active{opacity:.6}.screen-header-menu-button:focus{outline:none;box-shadow:none}.screen-header-menu-icon{width:24px;height:24px;object-fit:contain}.screen-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:.75rem 1rem;padding-bottom:calc(70px + .75rem);background:#f2f2f2}.screen-content{overscroll-behavior-y:contain}body.dark-mode .screen-header{background:#1a1a1a}body.dark-mode .screen-header-title{color:#e8eaed}body.dark-mode .screen-content{background:#1a1a1a}@media(max-width:480px){.screen-header{min-height:50px;padding:0 .75rem}.screen-header-title{font-size:1rem}.screen-content{padding:.75rem;padding-bottom:calc(70px + .75rem);background:#f2f2f2}}@media(max-width:480px){.app-sidebar,.sidebar-menu-toggle,.sidebar-mobile-overlay,.sidebar-collapse-btn{display:none!important}.mobile-collection-name{display:block;font-size:1.125rem;font-weight:600;color:#333;padding:0 1rem;flex:1}body.dark-mode .mobile-collection-name{color:#e8eaed}.app-toolbar{justify-content:center;padding:.75rem 0}body.mobile-view #app{padding-bottom:70px}.timer-type-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.timer-type-picker-popup{background:#fff;border-radius:16px;padding:1.5rem;width:90%;max-width:360px;box-shadow:0 8px 32px #0003;position:relative;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.timer-type-picker-close{position:absolute;top:.75rem;right:.75rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#666;font-size:2rem;line-height:1;cursor:pointer;border-radius:22px;-webkit-tap-highlight-color:transparent}.timer-type-picker-close:active{background:#0000000d}.timer-type-picker-title{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:1.5rem;text-align:center;padding-right:44px}.timer-type-picker-buttons{display:flex;flex-direction:column;gap:.75rem}.timer-type-picker-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#f0f4ff;border:2px solid #1a73e8;border-radius:12px;color:#1a73e8;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;min-height:56px;-webkit-tap-highlight-color:transparent}.timer-type-picker-btn:active{background:#e3ebfe;transform:scale(.98)}.timer-type-picker-btn-icon{font-size:1.75rem;line-height:1}.timer-type-picker-btn-label{flex:1;text-align:left;font-size:1.125rem}body.dark-mode .timer-type-picker-overlay{background:#000000b3}body.dark-mode .timer-type-picker-popup{background:#2d2d2d}body.dark-mode .timer-type-picker-close{color:#aaa}body.dark-mode .timer-type-picker-close:active{background:#ffffff1a}body.dark-mode .timer-type-picker-title{color:#e8eaed}body.dark-mode .timer-type-picker-btn{background:#1e3a5f;border-color:#8ab4f8;color:#8ab4f8}body.dark-mode .timer-type-picker-btn:active{background:#2a4a6f}.collections-mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#f5f5f5;z-index:200;opacity:0;transform:translate(100%);transition:transform .3s ease,opacity .3s ease}.collections-mobile-overlay.visible{opacity:1;transform:translate(0)}.collections-mobile-page{display:flex;flex-direction:column;height:100%;max-width:480px;margin:0 auto}.collections-mobile-header{background:#fff;padding:1rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:.75rem;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.collections-back-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#1a73e8;font-size:1.75rem;cursor:pointer;border-radius:22px;-webkit-tap-highlight-color:transparent}.collections-back-btn:active{background:#1a73e81a}.collections-back-icon{line-height:1}.collections-page-title{font-size:1.25rem;font-weight:600;color:#333;flex:1;margin:0}.collections-mobile-content{flex:1;overflow-y:auto;padding:1rem;padding-bottom:96px;-webkit-overflow-scrolling:touch}.collection-mobile-card{background:var(--surface-color);border-radius:12px;padding:1rem;margin-bottom:.75rem;box-shadow:var(--shadow);cursor:pointer;transition:all .2s;border:2px solid transparent;-webkit-tap-highlight-color:transparent}.collection-mobile-card:active{transform:scale(.98);border-color:var(--primary-color)}.collection-mobile-card.selected{border-color:var(--primary-color);background:var(--background-secondary)}.collection-mobile-card-header{display:flex;align-items:center;gap:.75rem}.collection-mobile-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--background-secondary);border-radius:8px;flex-shrink:0}.collection-mobile-icon{width:24px;height:24px;object-fit:contain}.collection-mobile-info{flex:1;min-width:0}.collection-mobile-name{font-size:1.125rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-mobile-meta{font-size:.875rem;color:var(--text-secondary);margin-top:.125rem}.collection-mobile-menu-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;border-radius:22px;flex-shrink:0;-webkit-tap-highlight-color:transparent}.collection-mobile-menu-btn:active{background:var(--surface-hover)}.collections-add-btn{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f0f4ff;border:2px dashed #1a73e8;border-radius:12px;color:#1a73e8;font-size:1rem;font-weight:500;cursor:pointer;margin-top:.5rem;transition:all .2s;-webkit-tap-highlight-color:transparent}.collections-add-btn:active{background:#e3ebfe;transform:scale(.98)}.collections-add-icon{font-size:1.5rem;line-height:1}.collection-context-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:300;opacity:0;transition:opacity .2s ease}.collection-context-menu-overlay.visible{opacity:1}.collection-context-menu{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:#fff;border-radius:16px 16px 0 0;z-index:301;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);padding-bottom:env(safe-area-inset-bottom,0)}.collection-context-menu-overlay.visible .collection-context-menu{transform:translateY(0)}.context-menu-handle{width:36px;height:4px;background-color:#dadce0;border-radius:2px;margin:12px auto 8px}.context-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:background .2s;border:none;background:none;width:100%;text-align:left;font-size:1rem;color:#333;min-height:56px;-webkit-tap-highlight-color:transparent}.context-menu-item:active{background:#0000000d}.context-menu-item.danger{color:#d93025}.context-menu-icon{font-size:1.25rem;width:28px;text-align:center}body.dark-mode .collections-mobile-overlay{background:#202124}body.dark-mode .collections-mobile-header{background:#2d2d2d;border-bottom-color:#3d3d3d}body.dark-mode .collections-page-title{color:#e8eaed}body.dark-mode .collections-back-btn{color:#8ab4f8}body.dark-mode .collections-back-btn:active{background:#8ab4f81a}body.dark-mode .collection-mobile-card{background:#2d2d2d;border-color:transparent}body.dark-mode .collection-mobile-card:active{border-color:#8ab4f8}body.dark-mode .collection-mobile-card.selected{border-color:#8ab4f8;background:#1e3a5f}body.dark-mode .collection-mobile-icon-wrapper{background:#3d3d3d}body.dark-mode .collection-mobile-name{color:#e8eaed}body.dark-mode .collection-mobile-menu-btn{color:#aaa}body.dark-mode .collection-mobile-menu-btn:active{background:#ffffff1a}body.dark-mode .collections-add-btn{background:#1e3a5f;border-color:#8ab4f8;color:#8ab4f8}body.dark-mode .collections-add-btn:active{background:#2a4a6f}body.dark-mode .collection-context-menu-overlay{background:#000000b3}body.dark-mode .collection-context-menu{background:#2d2d2d}body.dark-mode .context-menu-handle{background-color:#5f6368}body.dark-mode .context-menu-item{color:#e8eaed}body.dark-mode .context-menu-item:active{background:#ffffff1a}body.dark-mode .context-menu-item.danger{color:#f28b82}body.dark-mode .collection-mobile-meta{color:#aaa}.fab.collections-fab{z-index:250}.add-collection-sheet .bottom-sheet-content{padding:0}.add-collection-sheet-container{display:flex;flex-direction:column;height:100%}.timers-section-wrapper{background-color:transparent!important;border-radius:0!important;padding:0!important}.timer-list{margin-top:0!important;padding-top:0!important;border-top:0px!important}.timer-item-mobile{padding:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;transition:transform .2s ease-out!important;position:relative!important;overflow:visible!important;border:none!important}.timers-container{padding:.9rem 0!important}.timer-item-mobile.timer-running,.timer-item-mobile.timer-paused{border:none!important;background:var(--surface-color, #ffffff)!important}.timer-item-mobile:active{transform:scale(.98)}.timer-item-mobile .list-row-content{padding:0!important;background:var(--surface-color, #ffffff)!important;border:none!important;position:relative!important;z-index:2!important;opacity:1!important}.timer-item-mobile .list-row-actions{top:0!important;bottom:0!important;height:auto!important;z-index:1!important;border-radius:0 16px 16px 0!important;overflow:hidden!important}.timer-item-mobile .list-row-action-button{background:#dc3545!important;color:#fff!important;border:none!important;font-weight:600!important;font-size:16px!important;border-radius:0 16px 16px 0!important}.timer-item-mobile:not([data-state=stopped]) .list-row-actions{display:none!important}.timer-collapsed-content-mobile{display:flex;flex-direction:column;padding:.7rem 1.25rem!important;padding-bottom:calc(.7rem + 4px)!important;background:var(--surface-color, #ffffff)!important;box-shadow:0 2px 10px #0000000d!important;border-radius:16px!important;overflow:hidden;position:relative!important;z-index:2!important;width:100%;border:1px solid transparent!important}.timer-item-mobile.timer-running .timer-collapsed-content-mobile{background:#1264a314!important;border-color:var(--primary-color, #1264a3)!important;box-shadow:0 4px 12px #1264a329!important}.timer-item-mobile.timer-paused .timer-collapsed-content-mobile{background:#ff980014!important;border-color:#ff9800!important;box-shadow:0 4px 12px #ff980029!important}.timer-item-mobile.timer-completed .timer-collapsed-content-mobile{background:#00b87c14!important;border-color:var(--secondary-color, #03dac6)!important;box-shadow:0 4px 12px #00b87c29!important}.timer-item-mobile.timer-scheduled .timer-collapsed-content-mobile{background:#a78bfa14!important;border-color:#a78bfa!important;box-shadow:0 4px 12px #a78bfa29!important}.timer-item-mobile.chain-active .timer-collapsed-content-mobile{border-color:var(--primary-color, #1264a3)!important;box-shadow:0 4px 12px #6200ee4d!important}.timer-item-mobile.chain-completed .timer-collapsed-content-mobile{background:#22c55e0d!important;border-color:#22c55e!important}.timer-item-mobile.chain-pending .timer-collapsed-content-mobile{background:var(--surface-color, #ffffff)!important;border-color:#0000001a!important;opacity:1}.timer-card-content-mobile{display:flex;justify-content:space-between;align-items:center;gap:1rem}.timer-card-left-mobile{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0;align-items:flex-start}.timer-card-title-mobile{font-size:16px;font-weight:500;color:var(--text-primary, #000000);text-align:left}.timer-card-meta-mobile{font-size:12px;color:var(--text-secondary, #8E8E93);display:flex;align-items:center;gap:.25rem;text-align:left}.timer-card-right-mobile{flex-shrink:0;display:flex;gap:.5rem;align-items:center}.timer-mobile-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.timer-drag-handle-mobile{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:8px;font-size:1.5rem;color:#666;cursor:grab;-webkit-tap-highlight-color:transparent;flex-shrink:0}.timer-mobile-info{flex:1;min-width:0}.timer-mobile-name{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.timer-type-icon-mobile{flex-shrink:0;width:20px;height:20px}.timer-name-display-mobile{font-size:1.125rem;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-badges-mobile{display:flex;flex-wrap:wrap;gap:.5rem}.badge-mobile{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#e8f0fe;color:#1967d2;border-radius:12px;font-size:.75rem;font-weight:500}.badge-icon-mobile{width:14px;height:14px}.timer-collapse-btn-mobile{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:none;border-radius:8px;color:#666;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;font-size:1.25rem}.timer-collapse-btn-mobile:active{background:#e0e0e0}.timer-mobile-display-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.timer-current-time-mobile{font-size:34px!important;font-weight:600!important;color:var(--primary-color)!important;font-variant-numeric:tabular-nums!important;letter-spacing:-1px!important;line-height:1.2!important;text-align:left!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}.timer-item-mobile[data-state=running] .timer-current-time-mobile{color:var(--primary-color, #1264a3)}.timer-mobile-controls{display:flex;gap:.5rem}.timer-play-btn-mobile,.timer-pause-btn-mobile,.timer-stop-btn-mobile{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1264a31a;color:var(--primary-color, #1264a3);border:none;border-radius:50%;font-size:1.125rem;cursor:pointer;flex-shrink:0;transition:all .2s ease-out;-webkit-tap-highlight-color:transparent}.timer-play-btn-mobile svg,.timer-pause-btn-mobile svg,.timer-stop-btn-mobile svg{fill:currentColor;width:18px;height:18px}.timer-pause-btn-mobile{background:var(--primary-color, #1264a3);color:#fff}.timer-play-btn-mobile:active,.timer-pause-btn-mobile:active,.timer-stop-btn-mobile:active{transform:scale(.95)}.timer-stop-btn-mobile{background:#f0f0f0;color:#666}.timer-progress-mobile{position:absolute;bottom:0;left:0;right:0;height:4px;background:transparent;overflow:hidden}.timer-progress-mobile .timer-progress-fill{height:100%;background:var(--primary-color, #1264a3);border-radius:0 4px 0 0;transition:width .3s linear}.timer-item-mobile[data-state=stopped] .timer-progress-mobile{display:none}.timer-mobile-actions{display:flex;gap:.5rem;justify-content:space-between}.timer-fullscreen-btn-mobile,.timer-duplicate-btn-mobile,.timer-remove-btn-mobile{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f8f9fa;border:1px solid #dadce0;border-radius:8px;color:#5f6368;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.timer-fullscreen-btn-mobile:active,.timer-duplicate-btn-mobile:active,.timer-remove-btn-mobile:active{background:#e8eaed}.action-icon-mobile{width:20px;height:20px}.action-label-mobile{display:inline;font-size:.75rem}.timer-mobile-actions .duplicate-icon,.timer-mobile-actions .delete-icon svg,.timer-mobile-actions .timer-fullscreen-btn-mobile svg{width:15px!important;height:15px!important}.timer-mobile-expanded-container{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem}.timer-mobile-expanded-header{display:flex;flex-direction:column;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e0e0e0}.timer-mobile-expanded-header-row{display:flex;align-items:center;gap:.5rem}.timer-name-mobile{flex:1;font-size:1.125rem;font-weight:500;padding:.5rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff;min-width:0}.timer-mobile-header-actions{display:flex;gap:.5rem;justify-content:space-between}.timer-mobile-header-actions button{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f8f9fa;border:1px solid #dadce0;border-radius:8px;color:#5f6368;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.timer-mobile-header-actions button:active{background:#e8eaed}.timer-duration-section-mobile,.timer-sounds-section-mobile,.timer-settings-section-mobile{display:flex;flex-direction:column;gap:.75rem}.timer-section-header-mobile{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#333;margin-bottom:.5rem}.timer-section-icon-mobile{flex-shrink:0;display:flex;align-items:center;justify-content:center}.timer-section-header-mobile img{width:24px;height:24px}.timer-section-title-mobile{flex:1;font-size:1.25rem;font-weight:600;text-align:left}.timer-time-selectors-mobile{display:flex;justify-content:center;align-items:center;gap:.5rem}.time-selector-group-mobile{display:flex;flex-direction:column;align-items:center;gap:.25rem;position:relative}.time-selector-group-mobile label{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.time-selector-group-mobile input{width:64px;min-height:56px;text-align:center;font-size:2rem;font-weight:600;border:2px solid #1a73e8;border-radius:12px;background:#f0f4ff;color:#1a73e8;font-variant-numeric:tabular-nums;-webkit-appearance:none;-moz-appearance:textfield;cursor:pointer;transition:all .2s}.time-selector-group-mobile input:active{transform:scale(.98);background:#e3ebfe}.time-separator-mobile{font-size:2rem;font-weight:600;color:#666;padding-top:1.25rem}.timer-display-mobile{text-align:center;padding:1rem 0}.timer-current-time-mobile-expanded{font-size:3rem;font-weight:600;color:#1a73e8;font-variant-numeric:tabular-nums}.timer-controls-mobile{display:flex;justify-content:center;gap:.75rem}.timer-play-btn-mobile-expanded,.timer-pause-btn-mobile-expanded,.timer-stop-btn-mobile-expanded{min-width:64px;min-height:64px;font-size:1.75rem;border-radius:32px;border:none;background:#1a73e8;color:#fff;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.timer-play-btn-mobile-expanded:active,.timer-pause-btn-mobile-expanded:active,.timer-stop-btn-mobile-expanded:active{transform:scale(.95);background:#1557b0}.timer-repeat-status-mobile-expanded{display:flex;justify-content:center;align-items:center;gap:.5rem;font-size:1rem;color:#666}.sound-item-mobile{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:.5rem}.sound-item-header-mobile{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.sound-label-mobile{font-size:.875rem;font-weight:500;color:#666}.sound-actions-mobile{display:flex;gap:.5rem}.sound-actions-mobile button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dadce0;border-radius:8px;color:#5f6368;font-size:.875rem;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.sound-actions-mobile button:active{background:#e8eaed}.sound-selector-mobile-wrapper{width:100%;box-sizing:border-box}.sound-selector-mobile-select{width:100%;min-height:44px;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #dadce0;border-radius:8px;background:#fff;color:#333;font-size:.875rem;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%235f6368" d="M2 4l4 4 4-4z"/></svg>');background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 12px}.sound-selector-mobile-select:active{background-color:#f8f9fa}.sound-actions-row-mobile{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.sound-actions-row-mobile button{min-height:48px;padding:.75rem 1rem;border-radius:8px;border:1px solid #1a73e8;background:#fff;color:#1a73e8;font-size:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.sound-actions-row-mobile button:active{background:#f0f4ff}.timer-add-triggered-sound-btn{min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;background:#f0f4ff!important;border:2px dashed #1a73e8!important;border-radius:12px!important;color:#1a73e8!important;font-size:1rem!important;font-weight:500!important;cursor:pointer!important;transition:all .2s!important;-webkit-tap-highlight-color:transparent!important}.timer-add-triggered-sound-btn:active{background:#e3ebfe!important;transform:scale(.98)!important}.timer-add-triggered-sound-btn .add-sound-icon{font-size:1.5rem;line-height:1}.triggered-sound-form-buttons-mobile{display:flex;gap:.5rem}.triggered-sound-form-buttons-mobile button{flex:1;min-height:48px;border-radius:8px;border:none;font-size:1rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.triggered-sound-save-btn{background:#1a73e8;color:#fff}.triggered-sound-save-btn:active{background:#1557b0}.triggered-sound-cancel-btn{background:#e0e0e0;color:#333}.triggered-sound-cancel-btn:active{background:#d0d0d0}.setting-item-mobile{display:flex;align-items:center;min-height:44px;padding:.5rem 0;cursor:pointer}.setting-item-mobile input[type=checkbox]{width:24px;height:24px;margin-right:.75rem;cursor:pointer}.setting-item-mobile label{font-size:.9375rem;color:#333;flex:1;cursor:pointer;text-align:left;justify-content:flex-start}.timer-repeat-selection-mobile,.timer-schedule-selection-mobile{display:flex;flex-direction:column;gap:.5rem;padding-left:2rem;margin-top:.5rem}.timer-repeat-selection-mobile{display:flex;flex-direction:row;align-items:center;gap:.5rem}.timer-repeat-select{flex:0 0 auto;min-width:80px}#timer-repeat-select-timer-10{width:100px}.timer-repeat-text-mobile{font-size:.875rem;color:#666}.timer-schedule-time-mobile{display:flex;align-items:center;gap:.5rem}.timer-schedule-time-mobile input{width:60px;height:44px;text-align:center;font-size:1.125rem;font-weight:500;border:1px solid #dadce0;border-radius:8px;background:#fff;font-variant-numeric:tabular-nums}.timer-schedule-time-mobile input:focus{outline:none;border-color:#1a73e8}.timer-schedule-time-mobile span{font-size:1.125rem;font-weight:500;color:#666}.timer-schedule-past-mobile{margin-top:.5rem;margin-left:2rem}.timer-mobile-action-buttons{display:flex;gap:.5rem;margin-top:1.25rem}.timer-mobile-action-buttons button{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f8f9fa;border:1px solid #dadce0;border-radius:8px;color:#5f6368;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.timer-mobile-action-buttons button:active{background:#e8eaed}.timer-mobile-action-buttons button svg,.timer-mobile-action-buttons button img{width:15px!important;height:15px!important}.timer-remove-btn-danger{color:#d93025!important;border-color:#d93025!important}.timer-remove-btn-danger:active{background:#fce8e6!important}body.dark-mode .timer-item-mobile{background:#2d2d2d;box-shadow:0 2px 8px #0000004d}body.dark-mode .timer-name-display-mobile,body.dark-mode .timer-section-header-mobile,body.dark-mode .timer-section-title-mobile{color:#e8eaed}body.dark-mode .timer-current-time-mobile,body.dark-mode .timer-current-time-mobile-expanded{color:#8ab4f8}body.dark-mode .timer-drag-handle-mobile,body.dark-mode .timer-collapse-btn-mobile,body.dark-mode .timer-fullscreen-btn-mobile,body.dark-mode .timer-duplicate-btn-mobile,body.dark-mode .timer-remove-btn-mobile{color:#aaa}body.dark-mode .timer-collapse-btn-mobile:active,body.dark-mode .timer-fullscreen-btn-mobile:active,body.dark-mode .timer-duplicate-btn-mobile:active,body.dark-mode .timer-remove-btn-mobile:active{background:#ffffff1a}body.dark-mode .timer-play-btn-mobile,body.dark-mode .timer-pause-btn-mobile,body.dark-mode .timer-stop-btn-mobile,body.dark-mode .timer-play-btn-mobile-expanded,body.dark-mode .timer-pause-btn-mobile-expanded,body.dark-mode .timer-stop-btn-mobile-expanded{background:#8ab4f8;color:#202124}body.dark-mode .timer-play-btn-mobile:active,body.dark-mode .timer-pause-btn-mobile:active,body.dark-mode .timer-stop-btn-mobile:active,body.dark-mode .timer-play-btn-mobile-expanded:active,body.dark-mode .timer-pause-btn-mobile-expanded:active,body.dark-mode .timer-stop-btn-mobile-expanded:active{background:#aecbfa}body.dark-mode .timer-mobile-actions{border-top-color:#3d3d3d}body.dark-mode .timer-mobile-expanded-header{border-bottom-color:#3d3d3d}body.dark-mode .timer-name-mobile{background:#3d3d3d;border-color:#5f6368;color:#e8eaed}body.dark-mode .time-selector-group-mobile input{background:#1e3a5f;border-color:#8ab4f8;color:#8ab4f8}body.dark-mode .time-selector-group-mobile input:active{background:#2a4a6f}body.dark-mode .timer-schedule-time-mobile input{background:#3d3d3d;border-color:#5f6368;color:#e8eaed}body.dark-mode .sound-item-mobile{background:#3d3d3d;border-color:#5f6368}body.dark-mode .sound-label-mobile,body.dark-mode .time-separator-mobile{color:#aaa}body.dark-mode .sound-selector-mobile-select{background:#3d3d3d;border-color:#5f6368;color:#e8eaed;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path fill="%23e8eaed" d="M2 4l4 4 4-4z"/></svg>')}body.dark-mode .sound-selector-mobile-select:active{background-color:#5f6368}body.dark-mode .sound-actions-mobile button{background:#2d2d2d;border-color:#5f6368;color:#aaa}body.dark-mode .sound-actions-mobile button:active{background:#ffffff1a}body.dark-mode .sound-actions-row-mobile button{background:#2d2d2d;border-color:#8ab4f8;color:#8ab4f8}body.dark-mode .sound-actions-row-mobile button:active{background:#1e3a5f}body.dark-mode .timer-add-triggered-sound-btn{background:#1e3a5f!important;border-color:#8ab4f8!important;color:#8ab4f8!important}body.dark-mode .timer-add-triggered-sound-btn:active{background:#2a4a6f!important}body.dark-mode .triggered-sound-save-btn{background:#8ab4f8;color:#202124}body.dark-mode .triggered-sound-save-btn:active{background:#aecbfa}body.dark-mode .triggered-sound-cancel-btn{background:#3d3d3d;color:#e8eaed}body.dark-mode .triggered-sound-cancel-btn:active{background:#5f6368}body.dark-mode .setting-item-mobile label{color:#e8eaed}body.dark-mode .timer-mobile-action-buttons button{background:#2d2d2d;border-color:#5f6368;color:#aaa}body.dark-mode .timer-mobile-action-buttons button:active{background:#ffffff1a}body.dark-mode .timer-remove-btn-danger{color:#f28b82!important;border-color:#f28b82!important}body.dark-mode .timer-remove-btn-danger:active{background:#f28b821a!important}body.dark-mode .timers-mobile-header{background:#1e1e1e}body.dark-mode .timers-mobile-header .screen-header-title{color:#e8eaed}body.dark-mode .timers-execution-mode-control-container{background:#1e1e1e}body.dark-mode .timers-execution-mode-label{color:#e8eaed}body.dark-mode .timer-item-mobile.timer-running .timer-collapsed-content-mobile{background:#60a5fa1f!important;border-color:#60a5fa!important;box-shadow:0 4px 12px #60a5fa4d!important}body.dark-mode .timer-item-mobile.timer-paused .timer-collapsed-content-mobile{background:#ff98001f!important;border-color:#ffab40!important;box-shadow:0 4px 12px #ffab404d!important}body.dark-mode .timer-item-mobile.timer-completed .timer-collapsed-content-mobile{background:#03dac61f!important;border-color:var(--secondary-color, #03dac6)!important;box-shadow:0 4px 12px #03dac64d!important}body.dark-mode .timer-item-mobile.timer-scheduled .timer-collapsed-content-mobile{background:#c4b5fd1f!important;border-color:#c4b5fd!important;box-shadow:0 4px 12px #c4b5fd40!important}body.dark-mode .timer-item-mobile.chain-active .timer-collapsed-content-mobile{border-color:#bb86fc!important;box-shadow:0 4px 12px #bb86fc66!important}body.dark-mode .timer-item-mobile.chain-completed .timer-collapsed-content-mobile{background:#22c55e1a!important;border-color:#34d399!important}body.dark-mode .timer-item-mobile.chain-pending .timer-collapsed-content-mobile{border-color:#ffffff26!important}}.timers-mobile-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 1rem;background:#f2f2f2;padding-top:env(safe-area-inset-top,0)}.timers-mobile-header .screen-header-center{position:absolute;left:0;right:0;justify-content:center;pointer-events:none;z-index:1;display:flex;align-items:center;padding:0 .5rem;overflow:hidden}.timers-mobile-header .screen-header-title{font-size:1.4rem;font-weight:700;margin:0;line-height:1.2;text-align:center;pointer-events:auto}.timers-mobile-header .screen-header-left,.timers-mobile-header .screen-header-right{z-index:2}.timers-mobile-header-spacer{width:44px;height:44px}.timers-mobile-header .screen-header-menu-button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0}.timers-mobile-header .screen-header-menu-icon{width:24px;height:24px}.collection-selector-trigger{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#0000000d;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:20px;transition:background-color .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.collection-selector-trigger:active{background-color:#0000001a;opacity:.7}.collection-selector-trigger .screen-header-title{font-size:1.375rem;font-weight:700;margin:0;line-height:1.2;color:var(--text-primary, #000)}.collection-selector-chevron{color:var(--primary, #007AFF);flex-shrink:0;transition:transform .3s ease}.timers-mobile-header .collection-selector-trigger{pointer-events:auto}.collection-selector-sheet .bottom-sheet-content,.collection-selector-container{padding:0}.collection-selector-header{padding:.5rem 1rem 1rem;border-bottom:1px solid var(--border-color, #e5e5ea)}.collection-selector-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;text-align:center}.collection-selector-list{padding:.5rem 0;max-height:60vh;overflow-y:auto}.collection-selector-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}.collection-selector-item:active{background-color:#0000000d}.collection-selector-item.selected{background-color:#007aff14}.collection-selector-icon-wrapper{width:40px;height:40px;border-radius:10px;background:var(--bg-secondary, #f2f2f7);display:flex;align-items:center;justify-content:center;flex-shrink:0}.collection-selector-icon{width:22px;height:22px;object-fit:contain}.collection-selector-info{flex:1;min-width:0}.collection-selector-name{font-size:1rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-selector-meta{font-size:.8125rem;color:var(--text-secondary, #8e8e93);margin-top:.125rem}.collection-selector-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--primary, #007aff);flex-shrink:0}body.dark-mode .collection-selector-trigger{background:#ffffff1a}body.dark-mode .collection-selector-trigger:active{background-color:#ffffff26}body.dark-mode .collection-selector-header{border-bottom-color:var(--border-color, #38383a)}body.dark-mode .collection-selector-item:active{background-color:#ffffff1a}body.dark-mode .collection-selector-item.selected{background-color:#007aff33}body.dark-mode .collection-selector-icon-wrapper{background:var(--bg-secondary, #2c2c2e)}.timers-execution-mode-control-container{padding:1rem 1rem .5rem;background:#f2f2f2;display:flex;flex-direction:column;gap:.5rem}.timers-execution-mode-label{font-size:.875rem;font-weight:500;color:#333}@media(max-width:768px){body:not(.electron) #execution-mode-control{display:none!important}}.timer-edit-sheet-content{display:flex;flex-direction:column;padding:.5rem 0}.edit-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.edit-option:active{background-color:var(--surface-hover, #f8f9fa)}.edit-icon{font-size:1.5rem;flex-shrink:0}.edit-label{font-size:17px;font-weight:400;color:var(--text-primary, #1a1d21)}.edit-option-danger .edit-label{color:#dc3545}.drum-picker{position:relative;width:100%;padding:.5rem 0}.drum-picker-columns{display:flex;justify-content:space-around;gap:1rem;position:relative;align-items:flex-start;z-index:2}.drum-picker-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.drum-picker-label{font-size:13px;font-weight:500;color:var(--text-secondary, #8E8E93);text-transform:uppercase;letter-spacing:.5px}.drum-picker-scroll{--drum-item-height: 44px;--drum-visible-items: 3;width:100%;height:calc(var(--drum-visible-items) * var(--drum-item-height));overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:y mandatory;position:relative;z-index:2}.drum-picker-scroll::-webkit-scrollbar{display:none}.drum-picker-scroll{scrollbar-width:none;-ms-overflow-style:none}.drum-picker-items{display:flex;flex-direction:column;position:relative}.drum-picker-item{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;font-size:22px;font-weight:400;color:var(--text-secondary, #8E8E93);transition:all .2s ease}.drum-picker-item-selected{font-size:24px;font-weight:500;color:var(--text-primary, #1a1d21);transform:scale(1.05)}.drum-picker-item-padding{pointer-events:none}.drum-picker-highlight{position:absolute;left:0;right:0;top:50%;background:#0000000d;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);pointer-events:none;z-index:0;transform:translateY(-50%)}.timer-edit-sheet-container{display:flex;flex-direction:column;padding:0;background:#f2f2f7}.timer-edit-layout{display:flex;flex-direction:column;height:100%}.timer-edit-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color, #e1e4e8);background:#f2f2f7;position:sticky;top:0;z-index:2}.timer-edit-nav-title{flex:1;text-align:center;font-size:17px;font-weight:600;color:var(--text-primary, #1a1d21);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timer-edit-nav-btn{background:transparent;border:none;box-shadow:none;color:var(--primary-color, #007aff);padding:.5rem .9rem;border-radius:0;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent}.timer-edit-nav-btn.timer-edit-nav-save{font-weight:800}.timer-edit-nav-btn:active{opacity:.6}.timer-edit-scroll{flex:1;overflow-y:auto;padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.timer-edit-views-wrapper{position:relative;flex:1;width:100%;overflow:hidden;display:flex;flex-direction:column;gap:.75rem}.timer-edit-view{width:100%;transition:transform .3s ease,opacity .3s ease;display:flex;flex-direction:column;gap:.75rem}.timer-edit-view-main{transform:translate(0)}.timer-edit-view-sub{position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(100%);overflow-y:auto;padding:0 0 2rem}.timer-edit-views-wrapper.show-sub .timer-edit-view-main{transform:translate(-30%);opacity:0;pointer-events:none}.timer-edit-views-wrapper.show-sub .timer-edit-view-sub{transform:translate(0)}.timer-edit-heading{font-size:21px;font-weight:700;color:var(--text-primary, #1a1d21)}.timer-edit-name-input{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--border-color, #e1e4e8);background:#fff;text-align:center;font-size:18px;font-weight:600;color:var(--text-primary, #1a1d21);box-shadow:0 1px 3px #0000000a}.timer-edit-name-input:focus{outline:2px solid rgba(0,122,255,.2)}.timer-edit-picker-card{background:#fff;border-radius:14px;padding:.75rem .75rem 1rem;border:1px solid var(--border-color, #e1e4e8);box-shadow:var(--mobile-shadow, 0 2px 8px rgba(0, 0, 0, .08))}.timer-edit-picker{position:relative;padding:.25rem 0}.timer-edit-picker .drum-picker-columns{gap:.25rem}.timer-edit-picker .drum-picker-column{width:70px;position:relative}.timer-edit-picker .drum-picker-column:not(:last-child):after{content:":";position:absolute;right:-10px;top:86px;transform:translateY(-50%);color:var(--text-secondary, #8E8E93);font-weight:600;font-size:22px;z-index:3}.timer-edit-picker .drum-picker-label{color:var(--text-secondary, #8E8E93);font-size:11px;letter-spacing:.4px}.timer-edit-picker .drum-picker-item{font-size:20px;color:#a1a1aa}.timer-edit-picker .drum-picker-item-selected{font-size:22px;font-weight:600;color:var(--text-primary, #1a1d21);transform:none}.timer-edit-picker .drum-picker-highlight{background:#f1f2f6;border-top:1px solid var(--border-color, #e1e4e8);border-bottom:1px solid var(--border-color, #e1e4e8)}.timer-edit-section{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.timer-edit-section-label{font-size:.8rem;color:var(--text-secondary, #8e8e93);text-transform:uppercase;letter-spacing:.5px;padding:0 .25rem}.timer-edit-list-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.timer-edit-list-card .list-row{background:transparent}.timer-edit-list-card .list-row-content{padding:.9rem 1rem}.timer-edit-list-card .list-row:last-child .list-row-content{border-bottom:none}.timer-edit-list-card .list-row-right{gap:.4rem}.timer-edit-actions{display:flex;gap:.75rem;margin-top:.5rem;padding-bottom:env(safe-area-inset-bottom,0)}.timer-edit-action-btn{flex:1;padding:.9rem;border-radius:12px;background:#fff;font-size:16px;font-weight:600;color:var(--text-primary, #1a1d21);box-shadow:0 1px 3px #0000000a;display:flex;align-items:center;justify-content:center;gap:.5rem}.timer-edit-action-btn.danger{color:#ff3b30}.timer-edit-action-btn:active{transform:scale(.98)}.timer-edit-action-icon{width:24px;height:24px}.timer-edit-action-btn .delete-icon svg{width:20px;height:20px}.timer-edit-repeat-count-row{display:none;background:#f9f9f9;animation:slideDown .2s ease}.timer-edit-repeat-count-row.visible{display:flex}.timer-edit-stepper{display:flex;align-items:center;gap:15px;background:#e5e5ea;padding:4px 12px;border-radius:8px;min-width:120px;justify-content:center}.timer-edit-step-btn{font-size:20px;color:var(--primary-color, #1264a3);font-weight:700;cursor:pointer;background:none;border:none;padding:4px 8px;border-radius:4px;transition:background-color .2s;-webkit-tap-highlight-color:transparent;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.timer-edit-step-btn:active{background:#1264a31a}.timer-edit-step-val{font-size:16px;font-weight:600;width:24px;text-align:center;color:var(--text-primary, #1a1d21);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.timer-edit-repeat-count-row .list-row-content{background:#f9f9f9;padding-left:2.5rem;font-size:15px}.timer-item-mobile.dragging{opacity:.9!important;transform:scale(1.02)!important;box-shadow:0 12px 24px #0003!important;z-index:1000!important;background:var(--surface-color, #ffffff)!important;border:2px solid var(--primary-color, #1264a3)!important;overflow:visible!important}.timer-item-mobile.drag-over{border-top:3px solid var(--primary-color, #1264a3)!important;margin-top:10px!important;transition:margin .2s ease,border .2s ease!important}.timer-list-header-desktop{display:none!important}.sequence-dashboard-mobile{display:block}.sequence-dashboard-mobile{padding:10px 0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.sequence-dashboard-config{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;animation:sequenceDashboardFadeIn .3s ease}.sequence-dashboard-label{font-size:12px;text-transform:uppercase;color:#8e8e93;letter-spacing:1px;font-weight:600}.sequence-dashboard-hero{font-size:42px;font-weight:200;color:#000;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-1px}.sequence-dashboard-repeat-control{display:flex;align-items:center;gap:10px;margin-top:5px;background:#ffffff80;padding:6px 12px;border-radius:12px}.sequence-dashboard-repeat-text{font-size:14px;color:#555}.sequence-dashboard-repeat-btn{background:#fff;border:1px solid #E5E5EA;border-radius:8px;padding:6px 12px;font-size:16px;font-weight:600;color:var(--primary-color, #007AFF);display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 5px #0000000d;-webkit-tap-highlight-color:transparent}.sequence-dashboard-repeat-btn:active{background:#f0f0f0}.sequence-dashboard-repeat-btn svg{color:var(--primary-color, #007AFF)}.sequence-dashboard-playing{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:190px;animation:sequenceDashboardFadeIn .3s ease}.sequence-dashboard-ring-container{width:140px;height:140px;position:relative}.sequence-dashboard-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.sequence-dashboard-ring-bg{fill:none;stroke:#e5e5ea;stroke-width:8}.sequence-dashboard-ring-fill{fill:none;stroke:var(--primary-color, #007AFF);stroke-width:8;stroke-linecap:round;stroke-dasharray:414.69;stroke-dashoffset:414.69;transition:stroke-dashoffset .5s ease-in-out}.sequence-dashboard-ring-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.sequence-dashboard-ring-val{font-size:36px;font-weight:700;color:#000;line-height:1}.sequence-dashboard-ring-lbl{font-size:11px;color:#8e8e93;text-transform:uppercase;margin-top:2px}.sequence-dashboard-of-total{font-size:14px;color:#000;font-weight:500;margin-top:4px}.sequence-dashboard-remaining{margin-top:10px;font-size:13px;color:#8e8e93;font-variant-numeric:tabular-nums}@keyframes sequenceDashboardFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .sequence-dashboard-label{color:#aaa}body.dark-mode .sequence-dashboard-hero{color:#e8eaed}body.dark-mode .sequence-dashboard-repeat-control{background:#ffffff1a}body.dark-mode .sequence-dashboard-repeat-text{color:#aaa}body.dark-mode .sequence-dashboard-repeat-btn{background:#2d2d2d;border-color:#3d3d3d;color:#8ab4f8}body.dark-mode .sequence-dashboard-repeat-btn:active{background:#3d3d3d}body.dark-mode .sequence-dashboard-repeat-btn svg{color:#8ab4f8}body.dark-mode .sequence-dashboard-ring-bg{stroke:#3d3d3d}body.dark-mode .sequence-dashboard-ring-fill{stroke:#8ab4f8}body.dark-mode .sequence-dashboard-ring-val{color:#e8eaed}body.dark-mode .sequence-dashboard-ring-lbl{color:#aaa}body.dark-mode .sequence-dashboard-of-total{color:#e8eaed}body.dark-mode .sequence-dashboard-remaining{color:#aaa}.chain-connector{padding:.5rem 0 0!important}.fab{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom,0px));right:16px;width:56px;height:56px;border-radius:50%;background:var(--primary-color);color:#fff;border:none;padding:0;box-shadow:0 4px 12px #00000040;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:transform var(--mobile-transition-fast),box-shadow var(--mobile-transition-fast),background-color var(--mobile-transition-fast);-webkit-tap-highlight-color:transparent}.fab:active{transform:scale(.95);box-shadow:0 2px 8px #0003}.fab svg{width:30px;height:30px;fill:currentColor}@media(min-width:768px){.fab{display:none}}body.dark-mode .fab{background:#8ab4f8;color:#202124;box-shadow:0 4px 12px #0006}body.dark-mode .fab:active{box-shadow:0 2px 8px #0000004d}.drum-picker-container{display:flex;justify-content:center;align-items:center;gap:8px;padding:1rem 0}.drum-picker-column{display:flex;flex-direction:column;align-items:center;gap:4px}.drum-picker-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-weight-semibold)}.drum-picker-wheel{position:relative;width:70px;height:140px;overflow:hidden;background:var(--surface-color);border-radius:12px;box-shadow:inset 0 10px 20px -10px #0000001a,inset 0 -10px 20px -10px #0000001a}.drum-picker-wheel:before{content:"";position:absolute;top:50%;left:4px;right:4px;height:36px;margin-top:-18px;background:#7676801f;border-radius:8px;pointer-events:none;z-index:1}.drum-picker-values{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;transition:transform .15s ease-out;padding:52px 0}.drum-picker-value{height:36px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:400;color:var(--text-disabled);transition:color .15s,font-weight .15s,transform .15s;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.drum-picker-value.selected{color:var(--text-primary);font-weight:600;font-size:24px}.drum-picker-value.adjacent{color:var(--text-secondary);font-weight:400}.drum-picker-separator{font-size:24px;font-weight:300;color:var(--text-secondary);margin-top:54px}body.dark-mode .drum-picker-wheel{background:#2d2d2d;box-shadow:inset 0 10px 20px -10px #0000004d,inset 0 -10px 20px -10px #0000004d}body.dark-mode .drum-picker-wheel:before{background:#ffffff14}body.dark-mode .drum-picker-value{color:#666}body.dark-mode .drum-picker-value.selected{color:#e8eaed}body.dark-mode .drum-picker-value.adjacent,body.dark-mode .drum-picker-separator,body.dark-mode .drum-picker-label{color:#aaa}.timer-current-time,#total-time-value,.timer-progress-tooltip,.timer-schedule-next,.timer-schedule-status-collapsed,#timer-duration-preview{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Roboto Mono,Inconsolata,Liberation Mono,DejaVu Sans Mono,monospace;font-variant-numeric:tabular-nums}*,*:before,*:after{box-sizing:border-box}:root{--primary-color: #1264a3;--primary-color-light: #1d7fd8;--primary-color-dark: #0d4f86;--secondary-color: #00b87c;--secondary-color-dark: #009566;--background-color: #f8f9fa;--surface-color: #ffffff;--background-secondary: #f1f3f4;--surface-hover: #f8f9fa;--border-color: #e1e4e8;--error-color: #dc3545;--text-primary: #1a1d21;--text-secondary: #5a6c7d;--text-disabled: #9ca3af;--text-on-primary: #ffffff;--border-radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 25px rgba(0, 0, 0, .1), 0 6px 10px rgba(0, 0, 0, .08);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;padding:0;background-color:#fff;background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.03) 1px,transparent 0);background-size:20px 20px}body.electron{display:block;place-items:unset;background-color:var(--surface-color);background-image:none;overflow-y:auto}html.electron{height:100%}@media(max-width:1199px){html.electron,body.electron{overflow-x:auto;min-width:1200px}.electron #app,.electron #app.timer-tab-active{min-width:1200px}}.electron .timer-section{grid-template-columns:480px 1fr;gap:2rem;max-width:100%;margin:0;overflow:hidden}.electron .timer-settings{display:flex;flex-direction:column;gap:2rem;min-width:480px;background-color:var(--background-secondary);padding:2rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.electron .timer-list{display:flex;flex-direction:column;min-width:0;overflow:hidden;margin-top:1rem}.electron .timer-list-header{display:flex;justify-content:flex-end;align-items:center;position:relative}.electron .timer-list-header-desktop{display:contents}.electron .sequence-dashboard-mobile{display:none}.electron .timer-total-time{display:none;align-items:center;gap:.5rem;font-weight:500;position:absolute;left:2%;top:50%;transform:translateY(-50%)}.electron .total-time-label{color:var(--text-secondary);font-size:.9rem}.electron .total-time-value{color:var(--primary-color);font-size:1.1rem;font-weight:600}.electron .delete-all-btn{background:none;border:none;color:var(--error-color);font-size:.9rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:var(--border-radius);transition:all .2s ease;text-decoration:underline}.electron .delete-all-btn:hover{text-decoration:none}.electron .timer-header-controls{display:flex;align-items:center;gap:1rem}.timer-header-execution-mode{display:flex;align-items:center;justify-content:flex-start;gap:1rem;font-size:.9rem;color:var(--text-secondary);padding:1rem}.timer-header-execution-mode>*:not(.delete-all-btn){display:flex;align-items:center;gap:.5rem}.delete-all-btn{margin-left:auto}.execution-mode-label-prefix{font-weight:500}.execution-mode-select{min-width:140px}.execution-mode-description{font-size:.85rem;color:var(--text-secondary);font-style:italic}.electron .timer-sequence-repeat{display:none;align-items:center;gap:.5rem}.electron .sequence-repeat-select{font-size:.85rem;padding:.25rem .5rem;min-width:140px}.electron .timer-repeat-section{margin-bottom:.5rem}.electron .timer-repeat-checkbox-container{display:flex;align-items:center;gap:.5rem;min-height:35px}.electron .timer-repeat-checkbox{width:16px;height:16px;cursor:pointer}.electron .timer-repeat-checkbox-container label{font-size:.9rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.electron .timer-repeat-selection{margin-left:1.5rem}.electron .timer-repeat-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.electron .timer-repeat-text{font-size:.9rem;color:var(--text-primary)}.electron .timer-repeat-select{font-size:.85rem;padding:.25rem .5rem;min-width:80px}@keyframes pulse-attention{0%,to{box-shadow:0 4px 12px #1264a340}50%{box-shadow:0 8px 24px #1264a373}}@keyframes highlight-fade{0%,to{background-color:transparent}50%{background-color:#3b82f626}}.timer-new-highlight{animation:highlight-fade .8s ease-in-out 2;border-radius:12px}.timer-add-btn{animation:pulse-attention 2s ease-in-out .5s 2}.electron .timer-mode-buttons{justify-content:flex-start;flex-wrap:nowrap;gap:1.5rem}.electron .timer-mode-section{flex:1;min-width:180px;max-width:none}.electron .timer-mode-display{padding:2rem 1.5rem}.electron .execution-mode-buttons{flex-wrap:nowrap;gap:.75rem}.electron .execution-mode-btn{flex:1;min-width:100px;max-width:none;padding:.75rem .5rem}.electron .mobile-timer-settings-toggle{display:none!important}.container{width:100%;max-width:640px;margin:0 auto;padding:1rem;box-sizing:border-box}.app-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:50;width:100%}.app-toolbar-actions{display:inline-flex;align-items:center;gap:.5rem}.toolbar-add-btn{padding:.8rem 1.1rem;font-size:1rem;font-weight:600;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;white-space:nowrap;min-width:160px;position:relative;overflow:hidden}.toolbar-add-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);z-index:0}.toolbar-add-btn:hover:before{transform:translate(100%)}.toolbar-btn-icon{width:18px;height:18px;filter:brightness(0) invert(1);z-index:1;position:relative}.toolbar-add-btn span{z-index:1;position:relative;text-transform:uppercase;letter-spacing:.05em}.toolbar-add-btn{animation:pulse-attention 2s ease-in-out .5s 2}@media(max-width:480px){body:not(.electron) .app-toolbar-actions{display:none}body:not(.electron) .app-toolbar{display:flex;justify-content:space-between}}.language-select-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.language-select{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-primary);font-size:.9rem;font-weight:500;transition:all .2s ease}.language-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1264a31a}.update-progress-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--primary-color);color:var(--text-on-primary);border-radius:6px;font-size:.85rem;font-weight:500;box-shadow:var(--shadow);animation:fadeIn .3s ease-in-out}.update-progress-badge.error{background-color:var(--error-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none!important}.app-panel-menu{position:relative}.app-panel-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:999px;border:1px solid rgba(0,0,0,.08);background-color:var(--surface-color);cursor:pointer;box-shadow:var(--shadow);transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease}.app-panel-menu-trigger:hover{background-color:var(--surface-hover);box-shadow:var(--shadow-lg)}.app-panel-menu-trigger:active{transform:translateY(1px);box-shadow:var(--shadow)}.app-panel-menu-icon{width:18px;height:18px;object-fit:contain}.app-panel-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;left:auto;min-width:200px;padding:0;border-radius:8px;background-color:#fff;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000001a;z-index:900;animation:dropdownFadeIn .2s ease-out;overflow:hidden}.app-panel-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;text-align:left;background:transparent;border:none;border-radius:0;font-size:14px;color:var(--text-primary, #1a1a1a);cursor:pointer;transition:background-color .2s ease;text-decoration:none}.app-panel-menu-item:hover{background-color:var(--hover-bg, #f5f5f5)}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1200}.settings-modal{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;text-align:left}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:0}.settings-modal-header h2{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.settings-modal-body{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.settings-section-title{margin:0 0 .5rem;font-size:.95rem;font-weight:600;text-align:left}.settings-section-content{display:flex;flex-direction:column;gap:.5rem}.settings-radio-option{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.settings-radio-option-atomic{justify-content:space-between}.settings-sound-select{min-width:180px}.settings-time-sync-status{font-size:.85rem;color:var(--text-secondary)}.auth-ui{display:flex;align-items:center;margin-right:auto}.sign-in-btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;background-color:var(--primary-color);color:var(--text-on-primary);border:none;transition:background-color .2s,transform .1s,box-shadow .2s}.sign-in-btn:hover{background-color:#0e5080;transform:translateY(-1px);box-shadow:0 2px 8px #1264a34d}.sign-in-btn:active{transform:translateY(0);box-shadow:0 1px 4px #1264a333}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:background-color .2s,border-color .2s;font-size:14px}.user-menu-btn:hover{background-color:#ffffff1a;border-color:#ffffff4d}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:#ffffff1a}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;font-size:18px}.user-name{font-size:14px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{width:12px;height:12px;transition:transform .2s}.user-menu-btn:hover .dropdown-icon{transform:translateY(2px)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-secondary, #ffffff);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:8px;z-index:1000;animation:dropdownFadeIn .2s ease-out}.user-dropdown.hidden{display:none}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;padding:10px 12px;font-size:14px;color:inherit;text-decoration:none;border-radius:4px;transition:background-color .2s}.dropdown-item:hover{background-color:#ffffff1a}.dropdown-item:active{background-color:#ffffff26}@media(min-width:769px){.container.timer-tab-active{max-width:1200px}}h1{font-size:2.4em;font-weight:500;color:var(--primary-color);margin-bottom:1.5rem;text-align:center}#app{width:100%;margin:0 auto;padding:0 2rem;text-align:center;box-sizing:border-box}#app.timer-tab-active{display:flex;flex-direction:column}.electron #app{max-width:none;margin:0;padding:0;min-height:100vh;width:100vw;box-sizing:border-box}.electron #app.timer-tab-active{max-width:none;min-height:100vh;width:100vw;padding:1.5rem;box-sizing:border-box}@media(min-width:769px){.electron #app.timer-tab-active{padding:1.5rem}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{background-color:var(--surface-color);border-radius:12px;padding:2rem;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;width:100%;box-sizing:border-box;display:flex;flex-direction:column;border:1px solid var(--border-color);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-xl)}.tab-navigation{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:0;gap:.5rem;width:100%;flex-shrink:0}.tab-btn{background-color:transparent;color:var(--text-secondary);border:none;padding:.75rem 1.25rem;border-radius:8px 8px 0 0;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;position:relative}.tab-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.tab-btn.active{background-color:var(--surface-color);color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.tab-content{display:none;min-height:300px}.tab-content.active{display:flex;flex-direction:column;align-items:stretch;align-content:flex-start}#calculator-tab{width:100%;align-self:flex-start}.audio-section{display:flex;flex-direction:column;gap:1rem;align-self:flex-start;width:100%;margin-bottom:2.5rem}.audio-section:last-child{margin-bottom:0}.timer-section{display:flex;flex-direction:column;gap:2rem;align-self:flex-start;width:100%;position:relative}.mobile-controls-bar{display:none;width:100%;gap:.5rem;align-items:center;justify-content:flex-end}.mobile-add-btn{display:none;background:linear-gradient(135deg,var(--primary-color),var(--primary-color-light));border:2px solid var(--primary-color);border-radius:12px;padding:.8rem 1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #1264a34d;min-height:52px;min-width:52px;align-items:center;justify-content:center;gap:.6rem;font-weight:700;flex:1;max-width:160px;position:relative;overflow:hidden}.mobile-add-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.mobile-add-btn:active{transform:scale(.95);box-shadow:0 2px 8px #1264a333}.mobile-add-btn:hover{background:linear-gradient(135deg,var(--primary-color-dark),var(--primary-color));border-color:var(--primary-color-dark);box-shadow:0 6px 20px #1264a366;transform:translateY(-2px)}.mobile-add-btn:hover:before{transform:translate(100%)}.mobile-add-btn{animation:pulse-attention 2s ease-in-out .5s 2}.mobile-add-icon{width:24px;height:24px;filter:brightness(0) invert(1);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2)) brightness(0) invert(1)}.mobile-add-text{font-size:1rem;color:var(--text-on-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.mobile-timer-settings-toggle{display:none;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow);min-height:44px;min-width:44px;align-items:center;justify-content:center;align-self:flex-end}.mobile-timer-settings-toggle:hover{background:var(--surface-hover);border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.mobile-timer-settings-toggle .toggle-icon{border:solid currentcolor;border-width:0 2px 2px 0;height:.5rem;pointer-events:none;position:relative;width:.5rem;display:inline-block;transform:translateY(-60%) rotate(45deg);transition:transform .2s ease;margin-top:7px}.mobile-timer-settings-toggle .toggle-text{display:none;font-size:.875rem;font-weight:500;margin-left:.5rem;color:var(--text-primary)}.mobile-timer-settings-toggle[aria-expanded=true] .toggle-icon{transform:translateY(-50%) rotate(-135deg)}@media(min-width:769px){#timer-tab .card{max-width:1200px;width:90%}}@media(min-width:769px){.timer-section{grid-template-columns:480px 1fr;gap:2rem;max-width:100%;margin:0;overflow:hidden}.timer-settings{display:flex;flex-direction:column;gap:2rem;min-width:480px;background-color:var(--background-secondary);padding:2rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.timer-list{display:flex;flex-direction:column;min-width:0;overflow:hidden;margin-top:1rem}.timer-list-header{display:flex;justify-content:flex-end;align-items:center;position:relative}.timer-total-time{display:none;align-items:center;gap:.5rem;font-weight:500;position:absolute;left:2%;top:50%;transform:translateY(-50%)}.total-time-label{color:var(--text-secondary);font-size:.9rem}.total-time-value{color:var(--primary-color);font-size:1.1rem;font-weight:600}.delete-all-btn{background:none;border:none;color:var(--error-color);font-size:.9rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:var(--border-radius);transition:all .2s ease;text-decoration:underline}.delete-all-btn:hover{text-decoration:none}.timer-header-controls{display:flex;align-items:center;gap:1rem}.timer-sequence-repeat{display:none;align-items:center;gap:.5rem}.sequence-repeat-select{font-size:.85rem;padding:.25rem .5rem;min-width:140px}.timer-repeat-section{margin-bottom:.5rem}.timer-repeat-checkbox-container{display:flex;align-items:center;gap:.5rem;min-height:35px}.timer-repeat-checkbox{width:16px;height:16px;cursor:pointer}.timer-repeat-checkbox-container label{font-size:.9rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.timer-repeat-selection{margin-left:1.5rem}.timer-repeat-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.timer-repeat-text{font-size:.9rem;color:var(--text-primary)}.timer-repeat-select{font-size:.85rem;padding:.25rem .5rem;min-width:80px}.timer-individual-repeat-status{display:none;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-secondary);background:var(--background-secondary);padding:.25rem .5rem;border-radius:var(--border-radius);border:1px solid var(--border-color);flex-shrink:0}.repeat-status-icon{display:inline-flex;opacity:.8;margin-right:.15rem}.repeat-status-icon svg{width:16px;height:16px}.repeat-status-value{font-weight:500;font-family:Inter,monospace;font-size:1rem}.timer-repeat-status-collapsed{display:none;font-size:1rem;color:var(--text-secondary);background:var(--background-secondary);padding:.15rem .3rem;border-radius:var(--border-radius);border:1px solid var(--border-color);margin-left:.25rem}.timer-repeat-status-collapsed .repeat-icon{display:inline-flex;vertical-align:middle;margin-right:.25rem}.timer-repeat-status-collapsed .repeat-icon svg{width:16px;height:16px}.timer-repeat-status-collapsed .repeat-count{vertical-align:middle}.timer-schedule-section{margin-bottom:1.2rem}.timer-start-sound-section{margin-bottom:.75rem}.timer-schedule-checkbox-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.timer-schedule-checkbox{width:16px;height:16px;cursor:pointer}.timer-schedule-checkbox-container label{font-size:.9rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.timer-schedule-selection{margin-left:1.5rem}.timer-fullscreen-checkbox-container{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.timer-schedule-past-row label{font-size:.9rem}.timer-fullscreen-checkbox{width:16px;height:16px;cursor:pointer}.timer-fullscreen-checkbox-container label{font-size:.9rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.schedule-time-selectors{display:flex;align-items:center;gap:.25rem}.timer-schedule-next{display:inline-block;margin-left:.5rem;font-size:.95rem;color:var(--text-secondary);vertical-align:middle}.schedule-end-prefix{color:var(--primary-color);font-weight:600}.schedule-countdown{color:var(--text-primary);font-weight:700}.schedule-countdown-collapsed{font-weight:900}.timer-schedule-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.timer-section h3{grid-column:1 / -1;margin:0 0 1.5rem;text-align:left}}.timer-main-mode-selection{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#1264a30d,#00b87c0d);border-radius:12px;border:2px solid var(--primary-color);box-shadow:0 4px 12px #1264a326}.timer-main-mode-selection h4{margin:0;font-size:1.3rem;font-weight:700;color:var(--primary-color);text-align:center;letter-spacing:-.02em}.timer-mode-buttons{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.timer-mode-section{display:flex;flex-direction:column;gap:1rem;flex:1;min-width:180px;max-width:240px}.timer-add-btn{width:100%;padding:1rem 1.25rem;font-size:1rem;font-weight:600;border-radius:10px;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.75rem}.timer-add-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.timer-add-btn:hover:before{transform:translate(100%)}.timer-add-btn-icon{width:20px;height:20px;filter:brightness(0) invert(1);z-index:1}.timer-add-btn span{z-index:1}.timer-add-file-btn{width:65%;padding:.75rem 1rem;font-size:.9rem;border-radius:var(--border-radius)}.timer-sync-clock-btn{width:65%;padding:.75rem 1rem;font-size:.9rem;border-radius:var(--border-radius);align-self:center;margin-top:.4rem}@media(min-width:769px){.timer-mode-buttons{justify-content:flex-start;flex-wrap:nowrap;gap:.75rem}.timer-mode-section{flex:1;min-width:120px;max-width:none}.timer-mode-display{padding:1rem .75rem}}.timer-mode-display{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.5rem;background:linear-gradient(145deg,var(--surface-color),rgba(18,100,163,.02));border:2px solid var(--primary-color);border-radius:16px;min-width:180px;flex:1;max-width:240px;box-shadow:0 6px 20px #1264a31f;transition:all .3s ease;cursor:default;position:relative}.timer-mode-display:hover{box-shadow:0 8px 24px #1264a32e;transform:translateY(-2px);background:linear-gradient(145deg,var(--surface-color),rgba(18,100,163,.04))}.timer-mode-icon{font-size:3rem;line-height:1;color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(18,100,163,.2))}.timer-mode-icon img,.timer-type-icon img,.timer-type-icon-fullscreen img{width:1.2em;height:1.2em;display:block;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(18,100,163,.15))}.hourglass-icon{display:block}.hourglass-icon-small,.hourglass-icon-large{width:1em;height:1em}.stopwatch-icon{display:block}.stopwatch-icon-small,.stopwatch-icon-large{width:1em;height:1em}.timer-mode-content{display:flex;flex-direction:column;gap:.25rem;align-items:center}.timer-mode-label{font-size:1.35rem;font-weight:700;color:var(--primary-color);line-height:1;letter-spacing:-.01em}.timer-mode-desc{font-size:1rem;color:var(--text-secondary);text-align:center;line-height:1.4;font-weight:500}.timer-execution-mode{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.timer-execution-mode h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.execution-mode-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media(min-width:769px){.execution-mode-buttons{flex-wrap:nowrap;gap:.75rem}.execution-mode-btn{flex:1;min-width:100px;max-width:none;padding:.75rem .5rem}}.execution-mode-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;background-color:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:140px;flex:1;max-width:180px;box-shadow:var(--shadow)}.execution-mode-btn:hover{border-color:var(--primary-color);background-color:var(--surface-hover);box-shadow:var(--shadow-lg)}.execution-mode-btn.active{border-color:var(--primary-color);background-color:#1264a314;box-shadow:var(--shadow-lg)}.execution-mode-icon{width:75px;height:32px;object-fit:contain}.execution-mode-label{font-size:.9rem;font-weight:500;color:var(--text-primary);text-align:center;line-height:1.2}.timer-sound-selection{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.timer-sound-selection label{font-weight:500;color:var(--text-secondary);margin-right:5px}.timer-sound-controls{display:flex;align-items:center;gap:1rem}.timer-dropdown{padding:.4rem;border:1px solid rgba(0,0,0,.2);border-radius:var(--border-radius);background-color:var(--surface-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Segoe UI,Arial,sans-serif;font-size:.9rem;min-width:90px;max-width:360px}.timer-dropdown option.no-sound-option{background-image:url(./sound_mute_icon.png);background-repeat:no-repeat;background-position:right 8px center;background-size:16px 16px;padding-right:30px}.timer-dropdown.has-no-sound{background-image:url(./sound_mute_icon.png);background-repeat:no-repeat;background-position:right 30px center;background-size:16px 16px;padding-right:55px}.timer-dropdown:focus,.timer-dropdown:focus-visible{outline:none;box-shadow:none;border-color:#0003}.timer-sound-test-btn{background:none;border:none;outline:none;color:var(--primary-color);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;flex-shrink:0;padding:0;margin:0}.timer-sound-test-btn:focus{outline:none}.settings-sound-controls{display:flex;align-items:center;gap:.5rem}.settings-sound-select{flex:1;min-width:0}.triggered-sound-item{display:flex;align-items:center;gap:.25rem;font-size:.85rem;margin-bottom:.25rem;margin-top:.75rem}.triggered-sound-bullet{color:var(--text-secondary)}.triggered-sound-time{font-weight:500}.triggered-sound-separator{margin:0 .25rem;color:var(--text-secondary)}.triggered-sound-name{color:var(--text-primary)}.triggered-sound-actions{margin-left:auto;display:flex;align-items:center;gap:.25rem}.triggered-sound-test{background:none;border:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-color);font-size:1rem;flex-shrink:0;padding:0;margin:0;outline:none}.triggered-sound-test:focus{outline:none}.triggered-sound-test:hover{background:#1264a314;border:1px solid rgba(18,100,163,.2);border-radius:var(--border-radius)}.timer-file-operations{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.timer-file-operations h4{margin:0;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.timer-audio-library-row{margin-top:1.25rem;display:flex;justify-content:flex-start;gap:.5rem}.timer-open-audio-library-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.85rem;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--primary-color);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}.timer-open-audio-library-icon{width:1rem;height:1rem;display:block}.timer-add-triggered-sound-main-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .75rem;font-size:.85rem;border-radius:var(--border-radius);border:1px solid var(--border-color);cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease;background:var(--primary-color);color:#fff;border-color:var(--primary-color);min-width:210px}.timer-open-audio-library-btn:hover{background-color:var(--surface-hover);box-shadow:var(--shadow)}.timer-add-triggered-sound-main-btn:hover{background:var(--primary-color-dark);box-shadow:var(--shadow)}.file-operation-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.file-operation-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;border-radius:var(--border-radius);transition:all .2s ease;min-width:120px;justify-content:center}.file-operation-btn:hover{box-shadow:var(--shadow-lg)}.file-operation-icon{font-size:1rem;flex-shrink:0}.file-operation-text{font-weight:500}.section-tabs-container{margin-bottom:0;width:100%;background-color:transparent}.section-tabs-wrapper{width:100%;position:relative;display:flex;align-items:center;gap:.5rem}.section-tabs-nav-btn{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;cursor:pointer;color:var(--primary-color);font-size:1.2rem;line-height:1;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow)}.section-tabs-nav-btn:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.section-tabs-nav-btn:disabled{opacity:.3;cursor:not-allowed}.section-tab-add-btn{background-color:transparent!important;border-color:transparent!important;color:var(--primary-color)!important;font-weight:600;font-size:1.4rem;box-shadow:none!important;padding:.5rem}.section-tab-add-btn:hover{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--primary-color-dark)!important}.section-tabs-scroll-container{flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-padding:20px}.section-tabs-scroll-container::-webkit-scrollbar{display:none}.section-tabs-list{display:flex;flex-wrap:nowrap;gap:0;padding:0 10px;background-color:transparent;border:none;margin-bottom:-1px;position:relative;z-index:1;width:max-content}.section-tab{display:flex;align-items:center;gap:.25rem;padding:.6rem 1.2rem;background-color:#f5f5f5;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:1px solid rgba(0,0,0,.1);color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s ease;position:relative;min-width:90px;margin-right:2px;height:47px}.section-tab.active{background-color:var(--surface-color);color:var(--primary-color);border-color:var(--primary-color);border-bottom-color:transparent;font-weight:500;z-index:2;padding-bottom:calc(.6rem + 2px)}.section-tab.drag-over{background-color:var(--primary-color);color:#fff;transform:scale(1.05);box-shadow:0 4px 8px #7c4dff4d;border-color:var(--primary-color)}.section-tab-add{min-width:40px;font-weight:600;background-color:var(--background-secondary);border:1px dashed var(--border-color);border-bottom:1px dashed var(--border-color);color:var(--primary-color);transition:all .2s ease}.section-tab-add:hover{background-color:var(--surface-hover);border-color:var(--primary-color)}.section-tab-name{display:inline-block;cursor:pointer;font-size:.9rem;font-weight:500;line-height:1.2;height:1.08rem;min-height:1.08rem;max-height:1.08rem}.section-tab-name-input{font-size:.9rem;font-weight:500;color:var(--text-primary);background:var(--surface-color);border:1px solid var(--primary-color);border-radius:3px;outline:none;font-family:inherit;padding:.2rem .4rem;margin:0;line-height:1.2;height:1.08rem;min-height:1.08rem;max-height:1.08rem;opacity:0;cursor:text;position:absolute;left:0;top:0;width:100%;box-sizing:border-box}.section-tab-name-input.editing{opacity:1;position:relative;left:auto;top:auto;width:auto;height:auto;min-height:auto;max-height:auto}.section-tab-delete{margin-left:auto;padding:0 .25rem;background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;opacity:.6;transition:opacity .2s ease}.section-tab-delete:hover{opacity:1;color:#f44}.timers-section-wrapper{background-color:var(--surface-color);border-radius:0 12px 12px;min-height:200px;position:relative;max-width:780px;margin:0 auto;width:100%}.timers-section-wrapper .timer-list-header{padding:1rem}.timers-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;overflow:hidden;padding:1rem}.section-tabs-container~.timer-list .timers-section-wrapper{margin-top:0}@media(max-width:768px){body:not(.electron) .section-tabs-container~.timer-list{margin-top:0;padding-top:0;border-top:none}}.timer-item{position:relative;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);transition:all .2s ease}.timer-item button,.timer-item input,.timer-item .time-selector-display{cursor:pointer}.timer-item input{cursor:text}.timer-item.timer-running{background-color:#1264a314;border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.timer-item.timer-paused{background-color:#ff980014;border-color:#ff9800;box-shadow:var(--shadow-lg)}.timer-item.timer-completed{background-color:#00b87c14;border-color:var(--secondary-color);box-shadow:var(--shadow-lg)}.timer-item.timer-scheduled{background-color:#a78bfa14;border-color:#a78bfa;box-shadow:var(--shadow-lg)}.timer-item.dragging{opacity:.5;transform:rotate(2deg);z-index:1000}.timer-item.drag-over{border-color:var(--primary-color);border-width:2px;border-style:dashed;background-color:#1264a30d}.timer-drag-handle{position:absolute;left:0rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.25rem;line-height:1;cursor:grab;user-select:none;z-index:10;padding:.5rem;border-radius:6px;transition:all .2s ease;border:1px solid rgba(107,114,128,.2);min-width:2rem;min-height:2rem;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none}.timer-duration-section,.timer-sounds-section,.timer-settings-section{margin-bottom:2rem;margin-top:2rem}.timer-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-left:0}.timer-section-icon{font-size:1.25rem;line-height:1}.timer-section-icon-image{width:1.5rem;height:1.5rem;display:block}.timer-section-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;text-align:left}.timer-sounds-content,.timer-settings-content{padding-left:30px}.timer-drag-handle:hover{color:var(--primary-color);background-color:#1264a326;border-color:#1264a34d;transform:translateY(-50%) scale(1.05)}.timer-drag-handle:active{cursor:grabbing;transform:translateY(-50%) scale(.95);background-color:#1264a333}.timer-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;position:relative;padding-left:3rem}.timer-header .timer-type-icon{font-size:1.1rem;margin-right:.25rem;opacity:.8;flex-shrink:0}.timer-name{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--surface-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:500;margin-right:.5rem;transition:all .2s ease}.timer-name:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1264a31a}.timer-remove-btn,.timer-duplicate-btn,.timer-fullscreen-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:0rem;padding:.25rem .5rem;border-radius:calc(var(--border-radius) / 2);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;opacity:.8}.timer-remove-btn:hover{background-color:var(--error-color);color:#fff;opacity:1}.timer-duplicate-btn:hover,.timer-fullscreen-btn:hover{background-color:#0000001a;opacity:1}.timer-remove-btn svg,.timer-duplicate-btn svg,.timer-fullscreen-btn svg{width:20px;height:20px}.timer-controls-row{display:flex;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem;gap:.75rem;padding-left:30px}.timer-controls-row[data-has-hours=true]{gap:1.5rem}.timer-buttons .timer-individual-repeat-status{margin-right:.25rem}.timer-time-input{display:flex;flex-direction:column;gap:.25rem}.timer-time-input label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.timer-duration-input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--surface-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Segoe UI,Arial,sans-serif;font-size:.9rem;font-weight:500;width:80px;text-align:center;transition:all .2s ease}.timer-duration-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1264a31a}.timer-time-selectors{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.timer-time-selectors[data-disabled=true]{opacity:.6;pointer-events:none}.timer-time-selectors .time-selector-group{min-width:40px;flex:none}.timer-time-selectors .time-selector-display{padding:.4rem .5rem;font-size:.85rem;width:40px;height:30px;border:1px solid rgba(0,0,0,.2);border-radius:var(--border-radius);background-color:var(--surface-color);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;font-weight:600;color:var(--primary-color);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Segoe UI,Arial,sans-serif}.timer-time-selectors .time-selector-display:focus{outline:2px solid var(--primary-color);outline-offset:1px;cursor:text}.timer-time-selectors .time-selector-display:hover{border-color:var(--primary-color);background-color:#1264a305}.timer-time-selectors .time-value{font-weight:600;color:var(--primary-color)}.timer-time-selectors .time-unit{font-size:.7rem;color:var(--text-secondary);margin-left:.2rem}.time-separator{font-weight:600;color:var(--text-secondary);margin:1.1rem .1rem 0;font-size:20px}.timer-time-selectors .number-grid-overlay{position:fixed;z-index:1002;background-color:var(--surface-color);border:1px solid rgba(0,0,0,.2);border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;overflow-y:auto;max-width:85vw}.timer-display{display:flex;align-items:center;justify-content:center;min-width:160px;height:36px}.timer-current-time{font-size:2.5rem;font-weight:700;color:var(--primary-color);font-family:Inter,monospace;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.timer-buttons{display:flex;gap:.5rem;align-items:center;height:36px}.timer-sound-checkbox-container label{font-size:.9rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.timer-sound-controls{display:flex;gap:.5rem;align-items:center}.timer-sound-select{flex:1;min-width:150px}.timer-sound-test-btn{width:36px;height:36px;background:none!important;border:none!important;color:var(--primary-color);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;outline:none;flex-shrink:0}.timer-sound-test-btn:hover{background:#1264a314!important;border:1px solid rgba(18,100,163,.2)!important;border-radius:var(--border-radius)}.timer-progress{width:100%}.timer-progress-bar{width:100%;height:20px;background-color:#0000001a;border-radius:8px;overflow:visible;position:relative;cursor:pointer}.timer-progress-markers{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.triggered-sound-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:21px;height:21px;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto}.triggered-sound-marker--collapsed{width:14px;height:14px}.triggered-sound-marker-icon{width:100%;height:100%;background-color:#0097fc;border-radius:50%;transition:background-color .2s ease}.triggered-sound-marker:focus{outline:none;border-radius:50%}.triggered-sound-marker--past .triggered-sound-marker-icon{background-color:#92cff8}.triggered-sound-marker-tooltip{position:absolute;bottom:28px;left:50%;transform:translate(-50%);background-color:#000000d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-family:monospace;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none;z-index:3}.triggered-sound-marker-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000000d9}.triggered-sound-marker:hover .triggered-sound-marker-tooltip,.triggered-sound-marker:focus .triggered-sound-marker-tooltip{opacity:1;visibility:visible}.triggered-sound-marker-time{display:block;font-weight:600}.triggered-sound-marker-name{display:block;margin-top:2px;font-family:inherit;font-size:11px;white-space:nowrap}.timer-progress-markers-fullscreen .triggered-sound-marker{width:20px;height:20px}.timer-progress-markers-fullscreen .triggered-sound-marker-icon{background-color:#2f2f2f}.timer-progress-markers-fullscreen .triggered-sound-marker-tooltip{bottom:36px;font-size:12px}.timer-progress-fill{height:100%;background-color:var(--primary-color);border-radius:8px;transition:width .3s ease;overflow:hidden}.timer-progress-tooltip{position:absolute;bottom:15px;background-color:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-family:monospace;white-space:nowrap;pointer-events:none;z-index:1000;transform:none}.timer-progress-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c}.timer-collapse-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-secondary);padding:.15rem;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-right:10px;box-shadow:none}.timer-collapse-btn:hover{background-color:#0000001a;color:var(--primary-color)}.timer-collapsed-content{display:flex;flex-direction:column;gap:.5rem;position:relative;padding-left:3rem}.timer-collapsed-header{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:.25rem}.timer-collapsed-header .timer-type-icon{font-size:1rem;flex-shrink:0}.timer-collapsed-header .timer-name-display{font-weight:500;font-size:1.4rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;flex:1;text-align:left;cursor:pointer;line-height:1.2;height:1.68rem;min-height:1.68rem;max-height:1.68rem}.timer-collapsed-header .timer-name-input-collapsed{font-weight:500;font-size:1.4rem;color:var(--text-primary);background:var(--surface-color);border:1px solid var(--primary-color);outline:none;flex:1;font-family:inherit;padding:1rem .7rem;margin:0;line-height:1.2;height:1.68rem;min-height:1.68rem;max-height:1.68rem;opacity:0;cursor:text;position:absolute;left:0;top:0;width:100%;box-sizing:border-box}.timer-collapsed-header .timer-name-input-collapsed.editing{opacity:1;position:relative;left:auto;top:auto;width:auto;height:auto;min-height:auto;max-height:auto}.timer-collapsed-header .timer-schedule-status-collapsed{font-size:.9rem;color:var(--text-secondary);flex-shrink:0;margin-left:auto;white-space:nowrap;max-width:none}.timer-collapsed-main{display:flex;align-items:center;gap:.5rem;min-height:36px;position:relative}.timer-collapsed-main .timer-fullscreen-btn,.timer-collapsed-main .timer-duplicate-btn,.timer-collapsed-main .timer-remove-btn{position:absolute;right:0}.timer-collapsed-main .timer-fullscreen-btn{right:4.4rem}.timer-collapsed-main .timer-duplicate-btn{right:2.2rem}.timer-collapsed-main .timer-remove-btn{right:0}.timer-sound-indicator{font-size:1rem;opacity:.7;margin-left:.25rem}.timer-type-icon{font-size:1.5rem;margin-right:.5rem;opacity:.8;flex-shrink:0}.timer-name-display{flex:1;font-size:.9rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.timer-collapsed-content .timer-current-time{font-size:2.2rem;font-weight:700;color:var(--primary-color);font-family:Inter,monospace;text-align:center;letter-spacing:1.8px}.timer-schedule-status-collapsed{font-size:.7rem;color:var(--text-secondary);max-width:65px;cursor:pointer}.timer-collapsed-content .timer-buttons{display:flex;gap:.25rem;align-items:center}.timer-collapsed-content .timer-remove-btn{margin-left:0}.delete-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.delete-icon svg{width:20px;height:20px}.timer-collapsed-content .timer-progress{margin-top:0}.timer-collapsed-content .timer-progress-bar{height:10px}.timer-placeholder{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--text-secondary)}.timers-container.chain-mode{position:relative;padding-top:16px;gap:0}.chain-position-badge{position:absolute;top:-12px;left:12px;width:28px;height:28px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;z-index:10;box-shadow:0 2px 6px #0003;border:2px solid white}.scheduled-badge{position:absolute;top:-12px;left:12px;width:26px;height:26px;border-radius:50%;background-color:#00abff;color:#fff;display:flex;align-items:center;justify-content:center;z-index:9;border:2px solid #fff;animation:pulse-badge 2s infinite}.scheduled-badge.with-chain{left:48px}.chain-connector{display:flex;align-items:center;justify-content:center;padding:.5rem 0;margin:0}.chain-arrow{color:#206bca;opacity:.8;transition:opacity .2s ease}.chain-arrow svg{width:40px;height:40px}.timer-item.chain-completed{opacity:.7;border-color:#22c55e;background-color:#22c55e0d}.timer-item.chain-completed .chain-position-badge{background-color:#22c55e}.timer-item.chain-active{border-color:var(--primary-color);box-shadow:0 4px 12px #6200ee4d}.timer-item.chain-active .chain-position-badge{background-color:var(--primary-color);animation:pulse-badge 2s infinite}.timer-item.chain-pending{opacity:.6;border-color:#0000001a}.timer-item.chain-pending .chain-position-badge{background-color:#9ca3af}@keyframes pulse-badge{0%,to{transform:scale(1);box-shadow:0 2px 4px #0003}50%{transform:scale(1.1);box-shadow:0 4px 8px #6200ee66}}.timer-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:300px}.timer-placeholder-icon{font-size:3rem;opacity:.6}.timer-placeholder-icon img{width:1em;height:1em;display:block;object-fit:contain}.timer-placeholder h4{margin:0;font-size:1.2rem;font-weight:500;color:var(--text-primary)}.timer-placeholder p{margin:0;font-size:.95rem;line-height:1.4}.announcement-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;opacity:0;transition:opacity .2s ease}.announcement-modal-visible{opacity:1}.announcement-modal-hiding{opacity:0}.announcement-modal-content{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;width:90%;max-width:420px;transform:scale(.9) translateY(-20px);transition:transform .2s ease}.announcement-modal-visible .announcement-modal-content{transform:scale(1) translateY(0)}.announcement-modal-header{display:flex;align-items:center;gap:1rem;padding:.5rem 1.5rem 0rem;border-bottom:1px solid rgba(0,0,0,.1);position:relative}.announcement-icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center}.announcement-icon{font-size:2.5rem}.announcement-title{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary);flex:1;padding-bottom:.4rem}.announcement-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:var(--border-radius);transition:background-color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.announcement-modal-close:hover{background-color:#0000001a}.announcement-modal-body{padding:1rem 1.5rem}.announcement-message{margin:0;font-size:1rem;line-height:1.5;color:var(--text-primary)}.announcement-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(0,0,0,.1)}.announcement-confirm-btn{min-width:80px}.confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1200;opacity:0;transition:opacity .2s ease}.confirmation-modal-visible{opacity:1}.confirmation-modal-hiding{opacity:0}.confirmation-modal-content{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;width:90%;max-width:420px;transform:scale(.9) translateY(-20px);transition:transform .2s ease}.confirmation-modal-visible .confirmation-modal-content{transform:scale(1) translateY(0)}.confirmation-modal-header{display:flex;align-items:center;gap:1rem;padding:.5rem 1.5rem 0rem;border-bottom:1px solid rgba(0,0,0,.1);position:relative}.confirmation-icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center}.confirmation-icon{font-size:2.5rem}.confirmation-title{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary);flex:1;padding-bottom:.4rem}.confirmation-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:var(--border-radius);transition:background-color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.confirmation-modal-close:hover{background-color:#0000001a}.confirmation-modal-body{padding:1rem 1.5rem}.confirmation-message{margin:0;font-size:1rem;line-height:1.5;color:var(--text-primary)}.confirmation-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(0,0,0,.1)}.prompt-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1200;opacity:0;transition:opacity .2s ease}.prompt-modal-visible{opacity:1}.prompt-modal-content{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;width:90%;max-width:420px;transform:scale(.9) translateY(-20px);transition:transform .2s ease}.prompt-modal-visible .prompt-modal-content{transform:scale(1) translateY(0)}.prompt-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.1);position:relative}.prompt-title{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary);flex:1}.prompt-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:var(--border-radius);transition:background-color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.prompt-modal-close:hover{background-color:#0000001a}.prompt-modal-body{padding:1rem 1.5rem}.prompt-message{margin:0 0 1rem;font-size:1rem;line-height:1.5;color:var(--text-primary)}.prompt-input{width:100%;padding:.75rem;border:1px solid rgba(0,0,0,.2);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;color:var(--text-primary);background-color:var(--surface-color);outline:none;transition:border-color .2s ease;box-sizing:border-box}.prompt-input:focus{border-color:var(--primary-color)}.prompt-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(0,0,0,.1)}.timer-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.timer-modal-content{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;width:90%;max-width:480px;max-height:90vh;overflow-y:auto}#audio-library-modal .timer-modal-content{max-width:640px}#timer-load-url-modal.timer-modal{display:flex;align-items:center;justify-content:center}.timer-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(0,0,0,.1)}.timer-modal-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.timer-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:var(--border-radius);transition:background-color .2s ease}.timer-modal-close:hover{background-color:#0000001a}.timer-modal-body{padding:1.5rem}.timer-duration-selection{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.timer-duration-selection>label{font-weight:600;color:var(--text-primary);font-size:1.1rem}.time-selectors{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:space-between}.time-selector-group{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:90px;position:relative;font-size:.9rem}.time-selector-group label{font-size:.6rem;font-weight:500;color:var(--text-secondary)}.time-selector-display{padding:.6rem;border:1px solid rgba(0,0,0,.2);border-radius:var(--border-radius);background-color:var(--surface-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Segoe UI,Arial,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between}.time-selector-display:hover{border-color:var(--primary-color);background-color:#6200ee05}.time-value{font-weight:600;color:var(--primary-color)}.time-unit{font-size:.8rem;color:var(--text-secondary);margin-left:.25rem}.number-grid-overlay{position:fixed;z-index:1002;background-color:var(--surface-color);border:1px solid rgba(0,0,0,.2);border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;max-height:400px;overflow-y:auto;width:450px;max-width:90vw}.number-grid-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.1);background-color:#00000005}.number-grid-header span{font-size:.9rem;font-weight:500;color:var(--text-primary)}.grid-close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:var(--border-radius);transition:background-color .2s ease}.grid-close-btn:hover{background-color:#0000001a}.number-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.25rem;padding:1rem}.number-btn{background-color:transparent;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);padding:.5rem;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;min-height:36px;display:flex;align-items:center;justify-content:center}.number-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px)}.number-btn:active{transform:translateY(0)}.timer-preview{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#00000005;border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.1)}.timer-preview span:first-child{font-weight:500;color:var(--text-secondary)}#timer-duration-preview{font-weight:600;color:var(--primary-color);font-family:Inter,monospace;font-size:1.1rem}.timer-info{margin-top:1rem;padding:.75rem;background-color:#6200ee0d;border:1px solid rgba(98,0,238,.2);border-radius:var(--border-radius)}.timer-info p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.timer-triggered-sounds-section{margin-top:1rem!important;margin-bottom:1rem}.timer-user-audio-section{margin-top:.75rem}.timer-audio-management{margin-top:1rem;padding:1rem 0 0;margin-bottom:1rem}.timer-audio-management-header{display:flex;align-items:center;gap:.5rem;cursor:pointer}.timer-audio-management-header label{font-weight:600;color:var(--text-primary)}.timer-audio-management-header:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.timer-audio-management-content{padding:.75rem 0 0 .75rem;border-left:2px solid rgba(18,100,163,.2);display:flex;flex-direction:column;gap:1rem}.timer-audio-management-checkbox{height:16px;width:16px}.timer-audio-management-content>.timer-user-audio-section,.timer-audio-management-content>.timer-sound-section,.timer-audio-management-content>.timer-triggered-sounds-section{padding:0;border:none}.timer-audio-management-content>.timer-user-audio-section{padding-top:0;border-top:none}.timer-triggered-sounds-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.timer-triggered-sounds-header label{font-size:.95rem;font-weight:600;color:var(--text-primary)}.add-triggered-sound-btn{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--primary-color)!important;color:#fff!important;border:1px solid var(--primary-color)!important;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;margin:0 0 .5rem;margin-right:auto;width:fit-content}.add-triggered-sound-btn:hover{background:var(--primary-color-dark)}.add-triggered-sound-btn .plus-icon{font-size:1.2rem;font-weight:700;line-height:1}.timer-triggered-sounds-list{display:flex;flex-direction:column;gap:1rem}.triggered-sound-entry{padding:1rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:0 1px 3px #0000000d}.triggered-sound-entry-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.triggered-sound-entry-number{font-size:.875rem;font-weight:600;color:var(--primary-color)}.triggered-sound-delete-btn{padding:.375rem .75rem;background:transparent;border:1px solid #e53935;border-radius:4px;color:#e53935;cursor:pointer;font-size:1rem;line-height:1;transition:all .2s ease}.triggered-sound-delete-btn:hover{background:#e53935;color:#fff}.triggered-sound-body{display:flex;flex-direction:column;gap:1rem}.triggered-sound-position-label{margin:0}.triggered-sound-position-label label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.timer-triggered-sounds-form{margin-bottom:1rem;padding:1rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;margin-top:.75rem}.triggered-sound-form-row{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.triggered-sound-button-row{margin-top:.75rem;justify-content:flex-end}.triggered-sound-time-selectors{display:flex;gap:.5rem;margin-left:auto}.triggered-sound-time-selectors .time-selector-group{flex:0 0 auto}.timer-triggered-sounds-list{display:flex;flex-direction:column;gap:0rem;margin-bottom:.75rem}.triggered-sound-item{display:flex;align-items:center;gap:1rem;padding:.5rem .5rem .5rem .75rem;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:4px;min-height:54px}.triggered-sound-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Roboto Mono,Inconsolata,Liberation Mono,DejaVu Sans Mono,monospace;font-variant-numeric:tabular-nums;font-weight:500;color:var(--primary-color);min-width:60px}.triggered-sound-name{flex:1;font-size:.875rem;text-align:left}.triggered-sound-delete{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-left:0rem;padding:.25rem .5rem;border-radius:calc(var(--border-radius) / 2);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:auto;height:auto}.triggered-sound-delete:hover{background-color:var(--error-color);color:#fff;opacity:1}.triggered-sound-save-btn,.triggered-sound-cancel-btn{padding:.25rem .75rem;border:1px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.triggered-sound-save-btn{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.triggered-sound-save-btn:hover{background:var(--primary-color-dark)}.triggered-sound-cancel-btn{background:#fff;color:var(--text-primary)}.triggered-sound-cancel-btn:hover{background:#f0f0f0}.triggered-sound-select-container{margin:0}.triggered-sound-select-container label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.triggered-sound-select{flex-grow:1;margin-left:auto;padding:.5rem;border:1px solid rgba(0,0,0,.2);border-radius:4px;background:#fff;font-size:.875rem;cursor:pointer}.triggered-sound-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1264a31a}.timer-sound-checkbox-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.timer-sound-checkbox{width:16px;height:16px;cursor:pointer}.timer-sound-checkbox-container label{font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer}.timer-sound-selection-modal{display:flex;flex-direction:column;align-items:center;gap:.5rem}.timer-sound-controls-modal{display:flex;align-items:center;gap:.5rem}.timer-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(0,0,0,.1)}.timer-modal-footer-equal{justify-content:center}.timer-modal-footer-equal .timer-modal-btn{flex:1;max-width:200px}.timer-modal-btn{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.timer-modal-btn-primary{background-color:var(--primary-color);color:#fff}.timer-modal-btn-primary:hover{background-color:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 8px #6200ee33}.timer-modal-btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.timer-modal-btn-secondary:hover{background-color:#6200ee0d;transform:translateY(-1px)}.section-divider{width:80%;height:1px;background-color:#0000001a;margin:.5rem auto 2rem}.audio-section h3{font-size:1.2rem;margin-bottom:.5rem;margin-top:0;color:var(--primary-color);text-align:center}.audio-description{font-size:.95rem;color:var(--text-secondary);text-align:center;margin-top:0;margin-bottom:1rem}.inline-description{margin-bottom:0;margin-right:1rem;text-align:right}.consa-row{display:flex;align-items:center;gap:1rem;width:100%;max-width:420px;margin:0 auto}.audio-controls-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.audio-control-group{display:flex;align-items:center;gap:.5rem}.audio-control-group label{font-weight:500;color:var(--text-secondary);white-space:nowrap}.audio-dropdown{padding:.5rem;font-size:.9rem;border:1px solid #ccc;border-radius:var(--border-radius);background-color:var(--surface-color);transition:border-color .3s;width:auto;min-width:60px;max-width:70px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.audio-dropdown-repeat{max-width:50px}.audio-dropdown:focus{border-color:var(--primary-color);outline:none}.audio-dropdown:disabled{opacity:.6;cursor:not-allowed}.audio-buttons-container{display:flex;gap:.5rem;align-items:center;min-width:80px;height:36px}.play-btn,.pause-btn,.stop-btn{width:36px;height:36px;border-radius:50%;background-color:var(--primary-color);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0;transition:background-color .2s,transform .1s}.play-btn:hover,.pause-btn:hover,.stop-btn:hover{background-color:var(--primary-color-dark)}.play-btn:active,.pause-btn:active,.stop-btn:active{transform:scale(.95)}.gong-checkbox{position:absolute;opacity:0;width:0;height:0}.bell-icon{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;width:36px;height:36px;border-radius:50%;background-color:transparent;transition:background-color .2s,transform .1s;-webkit-user-select:none;user-select:none}.bell-icon:hover{background-color:#6200ee14}.gong-checkbox:checked+.bell-icon{background-color:#6200ee33}.bell-icon:active{transform:scale(.95)}.repeat-counter{font-weight:500;color:var(--text-secondary);min-width:40px;text-align:center}.progress-container{width:100%;margin:1.5rem auto 0}.repeat-progress{display:flex;width:100%;height:20px;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px;overflow:hidden}.progress-segment{height:100%;flex:1;border-right:1px solid rgba(0,0,0,.2);transition:background-color .3s ease;background-color:transparent}.progress-segment:last-child{border-right:none}.progress-segment.filled{background-color:var(--primary-color)}.formula-drawer{width:100%;margin-top:.75rem;background:#fafafa;border:1px solid rgba(0,0,0,.08);border-radius:8px;overflow:hidden}.formula-drawer-header{padding:.75rem 1rem;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}.formula-drawer-content{padding:.75rem 1rem;background:#fff;display:none}.formula-drawer-content.active{display:block}.formula-selector{display:flex;flex-direction:column;gap:.5rem;width:100%}.formula-selector>span{font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em}.formula-options{display:flex;flex-direction:column;gap:.3rem;padding:.5rem;background:#f7f7f7;border-radius:6px;border:1px solid rgba(0,0,0,.05)}.formula-option{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;border-radius:4px;cursor:pointer;transition:all .15s ease;background:transparent;border:1px solid transparent}.formula-option:first-child{cursor:default;font-weight:500;color:var(--text-secondary);padding-left:0;border:none}.formula-option input[type=radio]{width:14px;height:14px;min-width:14px;accent-color:var(--primary-color);cursor:pointer;margin:0}.formula-option span{font-size:.88rem;color:var(--text-primary);font-weight:400;line-height:1.3}.formula-option:has(input:checked){background:#4084fc1f;border-color:var(--primary-color)}.formula-option:has(input:checked) span{font-weight:500;color:#0056b3}.formula-selected-title{font-size:.95rem;font-weight:600;color:var(--primary-color);padding:.5rem .75rem;background:#4084fc14;border-radius:6px;margin-bottom:.5rem}.formula-inner-controls{display:none;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#f7f7f7;border-radius:6px;margin-bottom:.5rem;flex-wrap:wrap}.formula-inner-controls.active{display:flex}.formula-inner-controls label{display:flex;align-items:center;gap:.4rem;cursor:pointer;padding:.25rem .4rem;border-radius:4px;transition:background .15s}.formula-inner-controls label:hover{background:#4084fc14}.formula-inner-controls label span{font-size:.88rem;white-space:nowrap}.formula-inner-controls input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary-color)}.formula-gender{padding:.35rem .75rem;border:1px solid rgba(0,0,0,.08);border-radius:4px;background:#fff;font-size:.88rem;min-width:90px}.formula-dropdown{width:auto;min-width:120px;flex-grow:1;max-width:100%}.formula-text{padding:1.25rem;margin:0;background:linear-gradient(135deg,#fafafa,#f5f5f5);border:1px solid rgba(0,0,0,.06);border-radius:8px;font-family:Georgia,Cambria,Times New Roman,serif;font-size:1rem;line-height:1.8;color:#2c3e50;display:none;text-align:justify;text-justify:inter-word;box-shadow:inset 0 1px 3px #0000000a;position:relative;letter-spacing:.01em}.formula-text:before{content:'"';position:absolute;top:.5rem;left:.75rem;font-size:2.5rem;font-family:Georgia,serif;color:#4084fc33;line-height:1;font-weight:700}.formula-text.active{display:block;animation:fadeInText .4s ease;padding-left:2rem;padding-top:1.5rem}@keyframes fadeInText{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.formula-text br+br{display:block;margin-top:.5em}.formula-text:after{content:"";display:block;width:60px;height:2px;background:linear-gradient(90deg,var(--primary-color) 0%,transparent 100%);margin:1rem auto 0;opacity:.3}.formula-text p{margin:0 0 1rem;text-indent:1.5em}.formula-text p:last-child{margin-bottom:0}.formula-ending{text-align:center!important;font-style:italic;margin-top:1.2rem!important;padding-top:.8rem;border-top:1px solid rgba(0,0,0,.08);color:#546e7a;text-indent:0!important;font-size:.95rem;line-height:1.6}.formula-placeholder{display:inline-block;padding:0 .5em;border-bottom:2px dotted var(--primary-color);color:var(--primary-color);font-weight:500;font-style:normal;letter-spacing:.05em}audio{display:none}.update-content{display:flex;align-items:center;justify-content:space-between;gap:15px}#update-button{background-color:#fff;color:var(--primary-color);border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}#update-button:hover{background-color:#ffffffe6}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.input-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.input-group label{font-size:1rem;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}input[type=date],input[type=number],input[type=text],input[type=url],textarea{padding:.8rem;font-size:1rem;border:1px solid #ccc;border-radius:var(--border-radius);background-color:var(--surface-color);transition:border-color .3s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;letter-spacing:.01em}input:focus{border-color:var(--primary-color);outline:none}.date-input-container{display:flex;gap:10px;flex:1}.date-input-container input{flex:1}button{border-radius:8px;border:none;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Segoe UI,Arial,sans-serif;cursor:pointer;transition:all .2s ease;letter-spacing:.01em;box-shadow:var(--shadow)}button:hover{box-shadow:var(--shadow-lg)}button:active{box-shadow:var(--shadow)}button:focus,button:focus-visible{outline:none;box-shadow:none}.primary-btn{background-color:var(--primary-color);color:var(--text-on-primary)}.primary-btn:hover{background-color:var(--primary-color-dark)}.secondary-btn{background-color:#fff;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow);font-weight:600}.secondary-btn:hover{background-color:var(--surface-hover);border-color:var(--border-color);box-shadow:var(--shadow-lg)}.result{background-color:var(--surface-color);border-radius:var(--border-radius);padding:1rem;box-shadow:var(--shadow);text-align:center;min-height:60px;display:none;align-items:center;justify-content:center;width:100%}.result.visible{display:flex}.result-content{padding:.5rem}.result p{margin:.5rem 0}.result strong{color:var(--primary-color);font-weight:600}.calendar-options{margin-top:1.5rem;border-top:1px solid rgba(0,0,0,.1);padding-top:1rem;width:100%}.calendar-options h3{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary);font-weight:600}.event-customization{margin-bottom:1.5rem}.event-customization .input-group{margin-bottom:1rem}.calendar-event-type{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius);padding:1rem;background-color:#00000005}.event-type-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.event-type-option input[type=radio]{cursor:pointer}.event-type-option label{cursor:pointer;font-weight:500;color:var(--text-secondary)}.event-customization input,.event-customization textarea{width:100%;padding:.8rem;font-size:1rem;border:1px solid #ccc;border-radius:var(--border-radius);background-color:var(--surface-color);transition:border-color .3s;resize:vertical}.event-customization textarea{min-height:70px;font-size:.95rem;line-height:1.4;padding:.7rem;overflow-y:auto;word-wrap:break-word}.calendar-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;max-width:480px;margin:0 auto}.calendar-btn{display:flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;border-radius:var(--border-radius);text-decoration:none;font-weight:500;transition:all .2s ease;flex:1;min-width:160px;max-width:200px;line-height:1.2}.google-btn{background-color:#4285f4;color:#fff}.google-btn:hover{background-color:#3367d6;color:#fff}.apple-btn{background-color:#000;color:#fff}.apple-btn:hover{background-color:#333;color:#fff}.calendar-icon{margin-right:.5rem;width:20px;height:20px;object-fit:contain;vertical-align:middle}.read-the-docs{color:#888}.days-input-container{display:flex;flex-direction:row;align-items:center;gap:10px}.days-input{width:80px;text-align:center}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;flex:1}.preset-btn{padding:.5rem .7rem;background-color:var(--surface-color);color:var(--primary-color);border:1px solid var(--primary-color-light);border-radius:var(--border-radius);font-size:.9rem;transition:all .2s ease;min-width:40px}.preset-btn:hover{background-color:var(--primary-color-light);color:#fff}.quick-options-label{margin:0 8px;color:var(--text-secondary);font-size:.9rem;white-space:nowrap}.date-row{flex-direction:row;align-items:center;display:flex;min-height:52px}.date-label{margin-right:15px;margin-bottom:0;margin-top:0;padding-top:2px;width:auto;white-space:nowrap;line-height:1}.calculation-mode{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;justify-content:space-between}.mode-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.mode-option input[type=radio]{cursor:pointer}.mode-option label{cursor:pointer;font-weight:500;color:var(--text-secondary)}@media(min-width:768px){.calendar-btn{padding:.5rem 1rem;font-size:.95rem}.calendar-icon{width:22px;height:22px}}@media(max-width:600px){body:not(.electron){place-items:flex-start;background:#f2f2f2}body:not(.electron) #app{padding:1rem;min-height:100vh}body:not(.electron) #app.timer-tab-active{padding:1rem;min-height:100vh}body:not(.electron) .mobile-controls-bar.settings-closed .mobile-add-btn{display:flex}body:not(.electron) h1{font-size:1.4em;font-weight:700}body:not(.electron) .card{padding:1.5rem;display:flex;flex-direction:column}body:not(.electron) .timers-section-wrapper{max-width:100%!important;margin:0!important}body:not(.electron) .tab-navigation{margin-bottom:1.2rem;padding-bottom:.4rem;justify-content:space-between;position:sticky;top:0;background-color:var(--surface-color);z-index:10}body:not(.electron) .tab-btn{flex:1;padding:.5rem .7rem;font-size:.9rem;text-align:center}body:not(.electron) .number-btn{padding:0rem}body:not(.electron) .time-selector-group{min-width:20px}body:not(.electron) .timer-modal-footer button{font-size:.8rem}body:not(.electron) .tab-content{min-height:250px}body:not(.electron) .audio-section{width:100%;align-self:flex-start}body:not(.electron) .audio-section h3{font-size:1.1rem}body:not(.electron) .audio-controls-row{gap:.8rem;width:100%}body:not(.electron) .audio-control-group{gap:.3rem}body:not(.electron) .audio-dropdown{padding:.4rem;font-size:.85rem;min-width:70px}body:not(.electron) .play-btn,.pause-btn,.stop-btn{width:32px;height:32px}body:not(.electron) .audio-buttons-container{gap:.3rem;height:32px}body:not(.electron) .timer-section{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;width:100%;align-self:flex-start;gap:0}body:not(.electron) .mobile-controls-bar{display:flex!important;order:-1;margin-bottom:1.5rem;width:100%;justify-content:space-between;align-items:center;gap:.75rem;padding:0 .5rem}body:not(.electron) .mobile-controls-bar .mobile-timer-settings-toggle{display:flex;flex:0 0 auto;min-width:44px;max-width:120px;margin-left:auto}body:not(.electron) .mobile-timer-settings-toggle .toggle-text{display:inline}body:not(.electron) .timer-settings:not(.mobile-hidden){margin-bottom:1rem}body:not(.electron) .timer-settings.mobile-hidden{display:none!important}body:not(.electron) .timer-list.settings-hidden{border-top:none!important;padding-top:0!important;margin-top:0!important;gap:0px!important}body:not(.electron) .timer-section h3{font-size:1.1rem;grid-column:auto!important;text-align:left!important}body:not(.electron) .timer-settings{display:flex;flex-direction:column;gap:1rem}body:not(.electron) .timer-list{display:flex;flex-direction:column;gap:1rem}body:not(.electron) .timer-list:not(.settings-hidden){gap:0;margin-top:0}body:not(.electron) .timer-list-header{margin-bottom:.5rem;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;position:relative!important;background-color:#00000008;padding:.75rem 1rem;border-radius:var(--border-radius);gap:.75rem!important}body:not(.electron) .timer-list-header[style*="display: flex"]{display:flex!important}body:not(.electron) .timer-total-time{align-items:center;gap:.5rem;font-weight:500;position:static!important;transform:none!important;justify-content:center!important;text-align:center;width:100%}body:not(.electron) .timer-total-time[style*="display: flex"]{display:flex!important}body:not(.electron) .timer-sequence-repeat{flex:0 0 auto;margin-right:auto}body:not(.electron) .timer-header-controls{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;width:100%;gap:1rem}body:not(.electron) .total-time-label{color:var(--text-primary);font-size:.9rem;font-weight:500}body:not(.electron) .total-time-value{color:var(--primary-color);font-size:1rem;font-weight:600}body:not(.electron) .delete-all-btn{font-size:.85rem;padding:.5rem .75rem;background-color:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--border-radius);color:var(--error-color);text-decoration:none;font-weight:500;flex:0 0 auto;min-width:fit-content;max-width:fit-content}body:not(.electron) .delete-all-btn:hover{background-color:#dc262626;border-color:#dc26264d}body:not(.electron) .timer-list{border-top:1px solid rgba(0,0,0,.1);padding-top:1rem;margin-top:1rem}body:not(.electron) .timer-main-mode-selection h4{font-size:1rem}body:not(.electron) .timer-mode-buttons{flex-direction:row!important;gap:.8rem}body:not(.electron) .timer-mode-section{min-width:auto;max-width:8.5rem;flex:1;flex-direction:column}body:not(.electron) .timer-mode-display{padding:.8rem;flex-direction:row;text-align:left;gap:.75rem;min-width:100%;min-height:80px;align-items:center}body:not(.electron) .announcement-title{font-size:1.1rem}body:not(.electron) .timer-type-icon{font-size:1.2rem}body:not(.electron) .timer-collapse-btn{margin-right:0}body:not(.electron) .timer-type-icon{margin-right:0}body:not(.electron) .timer-mode-icon{font-size:1.3rem;flex-shrink:0;width:24px;text-align:center}body:not(.electron) .timer-mode-content{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}body:not(.electron) .timer-mode-label{font-size:.9rem;font-weight:600;line-height:1.1}body:not(.electron) .timer-mode-desc{font-size:.75rem;text-align:left;line-height:1.2;color:var(--text-secondary)}body:not(.electron) .timer-add-btn{padding:.6rem .8rem;font-size:.85rem;font-weight:500;min-height:60px;background-color:var(--primary-color);color:var(--text-on-primary);border:none}body:not(.electron) .timer-add-btn:hover{background-color:var(--primary-color-dark)}body:not(.electron) .timer-execution-mode h4{font-size:.9rem}body:not(.electron) .execution-mode-buttons{flex-direction:row;gap:.8rem;justify-content:space-between}body:not(.electron) .execution-mode-btn{min-width:auto;max-width:none;padding:.8rem;flex-direction:row;text-align:left;gap:1rem;flex:1}body:not(.electron) .execution-mode-icon{width:53px;height:24px;flex-shrink:0}body:not(.electron) .execution-mode-label{font-size:.85rem;text-align:left}body:not(.electron) .timer-sound-selection{flex-direction:column;align-items:center;gap:.5rem}body:not(.electron) .timer-sound-controls{width:100%;justify-content:center;gap:.75rem}body:not(.electron) .timer-dropdown{padding:.4rem;font-size:.85rem;min-width:100px;flex:1;max-width:200px}body:not(.electron) .timer-sound-test-btn{width:28px;height:28px;font-size:1.3rem;background:none;color:var(--primary-color)}body:not(.electron) .timer-file-operations{margin-top:.8rem;padding-top:.8rem}body:not(.electron) .file-operation-buttons{flex-direction:row;gap:.5rem;width:100%}body:not(.electron) .file-operation-btn{width:30%;padding:.6rem .75rem;font-size:.8rem;min-width:auto}body:not(.electron) .file-operation-icon{font-size:.9rem}body:not(.electron) .timer-item{padding:.8rem}body:not(.electron) .timer-drag-handle{left:0rem;font-size:.8rem;padding:.4rem;min-width:1.5rem;min-height:1.5rem;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body:not(.electron) .timer-collapsed-content{padding-left:2.5rem}body:not(.electron) .timer-collapsed-header{gap:.4rem}body:not(.electron) .timer-collapsed-header .timer-type-icon{font-size:.9rem}body:not(.electron) .timer-collapsed-header .timer-name-display{font-size:.9rem}body:not(.electron) .timer-collapsed-main{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;min-height:auto;position:relative;padding-right:.5rem}body:not(.electron) .timer-collapsed-main .timer-fullscreen-btn,body:not(.electron) .timer-collapsed-main .timer-duplicate-btn,body:not(.electron) .timer-collapsed-main .timer-remove-btn{position:static;margin:0 0 0 .35rem;padding:.25rem;background:transparent}body:not(.electron) .timer-collapsed-main .timer-collapse-btn,body:not(.electron) .timer-collapsed-main .timer-type-icon{flex:0 0 auto;align-self:center}body:not(.electron) .timer-collapsed-main .timer-current-time{font-size:1.4rem;font-weight:700;min-width:52px;text-align:center;margin:0 .25rem}body:not(.electron) .timer-collapsed-main .timer-buttons{display:flex;gap:.25rem;align-items:center;flex:0 0 auto}body:not(.electron) .timer-collapsed-main .timer-sound-indicator,body:not(.electron) .timer-collapsed-main .timer-user-audio-indicator,body:not(.electron) .timer-collapsed-main .timer-repeat-status-collapsed{flex:0 0 auto;margin-left:.25rem}body:not(.electron) .timer-collapsed-main>.timer-fullscreen-btn,body:not(.electron) .timer-collapsed-main>.timer-duplicate-btn,body:not(.electron) .timer-collapsed-main>.timer-remove-btn{margin-left:auto}body:not(.electron) .timer-header{padding-left:2.5rem;flex-wrap:wrap;margin-bottom:.8rem;justify-content:space-between}body:not(.electron) .timer-header .timer-name{width:100%;flex-basis:100%;margin-top:.5rem;order:4}body:not(.electron) .timer-header .timer-collapse-btn{order:1}body:not(.electron) .timer-header .timer-type-icon{order:2;margin-right:auto}body:not(.electron) .timer-header .timer-remove-btn{order:3;margin-left:auto}body:not(.electron) .timers-container.chain-mode{padding-top:12px}body:not(.electron) .chain-position-badge{width:24px;height:24px;font-size:.7rem;top:-10px;left:8px;border-width:1px}body:not(.electron) .chain-connector{padding:.5rem 0}body:not(.electron) .chain-arrow svg{width:32px;height:32px}body:not(.electron) .timer-time-input{width:100%}body:not(.electron) .timer-duration-input{width:100%;text-align:left}body:not(.electron) .timer-controls-row{flex-direction:column;gap:.8rem;align-items:stretch}body:not(.electron) .timer-controls-row .timer-display{display:flex;align-items:center;justify-content:flex-start}body:not(.electron) .timer-controls-row .timer-buttons{display:flex;align-items:center;margin-left:auto}body:not(.electron) .timer-time-selectors{justify-content:center;gap:.2rem}body:not(.electron) .timer-time-selectors .time-selector-group{min-width:40px}body:not(.electron) .timer-time-selectors .time-selector-display{padding:.3rem .4rem;font-size:.8rem;min-width:35px;height:32px}body:not(.electron) .timer-time-selectors .time-unit{font-size:.65rem}body:not(.electron) .timer-time-selectors .number-grid-overlay{width:300px}body:not(.electron) .timer-display{justify-content:flex-start;min-width:auto;height:32px}body:not(.electron) .timer-current-time{font-size:2rem;font-weight:800}body:not(.electron) .timer-buttons{justify-content:center;gap:.5rem;height:32px}body:not(.electron) .timer-buttons .play-btn,body:not(.electron) .timer-buttons .pause-btn,body:not(.electron) .timer-buttons .stop-btn{width:30px;height:30px;font-size:1rem}body:not(.electron) .timer-sound-checkbox-container{justify-content:flex-start;text-align:left}body:not(.electron) .timer-sound-checkbox-container label{text-align:left;font-size:.8rem}body:not(.electron) .timer-repeat-checkbox-container{justify-content:flex-start;text-align:left;font-size:.8rem}body:not(.electron) .timer-repeat-checkbox-container label{text-align:left;font-size:.8rem}body:not(.electron) .timer-schedule-checkbox-container{justify-content:flex-start;text-align:left}body:not(.electron) .timer-schedule-checkbox-container label{text-align:left;font-size:.8rem}body:not(.electron) .timer-fullscreen-checkbox-container{justify-content:flex-start;text-align:left}body:not(.electron) .timer-fullscreen-checkbox-container label{text-align:left;font-size:.8rem}body:not(.electron) .timer-schedule-section{margin-bottom:1rem}body:not(.electron) .timer-repeat-section{margin-bottom:1rem}body:not(.electron) #calculator-tab{width:100%;align-self:flex-start}body:not(.electron) .calculation-mode{flex-direction:column;gap:.5rem;margin-bottom:1.2rem;width:100%}body:not(.electron) .date-row{flex-direction:column;align-items:flex-start}body:not(.electron) .date-label{margin-right:0;margin-bottom:.5rem}body:not(.electron) .date-input-container{width:100%}body:not(.electron) .days-input-container{flex-direction:column;align-items:flex-start}body:not(.electron) .days-input{width:100%;margin-bottom:.5rem}.quick-options-label{margin:.5rem 0;display:block}.preset-buttons{width:100%;justify-content:space-between}.preset-btn{flex:1;min-width:60px;padding:.7rem;margin:0 2px;font-size:1rem}.result{padding:.8rem}.result-content{width:100%;display:flex;flex-direction:column;align-items:center}.calendar-options{margin-top:1.2rem;padding-top:.8rem;width:100%;display:flex;flex-direction:column;align-items:center}.calendar-options h3{font-size:1rem;margin-bottom:.8rem}.event-customization{margin-bottom:1.2rem;width:100%}.event-customization .input-group{margin-bottom:.8rem}.event-customization input,.event-customization textarea{padding:.7rem}.event-customization textarea{font-size:.9rem;line-height:1.3}.calendar-event-type{width:100%;padding:.8rem;margin-bottom:1.2rem;gap:.7rem}.event-type-option{padding:.2rem 0}.calendar-buttons{flex-direction:column;width:100%;max-width:100%}.calendar-btn{width:100%;max-width:100%;margin:0 auto .5rem;padding:.7rem 1rem}.formula-selected-title{font-size:.8rem;padding:.4rem .6rem}.formula-text{padding:1rem;font-size:.85rem;line-height:1.6}.formula-text.active{padding-left:1.75rem;padding-top:1.25rem}.formula-text:before{font-size:2rem;top:.4rem;left:.6rem}.formula-ending{font-size:.8rem;line-height:1.5;margin-top:1rem!important;padding-top:.6rem}}@media(max-width:380px){body:not(.electron) .card{padding:1rem;display:flex;flex-direction:column}body:not(.electron) .tab-navigation{position:sticky;top:0;background-color:var(--surface-color);z-index:10;padding-top:.5rem}body:not(.electron) .tab-content{min-height:200px}body:not(.electron) .preset-btn{min-width:40px;padding:.6rem .4rem}}@media(prefers-color-scheme:dark){:root{--primary-color: #bb86fc;--primary-color-light: #6200ee;--primary-color-dark: #3700b3;--secondary-color: #03dac6;--background-color: #121212;--surface-color: #1e1e1e;--error-color: #cf6679;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-disabled: rgba(255, 255, 255, .2)}input,textarea{background-color:var(--surface-color);border-color:#444;color:var(--text-primary)}.calendar-options{border-top-color:#ffffff1a}.calendar-event-type{border-color:#ffffff1a;background-color:#ffffff0d}.tab-navigation{border-bottom-color:#ffffff1a;background-color:var(--surface-color)}.tab-btn:hover{background-color:#bb86fc14}.audio-dropdown{background-color:var(--surface-color);border-color:#444;color:var(--text-primary)}.play-btn{background-color:var(--primary-color)}.play-btn:hover{background-color:var(--primary-color-light)}.repeat-counter{color:var(--text-secondary)}.section-divider{background-color:#ffffff1a}.repeat-progress{border-color:#fff3}.progress-segment{border-right-color:#fff3}.timer-dropdown{background-color:var(--surface-color);border-color:#444;color:var(--text-primary)}.timer-sound-test-btn{color:var(--primary-color-light);background:none}.timer-name,.timer-duration-input,.timer-time-selectors .time-selector-display{background-color:var(--surface-color);border-color:#444;color:var(--text-primary)}.timer-time-selectors .time-selector-display:hover{background-color:#bb86fc0d;border-color:var(--primary-color-light)}.timer-sound-select{background-color:var(--surface-color);border-color:#444;color:var(--text-primary)}.timer-sound-test-btn{background:none;color:var(--primary-color-light)}.total-time-label{color:var(--text-secondary)}.total-time-value{color:var(--primary-color)}@media(max-width:600px){body:not(.electron) .timer-list-header{background-color:#ffffff08!important}body:not(.electron) .total-time-label{color:var(--text-primary)!important}body:not(.electron) .delete-all-btn{background-color:#dc262626!important;border-color:#dc26264d!important}body:not(.electron) .delete-all-btn:hover{background-color:#dc262633!important;border-color:#dc262666!important}body:not(.electron) .timer-list{border-top-color:#ffffff1a!important}}.timer-collapse-btn{color:var(--text-secondary)}.timer-collapse-btn:hover{background-color:#ffffff1a;color:var(--primary-color-light)}body:not(.electron) .mobile-timer-settings-toggle{background-color:#ffffff0d!important;border-color:#ffffff1a!important}.section-tab{background-color:#ffffff08;border-color:#ffffff1a;border-bottom-color:#ffffff1a;color:var(--text-secondary)}.section-tab.active{background-color:var(--surface-color);color:var(--primary-color-light);border-color:#6200ee1a;border-bottom-color:transparent}.section-tab-add{background-color:#9333ea0d;border-color:#9333ea4d;color:var(--primary-color-light)}.section-tab-add:hover{background-color:#9333ea1a;border-color:#9333ea80}.section-tabs-nav-btn{background-color:var(--surface-color);border-color:#ffffff1a;color:var(--primary-color-light)}.section-tabs-nav-btn:hover:not(:disabled){background-color:#9333ea1a;border-color:#9333ea4d}.section-tab-add-btn{background-color:transparent!important;border-color:transparent!important;color:var(--primary-color-light)!important;box-shadow:none!important}.section-tab-add-btn:hover{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.section-tab-name-input{color:var(--text-primary)}.timers-section-wrapper{background-color:var(--surface-color)}.mobile-timer-settings-toggle:hover{background-color:#ffffff1a!important;border-color:var(--primary-color-light)!important}.timer-name-display{color:var(--text-primary)}.timer-time-selectors .number-grid-overlay,.timer-item{background-color:var(--surface-color);border-color:#ffffff1a}.timer-progress-bar{background-color:#ffffff1a}.timer-progress-tooltip{background-color:#ffffffe6;color:#000}.timer-progress-tooltip:after{border-top-color:#ffffffe6}.timer-mode-display,.execution-mode-btn{background-color:var(--surface-color);border-color:#ffffff1a}.execution-mode-btn:hover{border-color:var(--primary-color-light);background-color:#bb86fc1a}.execution-mode-btn.active{border-color:var(--primary-color);background-color:#bb86fc26}.chain-position-badge{box-shadow:0 2px 4px #0006;border-color:var(--surface-color)}.timer-item.chain-completed{background-color:#22c55e14;border-color:#22c55e}.timer-item.chain-active{box-shadow:0 4px 12px #bb86fc66}.timer-item.chain-pending{border-color:#ffffff1a}.timer-item.timer-running{background-color:#60a5fa1f;border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa4d}.timer-item.timer-paused{background-color:#ff98001f;border-color:#ffab40;box-shadow:0 2px 8px #ffab404d}.timer-item.timer-completed{background-color:#03dac61f;border-color:var(--secondary-color);box-shadow:0 2px 8px #03dac64d}.timer-item.timer-scheduled{background-color:#c4b5fd1f;border-color:#c4b5fd;box-shadow:0 2px 8px #c4b5fd40}.timer-placeholder{color:var(--text-secondary)}.timer-placeholder h4{color:var(--text-primary)}.announcement-modal-header{border-bottom-color:#ffffff1a}.announcement-modal-close:hover{background-color:#ffffff1a}.announcement-modal-footer{border-top-color:#ffffff1a}.confirmation-modal-header{border-bottom-color:#ffffff1a}.confirmation-modal-close:hover{background-color:#ffffff1a}.confirmation-modal-footer{border-top-color:#ffffff1a}.prompt-modal-header{border-bottom-color:#ffffff1a}.prompt-modal-close:hover{background-color:#ffffff1a}.prompt-input{background-color:var(--surface-color);border-color:#ffffff1a;color:var(--text-primary)}.prompt-input:focus{border-color:var(--primary-color-light)}.prompt-modal-footer{border-top-color:#ffffff1a}.timer-modal-content{background-color:var(--surface-color)}.timer-modal-header{border-bottom-color:#ffffff1a}.timer-modal-close:hover{background-color:#ffffff1a}.timer-sound-section{border-top-color:#ffffff1a}.timer-sound-checkbox-container label{color:var(--text-primary)}.timer-item.drag-over{border-color:var(--primary-color);background-color:#bb86fc14}.timer-drag-handle{color:#fff9;background-color:#ffffff0d;border-color:#ffffff1a}.timer-drag-handle:hover{color:var(--primary-color);background-color:#bb86fc26;border-color:#bb86fc4d}.timer-drag-handle:active{background-color:#bb86fc33}.time-selector-display{background-color:var(--surface-color);border-color:#444;color:var(--text-primary)}.time-selector-display:hover{background-color:#bb86fc0d}.number-grid-overlay{background-color:var(--surface-color);border-color:#ffffff1a}.number-grid-header{background-color:#ffffff08;border-bottom-color:#ffffff1a}.grid-close-btn:hover{background-color:#ffffff1a}.number-btn{border-color:#ffffff1a;color:var(--text-primary)}.number-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.timer-preview{background-color:#ffffff08;border-color:#ffffff1a}.timer-modal-footer{border-top-color:#ffffff1a}.timer-info{background-color:#bb86fc14;border-color:#bb86fc4d}.formula-drawer{background:#1a1a1a;border-color:#ffffff14}.formula-drawer-header{background:#1f1f1f;border-bottom-color:#ffffff0f}.formula-drawer-content{background:#1a1a1a}.formula-options{background:#222;border-color:#ffffff0d}.formula-option{background:transparent}.formula-option:has(input:checked){background:#4084fc33;border-color:#4084fc}.formula-option:has(input:checked) span{color:#6eb0ff}.formula-selected-title{background:#4084fc26;color:#6eb0ff;border-left-color:#4084fc}.formula-inner-controls{background:#222}.formula-inner-controls label:hover{background:#4084fc26}.formula-gender{background:#2a2a2a;border-color:#ffffff14;color:var(--text-primary)}.formula-text{background:linear-gradient(135deg,#1a1a1a,#252525);border-color:#ffffff14;color:#e0e0e0;box-shadow:inset 0 1px 3px #0003}.formula-text:before{color:#64a0ff4d}.formula-text:after{background:linear-gradient(90deg,rgba(100,160,255,.5) 0%,transparent 100%);opacity:.4}.formula-ending{border-top-color:#ffffff14;color:#8ba2b0}.formula-placeholder{border-bottom-color:#6eb0ff;color:#6eb0ff}.formula-dropdown{background-color:var(--surface-color);border-color:#444;color:var(--text-primary)}.apple-btn{background-color:#1a1a1a}.apple-btn:hover{background-color:#2c2c2c}}.timer-time-sync{border:1px solid rgba(98,0,238,.1);border-radius:var(--border-radius);padding:.8rem 1rem;background-color:#00000005;transition:background-color .2s;margin-bottom:1rem}.timer-time-sync h4{margin-bottom:.75rem;margin-top:0rem;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.time-sync-options{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;margin-bottom:.6rem}.time-sync-atomic-row{display:flex;align-items:center;gap:.5rem;width:100%}.time-sync-atomic-row .time-sync-option{flex:1}.time-sync-option{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-primary)}.time-sync-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid rgba(0,0,0,.3);border-radius:50%;display:inline-grid;place-content:center;background:#fff}.time-sync-option input[type=radio]:before{content:"";width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform .12s ease-in-out;background:var(--primary-color)}.time-sync-option input[type=radio]:checked{border-color:var(--primary-color)}.time-sync-option input[type=radio]:checked:before{transform:scale(1)}.sync-icon-btn{background:none;border:none;padding:.25rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;color:var(--text-secondary)}.sync-icon-btn:hover{background-color:#6200ee1a;color:var(--accent-color)}.sync-icon-btn:active{transform:scale(.95)}.sync-icon{width:16px;height:16px;opacity:.8;transition:opacity .2s ease}.sync-icon-btn:hover .sync-icon{opacity:1}.time-sync-status{font-size:.7rem;color:var(--text-secondary);padding:0;border:none;background:none;text-align:center;margin-top:.4rem}.user-audio-drawer{margin-bottom:1rem}.timer-user-audio-checkbox-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.timer-user-audio-checkbox{width:16px;height:16px;cursor:pointer}.timer-user-audio-checkbox-container label{font-size:.9rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.timer-user-audio-selection{margin-bottom:.75rem}.timer-user-audio-select{width:100%}.user-audio-drawer-header{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.user-audio-drawer-header h4{margin:0 0 .75rem;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.user-audio-drawer-content{border:1px solid rgba(98,0,238,.1);border-radius:var(--border-radius);padding:.8rem 1rem;background-color:#00000005;transition:background-color .2s}.user-audio-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.user-audio-actions label.secondary-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;border-radius:var(--border-radius);transition:all .2s ease;white-space:nowrap;min-height:40px}.user-audio-actions label.secondary-btn:hover{background-color:#1264a314;box-shadow:var(--shadow)}.user-audio-list{min-height:50px;max-height:200px;overflow-y:auto;border-radius:calc(var(--border-radius) - 2px);background-color:#ffffffcf}.user-audio-empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:1.5rem;font-size:.9rem}.user-audio-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s ease;gap:.5rem}.user-audio-item:last-child{border-bottom:none}.user-audio-name{flex:1;font-size:.9rem;color:var(--text-primary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.user-audio-remove{background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:calc(var(--border-radius) / 2);font-size:1.1rem;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.user-audio-remove:hover{background-color:var(--error-color);color:#fff}.user-audio-remove svg{width:20px;height:20px}.user-recording-section{border:1px solid rgba(98,0,238,.1);border-radius:var(--border-radius);padding:.8rem 1rem 1rem;background-color:#00000005;margin-bottom:1rem}.user-recording-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem}.user-recording-header h4{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}#user-recording-button.secondary-btn.recording{background-color:#d32f2f;color:#fff;border-color:#d32f2f}#user-recording-button.secondary-btn.recording:hover{background-color:#b71c1c}.user-recording-list{min-height:48px;max-height:200px;overflow-y:auto;border-radius:calc(var(--border-radius) - 2px);background-color:#ffffffcf}.user-recording-empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:1.4rem;font-size:.9rem}.user-recording-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem;border-bottom:1px solid rgba(0,0,0,.05)}.user-recording-item:last-child{border-bottom:none}.user-recording-name{flex:1;font-size:.9rem;color:var(--text-primary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.5rem}.user-recording-remove{background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:calc(var(--border-radius) / 2);font-size:1.1rem;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.user-recording-remove:hover{background-color:var(--error-color);color:#fff}.user-recording-remove svg{width:20px;height:20px}.user-recording-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.user-recording-actions .secondary-btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;font-size:.9rem;font-weight:600;border-radius:var(--border-radius);transition:all .2s ease;white-space:nowrap;min-height:40px}.user-recording-actions .secondary-btn:hover{background-color:#1264a314;box-shadow:var(--shadow)}.user-recording-record{display:flex;align-items:center;gap:.75rem;flex:1}.user-recording-record .secondary-btn{flex:0 0 auto}.user-recording-status{display:inline-block;min-height:1rem;font-size:.85rem;color:var(--text-secondary)}.user-recording-status[data-state=recording]{color:#d32f2f}.user-recording-status[data-state=error]{color:#c62828}.user-recording-status[data-state=success]{color:#2e7d32}.audio-library{margin-bottom:1rem}.audio-library-header{display:flex;align-items:center;justify-content:center}.audio-library-header h4{margin:1rem 0 .1rem;font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--text-primary)}.audio-library .tts-actions,.audio-library .user-audio-actions,.audio-library .user-recording-actions{justify-content:flex-start}.timer-audio-library-link{margin-top:1.25rem;margin-bottom:.75rem}.timer-audio-library-btn{width:100%;justify-content:center}.audio-library-tabs{display:flex;gap:1rem;margin-bottom:0;border-bottom:1px solid var(--border-color);padding:0;background:transparent}.audio-tab-btn{padding:.875rem 0;background:transparent;border:none;border-bottom:3px solid transparent;border-radius:0;color:var(--text-secondary);font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-bottom:-1px;position:relative;text-align:center;min-width:120px;box-shadow:none;flex:1}.audio-tab-btn:focus,.audio-tab-btn:focus-visible{outline:none;box-shadow:none}.audio-tab-btn:hover{color:var(--text-primary);background-color:transparent;box-shadow:none}.audio-tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600;background-color:transparent}.audio-library-content{border:1px solid rgba(98,0,238,.1);border-radius:var(--border-radius);padding:.8rem 1rem;background-color:#00000005;transition:background-color .2s;margin-top:0}.audio-tab-content{display:block}@media(max-width:768px){body:not(.electron) .audio-library-tabs{gap:.5rem}body:not(.electron) .audio-tab-btn{min-width:0;padding:.75rem .5rem;font-size:.875rem;flex:1}body:not(.electron) .user-audio-actions{flex-direction:row;gap:.5rem;align-items:stretch}body:not(.electron) .user-audio-actions label.secondary-btn{flex:1.5;text-align:center}body:not(.electron) .user-recording-actions .timer-add-file-btn{flex:1.5}body:not(.electron) .user-audio-list{max-height:150px}body:not(.electron) .user-audio-item{padding:.6rem .75rem}body:not(.electron) .user-audio-name{font-size:.85rem}body:not(.electron) .user-recording-item{padding:.6rem .75rem}body:not(.electron) .user-recording-name{font-size:.85rem}body:not(.electron) .user-recording-list{max-height:160px}body:not(.electron) .user-recording-record{justify-content:space-between}body:not(.electron) .user-recording-status{text-align:right}body:not(.electron) .user-recording-actions{flex-direction:row;gap:.5rem;align-items:stretch}}@media(prefers-color-scheme:dark){.user-audio-drawer-content{background-color:#bb86fc14;border-color:#bb86fc33}.user-audio-item:hover{background-color:#bb86fc1f}.user-audio-item{border-bottom-color:#ffffff1a}.user-recording-section{background-color:#bb86fc14;border-color:#bb86fc33}.user-recording-item{border-bottom-color:#ffffff1a}.user-recording-remove:hover{background-color:#ef535026}.timer-time-sync{background-color:#bb86fc14;border-color:#bb86fc33}.sync-icon-btn:hover{background-color:#bb86fc26;color:#bb86fc}}.timer-user-audio-checkbox:disabled+label,.timer-schedule-checkbox:disabled+label{color:var(--text-disabled);cursor:not-allowed}.schedule-time-selectors[data-disabled=true]{opacity:.6;pointer-events:none}.timer-name-section{margin-bottom:1rem}.timer-modal-user-audio-select{margin-bottom:.75rem}.timer-fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-dark) 100%);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.timer-fullscreen-content{text-align:center;color:#fff;padding:2rem;width:100%;max-width:800px}.timer-fullscreen-exit{position:absolute;top:2rem;right:2rem;background:#fff3;border:2px solid white;border-radius:50%;width:50px;height:50px;min-width:50px;max-width:50px;min-height:50px;max-height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;font-size:24px;font-weight:700;line-height:1;box-sizing:border-box;flex-shrink:0}.timer-fullscreen-exit:hover{background:#ffffff4d;transform:scale(1.1)}.timer-fullscreen-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-bottom:3rem}.timer-type-icon-fullscreen{font-size:7rem;line-height:1;margin-bottom:.5rem;color:#fff}.timer-type-icon-fullscreen img{filter:brightness(0) invert(1)}.timer-name-fullscreen{font-size:3.5rem;font-weight:600;margin:0;letter-spacing:3px;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3)}.timer-time-fullscreen{font-size:8rem;font-weight:200;letter-spacing:8px;margin:2rem 0;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;text-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff}.timer-fullscreen-controls{display:flex;gap:2rem;justify-content:center;margin:3rem 0}.timer-fullscreen-controls button{background:#fff3;border:2px solid white;color:#fff;width:80px;height:80px;border-radius:50%;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.timer-fullscreen-controls button:hover{background:#ffffff4d;transform:scale(1.1)}.timer-progress-fullscreen{margin-top:4rem;padding:0 2rem}.timer-progress-bar-fullscreen{height:60px;background:#fff3;border-radius:30px;overflow:hidden;position:relative;color:#fff}.timer-progress-fill-fullscreen{height:100%;background:#fff;border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #ffffff80}@media(prefers-color-scheme:dark){.timer-fullscreen-overlay{background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--primary-color) 100%)}}@media(max-width:768px){body:not(.electron) .timer-name-fullscreen{font-size:2rem}body:not(.electron) .timer-time-fullscreen{font-size:5rem;letter-spacing:4px}body:not(.electron) .timer-fullscreen-controls button{width:60px;height:60px;font-size:1.5rem}body:not(.electron) .timer-fullscreen-exit{top:1rem;right:1rem;width:40px;height:40px}body:not(.electron) .timer-audio-library-row{flex-wrap:wrap;gap:.75rem}body:not(.electron) .timer-add-triggered-sound-main-btn{flex:1 1 100%;min-width:0}body:not(.electron) .timer-open-audio-library-btn{flex:1 1 100%;min-width:0;justify-content:center}body:not(.electron) .timer-controls-btn,body:not(.electron) .timer-delete-btn,body:not(.electron) .timer-fullscreen-btn,body:not(.electron) .timer-duplicate-btn,body:not(.electron) .timer-collapse-btn{min-width:44px;min-height:44px;padding:.625rem}body:not(.electron) .timer-header-actions{gap:.5rem}body:not(.electron) .timer-settings-section{padding:.5rem 0}body:not(.electron) .timer-repeat-checkbox-container,body:not(.electron) .timer-fullscreen-checkbox-container,body:not(.electron) .timer-schedule-checkbox-container{display:flex;align-items:center;gap:.75rem;min-height:48px;padding:.5rem 0}body:not(.electron) .timer-repeat-checkbox-container label,body:not(.electron) .timer-fullscreen-checkbox-container label,body:not(.electron) .timer-schedule-checkbox-container label{flex:1;cursor:pointer}body:not(.electron) .timer-repeat-checkbox,body:not(.electron) .timer-fullscreen-checkbox,body:not(.electron) .timer-schedule-checkbox{min-width:20px;min-height:20px;cursor:pointer}body:not(.electron) .timer-schedule-time-row{margin-top:.75rem}body:not(.electron) .timer-schedule-controls{gap:.75rem}body:not(.electron) .triggered-sound-form-row{flex-direction:column;align-items:stretch;gap:1rem}body:not(.electron) .triggered-sound-time-selectors{margin-left:0;width:100%;justify-content:space-between}body:not(.electron) .triggered-sound-button-row{display:flex;gap:.5rem;margin-top:1rem}body:not(.electron) .triggered-sound-save-btn,body:not(.electron) .triggered-sound-cancel-btn{flex:1;padding:.625rem 1rem;min-height:44px}body:not(.electron) .timer-schedule-past-row{flex-wrap:wrap;align-items:center!important}body:not(.electron) .timer-schedule-past-row label{font-size:.8rem;font-weight:400}body:not(.electron) .timer-schedule-past-checkbox{min-width:20px;min-height:20px}body:not(.electron) .timer-schedule-past-error{flex-basis:100%;margin-left:28px;margin-top:.25rem;display:block;font-size:.75rem!important}body:not(.electron) .timer-sounds-section{display:flex;flex-direction:column}body:not(.electron) .timer-triggered-sounds-list{order:0}body:not(.electron) .timer-user-audio-section{order:1}body:not(.electron) .timer-triggered-sounds-form{margin-bottom:.75rem}body:not(.electron) .timer-audio-library-row{order:3}body:not(.electron) .triggered-sound-item{display:flex;align-items:center;min-height:44px;padding:.5rem .75rem}body:not(.electron) .triggered-sound-bullet{display:flex;align-items:center;line-height:1}body:not(.electron) .triggered-sound-time,body:not(.electron) .triggered-sound-separator{display:flex;align-items:center;line-height:1}body:not(.electron) .triggered-sound-name{display:flex;align-items:center;line-height:1.4}body:not(.electron) .triggered-sound-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}body:not(.electron) .time-separator{display:flex;align-items:center;justify-content:center;margin-top:1.5rem;line-height:1}body:not(.electron) .timer-time-display-row{display:flex;align-items:center;gap:.5rem}body:not(.electron) .timer-header-actions{display:flex;align-items:center;justify-content:flex-end}body:not(.electron) .timer-header-actions button{display:flex;align-items:center;justify-content:center}body:not(.electron) .timer-collapsed-header{display:flex;align-items:center}body:not(.electron) .repeat-counter{display:flex;align-items:center;line-height:1}body:not(.electron) .timer-header-execution-mode{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}body:not(.electron) .execution-mode-label-prefix{order:1;white-space:nowrap}body:not(.electron) .execution-mode-select{order:2}body:not(.electron) .execution-mode-description{order:3;flex:1 1 auto}body:not(.electron) .delete-all-btn{order:4;flex-basis:100%;text-align:right;margin-top:.5rem;margin-left:0}body:not(.electron) .timer-controls-row{display:flex;align-items:center;gap:1rem}body:not(.electron) .timer-time-display{display:flex;align-items:center;line-height:1}body:not(.electron) .timer-play-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0}body:not(.electron) .triggered-sound-item{flex-wrap:wrap;align-items:flex-start;padding:.75rem;position:relative}body:not(.electron) .triggered-sound-bullet,body:not(.electron) .triggered-sound-time{order:1}body:not(.electron) .triggered-sound-separator{order:2;margin:0 .25rem}body:not(.electron) .triggered-sound-name{order:3;flex-basis:100%;margin-left:28px;margin-top:.25rem;padding-right:80px}body:not(.electron) .triggered-sound-actions{order:4;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}}@media(max-width:480px){body:not(.electron) .timer-open-audio-library-btn{font-size:.8rem;padding:.5rem .6rem}}.timer-tts-generator-section{margin:1rem 0}.timer-tts-toggle-btn{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;box-shadow:0 2px 8px #667eea4d}.timer-tts-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.timer-tts-toggle-btn:active{transform:translateY(0)}.tts-generator-container{margin-top:1rem}.tts-generator{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;animation:slideDown .3s ease;box-shadow:var(--shadow)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tts-header{margin-bottom:1.5rem}.tts-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.tts-subtitle{margin:0;font-size:.85rem;color:var(--text-secondary)}.tts-form{display:flex;flex-direction:column;gap:1rem}.tts-input-group{display:flex;flex-direction:column;gap:.5rem}.tts-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.tts-text-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem;background-color:var(--surface-color);color:var(--text-primary);transition:all .2s ease}.tts-text-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1264a31a}.tts-text-input:disabled{background-color:var(--background-secondary);cursor:not-allowed}.tts-char-count-wrapper{text-align:right}.tts-char-count{font-size:.8rem;color:var(--text-secondary)}.tts-char-count-over{color:var(--error-color);font-weight:600}.tts-voice-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem;background-color:var(--surface-color);color:var(--text-primary);transition:all .2s ease}.tts-voice-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1264a31a}.tts-voice-select:disabled{background-color:var(--background-secondary);cursor:not-allowed}.tts-actions{display:flex;gap:.75rem}.tts-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tts-btn:disabled{opacity:.5;cursor:not-allowed}.tts-btn-primary{background-color:var(--primary-color);color:var(--text-on-primary);box-shadow:var(--shadow)}.tts-btn-primary:hover:not(:disabled){background-color:var(--primary-color-dark);box-shadow:var(--shadow-lg)}.tts-btn-secondary{background-color:var(--surface-color);color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:var(--shadow)}.tts-btn-secondary:hover:not(:disabled){background-color:#1264a314;box-shadow:var(--shadow-lg)}.tts-btn:active:not(:disabled){transform:translateY(0)}.tts-btn-icon{font-size:1rem}.tts-status{min-height:1.5rem;padding:.5rem;border-radius:6px;font-size:.9rem;text-align:center;transition:all .3s ease}.tts-status-info{background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.tts-status-success{background-color:#00b87c1a;color:var(--secondary-color-dark);border:1px solid rgba(0,184,124,.2);animation:pulse .5s ease}.tts-status-error{background-color:#dc35451a;color:var(--error-color);border:1px solid rgba(220,53,69,.2)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.tts-progress-wrapper{margin-top:1rem}.tts-progress-bar{width:100%;height:8px;background-color:var(--background-secondary);border-radius:4px;overflow:hidden}.tts-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-color-light) 100%);transition:width .3s ease;border-radius:4px}.tts-progress-text{display:block;margin-top:.5rem;text-align:center;font-size:.85rem;color:var(--text-secondary)}.tts-info{margin-top:1rem;padding:.75rem;background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:6px}.tts-info-text{margin:0;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.5rem}.tts-info-icon{flex-shrink:0;font-size:1rem}@media(max-width:768px){.tts-generator{padding:1rem}.tts-actions{flex-direction:column}.tts-btn{width:100%}}.tts-drawer{margin-bottom:1rem}.tts-drawer-content{border:1px solid rgba(98,0,238,.1);border-radius:var(--border-radius);padding:.8rem 1rem;background-color:#00000005;transition:background-color .2s}.tts-drawer-header{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.tts-drawer-header h4{margin:0 0 .75rem;font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary)}.tts-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.tts-cache-actions{margin-bottom:1rem}.tts-clear-cache-btn{width:100%;font-size:.75rem;padding:.4rem .6rem;background-color:var(--surface-color);color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.tts-clear-cache-btn:hover{background-color:#1264a314;box-shadow:var(--shadow)}.tts-generate-btn{width:65%;padding:.75rem 1rem;font-size:.9rem;background-color:var(--surface-color);color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.tts-generate-btn:hover{background-color:#1264a314;box-shadow:var(--shadow)}.audio-library .audio-library-main-btn{width:220px;max-width:100%}.tts-list{min-height:50px;max-height:200px;overflow-y:auto;border-radius:calc(var(--border-radius) - 2px);background-color:#ffffffcf;margin-top:1rem}.tts-empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:1.5rem;font-size:.9rem}.tts-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid rgba(0,0,0,.05);gap:.5rem}.tts-item:last-child{border-bottom:none}.tts-content{flex:1;min-width:0}.tts-name{flex:1;font-size:.9rem;color:var(--text-primary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tts-meta{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tts-remove{background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:calc(var(--border-radius) / 2);font-size:1.1rem;line-height:1;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.tts-remove:hover{background-color:var(--error-color);color:#fff}.tts-remove svg{width:20px;height:20px}.audio-inline-play{background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:calc(var(--border-radius) / 2);font-size:1.1rem;line-height:1;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--text-secondary)}.audio-inline-play:hover{color:var(--primary-color);background-color:transparent}@media(max-width:768px){body:not(.electron) .tts-actions{flex-direction:row;gap:.5rem;align-items:stretch}body:not(.electron) .tts-generate-btn{flex:1.5}body:not(.electron) .tts-list{max-height:150px}}@media(max-width:480px){body:not(.electron) .audio-library-tabs{gap:.25rem}body:not(.electron) .audio-tab-btn{padding:.625rem .25rem;font-size:.75rem;min-width:0}}@media(prefers-color-scheme:dark){.tts-drawer-content{background-color:var(--surface-color)}.tts-item{border-bottom-color:#ffffff1a}}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1300;opacity:1;transition:opacity .2s ease}.auth-modal-content{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;transform:scale(1) translateY(0);transition:transform .2s ease;padding:1.5rem}.auth-modal-content.data-clerk-component{padding:0;background:transparent;box-shadow:none;width:auto;max-width:90%}.auth-modal-content.data-clerk-component .cl-rootBox{width:100%;max-width:480px;background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;overflow:hidden}.auth-modal-content.data-clerk-component .cl-card{box-shadow:none;border:none;background:transparent}.auth-modal-content.profile-panel-content{padding:0;background:transparent;box-shadow:none;width:auto;max-width:90%}.auth-modal-content.profile-panel-content .cl-userProfile-root{width:100%;max-width:880px;background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:0 8px 32px #0003;overflow:hidden}.auth-modal-content.profile-panel-content .cl-card{box-shadow:none;border:none;background:transparent}.auth-modal-body .cl-rootBox{width:auto;max-width:100%}.auth-modal-body .cl-card{box-shadow:none;border:none;background:transparent}@media(prefers-color-scheme:dark){.auth-modal-header{border-bottom-color:#ffffff1a}.auth-modal-close:hover{background-color:#ffffff1a}}.profile-panel-content{max-width:880px;max-height:90vh;overflow-y:auto}.profile-panel-content .auth-modal-body{padding:0}.profile-panel-content .cl-userProfile-root{width:100%}.profile-panel-content .cl-rootBox{width:100%;max-width:100%}.profile-panel-content .cl-card{box-shadow:none;border:none;background:transparent;border-radius:0}@media(max-width:768px){.profile-panel-content{max-width:95%;max-height:95vh}}