.sim-clock[data-v-50423a97]{position:fixed;left:12px;bottom:12px;z-index:1300;background:#0009;color:#fff;padding:6px 10px;border-radius:6px;font-weight:600;font-size:1.1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root{--home-padding: 20px;--home-padding-full-bleed: 12px}*{margin:0;padding:0;box-sizing:border-box}#app{display:flex;flex-direction:column;min-height:var(--app-height, 100vh);position:relative}.screen-debug{position:fixed;top:5px;left:5px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-family:var(--font-family-mono);font-size:12px;z-index:9999;font-weight:700;cursor:pointer;transition:all .2s ease}.screen-debug:hover{background:#000000f2;transform:scale(1.05)}.toast{position:fixed;bottom:20px;right:20px;padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500;z-index:10000;max-width:300px;box-shadow:0 4px 12px #00000026}.toast-success{background:#4caf50;color:#fff}.toast-error{background:#f44336;color:#fff}.toast-info{background:#2196f3;color:#fff}.toast-fade-enter-active,.toast-fade-leave-active{transition:all .3s ease}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translateY(10px)}.export-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001}.export-modal{background:var(--color-surface-raised);border-radius:8px;box-shadow:0 10px 40px #0000004d;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;border:1px solid var(--color-border)}.export-modal-header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.export-modal-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--color-hover-bg);color:var(--color-text)}.export-modal-content{flex:1;padding:16px 20px;overflow:auto}.export-textarea{width:100%;height:100%;min-height:300px;padding:12px;border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-family-mono);font-size:12px;background:var(--color-surface);color:var(--color-text);resize:vertical}.export-modal-actions{padding:16px 20px;border-top:1px solid var(--color-border);display:flex;gap:10px;justify-content:flex-end}.btn-copy{padding:8px 16px;background:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.btn-copy:hover{background:#1976d2}.btn-close{padding:8px 16px;background:var(--color-hover-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.btn-close:hover{background:var(--color-border)}.modal-fade-enter-active,.modal-fade-leave-active{transition:all .3s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .export-modal,.modal-fade-leave-to .export-modal{transform:scale(.95)}.ambient-debug{position:fixed;top:5px;right:5px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-family:var(--font-family-mono);font-size:12px;z-index:9999;font-weight:700}.navbar-trigger-zone{position:fixed;top:0;left:0;width:100px;height:100px;z-index:10000;cursor:pointer;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:0 0 20px;transition:background .2s ease;border:1px solid rgba(102,126,234,.1);box-shadow:inset 0 0 10px #667eea0d}.navbar-trigger-zone:hover{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea33;box-shadow:inset 0 0 15px #667eea1a,0 0 8px #667eea1a}@media(max-width:768px){.navbar-trigger-zone{width:120px;height:120px;z-index:10001}}.navbar{background:var(--color-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;transition:transform .3s ease,opacity .3s ease}.navbar-hidden{position:fixed;top:-100px;left:0;right:0;opacity:0;pointer-events:none}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:70px}.nav-logo{display:flex;align-items:center;gap:8px;font-size:1.5em;font-weight:700;color:var(--color-text);text-decoration:none;transition:transform .2s ease}.nav-logo:hover{transform:scale(1.05)}.logo-icon{font-size:1.2em}.nav-menu{display:flex;gap:30px}.nav-link{color:var(--color-text);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .3s ease;position:relative}.nav-link:hover{background:var(--color-hover-bg);transform:translateY(-2px)}.nav-link.router-link-active{background:var(--color-selected-bg);color:var(--color-text-strong, var(--color-text));font-weight:600;box-shadow:0 2px 8px #0000001a}.user-menu{display:flex;align-items:center;gap:15px;margin-left:auto}.user-email{color:var(--color-text);font-size:.9em;font-weight:500;opacity:.9}.logout-button,.mobile-logout-button{background:var(--color-hover-bg);border:1px solid var(--color-border);color:var(--color-text);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .3s ease}.logout-button:hover,.mobile-logout-button:hover{background:var(--color-active-bg);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.mobile-logout-button{width:100%;margin-top:10px;text-align:center}.mobile-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:4px}.mobile-toggle span{width:25px;height:3px;background:var(--color-text);margin:3px 0;transition:.3s;border-radius:2px}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-primary, linear-gradient(135deg, #667eea 0%, #764ba2 100%));flex-direction:column;padding:20px;box-shadow:0 4px 6px #0000001a;gap:15px}.mobile-nav-link{color:var(--color-text);text-decoration:none;font-weight:500;padding:12px 20px;border-radius:8px;transition:all .3s ease;text-align:center;display:block}.mobile-nav-link:hover,.mobile-nav-link.router-link-active{background:var(--color-hover-bg);transform:translate(5px)}.main-content{flex:1;max-width:1400px;margin:20px auto;padding:20px;width:100%;background:var(--color-surface-alpha, transparent);border-radius:20px;box-shadow:0 4px 20px #0000001a;overflow-y:auto;min-height:400px}.main-content.full-bleed{max-width:none;margin:0;padding:0;width:100vw;height:100dvh;height:calc(var(--app-height, 100vh) - var(--app-header-h, 0px) - var(--app-footer-h, 0px));min-height:100%;display:flex;flex-direction:column;flex:1 1 auto;border-radius:0;background:var(--color-surface-alpha, transparent);box-shadow:none;overflow:hidden}.app-footer{background:var(--color-surface, #2c3e50);color:var(--color-text, white);text-align:center;padding:20px;margin-top:auto;position:relative;z-index:10;flex-shrink:0}.app-footer.footer-hidden{display:none}.app-footer p{margin:0;font-size:.9em;opacity:.8}.dev-panel{margin-top:15px;padding:10px;background:#ffffff1a;border-radius:8px;text-align:left}.dev-panel summary{cursor:pointer;padding:5px;font-weight:700;opacity:.7;transition:opacity .2s ease}.dev-panel summary:hover{opacity:1}.env-details{padding:10px 0;display:flex;flex-direction:column;gap:8px}.env-section{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:#ffffff0d;border-radius:4px;font-size:.85em}.env-status{font-family:var(--font-family-mono);padding:2px 8px;border-radius:4px;background:#dc354533;color:#ff6b6b;font-weight:700}.env-status.active{background:#28a74533;color:#51cf66}.test-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.test-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8em;transition:all .2s ease}.test-button:hover:not(:disabled){background:#fff3;transform:translateY(-1px)}.test-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.nav-menu,.user-menu{display:none}.mobile-toggle,.mobile-menu{display:flex}.main-content:not(.full-bleed){margin:10px;padding:15px 15px 120px;border-radius:15px}.nav-container{padding:0 15px}.dev-panel{font-size:.9em}.env-section{flex-direction:column;align-items:flex-start;gap:5px}.app-footer{padding:15px}}@media(min-width:481px)and (max-width:1024px)and (-webkit-min-device-pixel-ratio:1){.main-content:not(.full-bleed){padding-bottom:200px;margin:15px;min-height:300px}.app-footer{margin-top:20px}}@media(min-width:600px)and (max-width:1280px)and (-webkit-min-device-pixel-ratio:1){.main-content:not(.full-bleed){padding-bottom:180px}}@media(max-width:480px){.mobile-menu{padding:15px;gap:10px}.main-content:not(.full-bleed){margin:5px;padding:10px 10px 100px;border-radius:10px}.nav-logo{font-size:1.3em}.app-footer{padding:10px;font-size:.85em}}@media screen and (min-width:800px)and (max-width:1280px)and (min-height:600px)and (max-height:800px){.main-content:not(.full-bleed){padding-bottom:60px;margin:10px}.screen-debug{background:#f00c;color:#fff}}@media screen and (min-width:1024px)and (max-width:1440px)and (min-height:600px)and (max-height:900px){.app{padding:0;margin:0;min-height:100dvh;min-height:var(--app-height, 100dvh);max-width:none}.main-content.full-bleed{position:fixed;inset:0!important;height:100vh!important;height:100dvh!important;width:100vw!important;max-width:none!important;padding:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important;z-index:1000;background:transparent!important}.main-content.full-bleed+.app-footer{display:none}}@media screen and (min-width:1024px)and (max-width:1366px)and (min-height:600px)and (max-height:768px){.main-content:not(.full-bleed){padding-bottom:40px}}:root{--admin-surface: var(--color-sub-panel, #f9f9f9);--admin-surface-raised: var(--color-sub-panel-raised, #f5f5f5);--admin-surface-muted: #f0f0f0;--admin-border: var(--color-border, #d1d5db);--admin-border-subtle: var(--color-border-subtle, #e5e7eb);--admin-radius: 8px;--admin-text-primary: var(--color-text, #1f2937);--admin-text-muted: var(--color-text-muted, #6b7280);--admin-handle: #4b5563;--admin-pill-bg: var(--color-panel, #eef2f7);--admin-pill-text: var(--admin-text-primary, #1f2937);--admin-pill-border: var(--admin-border, #dfe6ef);--admin-pill-handle: var(--admin-handle, #4b5563);--color-panel-bg: var(--color-panel, #eef2f7);--admin-primary: var(--color-primary, #667eea);--admin-accent: #3498db;--admin-accent-rgb: 52, 152, 219;--admin-success: var(--color-success, #0a7e3e);--admin-success-rgb: 39, 174, 96;--admin-success-dark: #219653;--admin-success-bg: var(--color-success-bg, #e8f4fd);--admin-danger: #e74c3c;--admin-danger-rgb: 231, 76, 60;--admin-btn-radius: 6px;--admin-btn-padding: .5rem .75rem;--admin-btn-text: #ffffff;--admin-muted-bg: #f9fafb;--admin-warning: #92400e;--admin-warning-bg: #fef3c7}body.theme-dark,[data-theme=dark]{--admin-surface: #1a1a1d;--admin-surface-raised: #232427;--admin-surface-muted: #15151a;--admin-border: rgba(255, 255, 255, .1);--admin-border-subtle: rgba(255, 255, 255, .05);--admin-text-primary: #f4f4f5;--admin-text-muted: #a1a1aa;--admin-handle: var(--admin-text-muted, #a1a1aa);--admin-pill-bg: var(--admin-surface, #15151a);--admin-pill-text: var(--admin-text-primary, #f4f4f5);--admin-pill-border: rgba(255, 255, 255, .06);--admin-pill-handle: var(--admin-handle, #a1a1aa);--admin-success: #22c55e;--admin-success-bg: #14532d;--admin-danger: #ef4444;--admin-danger-bg: #450a0a;--admin-warning: #fbbf24;--admin-warning-bg: #451a03;--admin-btn-text: #f4f4f5;--admin-muted-bg: #18181b}@media(forced-colors:active){:root{--admin-success: ButtonText !important;--admin-success-rgb: 0, 0, 0 !important;--admin-success-dark: ButtonText !important;--admin-success-bg: ButtonFace !important;--admin-danger: ButtonText !important;--admin-danger-bg: ButtonFace !important;--admin-accent: ButtonText !important;--admin-primary: ButtonText !important;--admin-btn-text: ButtonText !important}.add-small-button,.auto-save-badge,.status-message.success,.btn--secondary,.btn--icon,.header-actions,.header-actions *{background:ButtonFace!important;color:ButtonText!important;border-color:GrayText!important;box-shadow:none!important;forced-color-adjust:none!important}.add-small-button:hover,.btn--secondary:hover{background:Highlight!important;color:HighlightText!important}}:root{--color-bg: #ffffff;--color-surface: #f5f5f7;--color-surface-raised: #ffffff;--color-panel: #ffffff;--color-panel-raised: #fbfbfc;--generic-layout-bg: var(--color-surface);--color-sub-panel: #f8f9fa;--color-sub-panel-raised: #f1f3f5;--color-text: #1a1a1a;--color-text-muted: #666666;--color-text-disabled: #999999;--color-primary: #0066ff;--color-primary-hover: #0052cc;--color-primary-active: #0047b3;--color-accent: #ff6b00;--color-accent-hover: #e65c00;--color-success: #0a7e3e;--color-success-bg: #e6f7ed;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-info: #0284c7;--color-info-bg: #e0f2fe;--color-border: #d4d4d8;--color-border-strong: #a1a1aa;--color-border-subtle: #e5e5e7;--color-hover-bg: #f0f0f2;--color-active-bg: #e5e5e7;--color-selected-bg: #e6f0ff;--nav-icon-filter: none;--focus-ring: 0 0 0 3px rgba(0, 102, 255, .3);--focus-ring-danger: 0 0 0 3px rgba(220, 38, 38, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-loose: 1.75;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Courier New", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--color-radio-bg: #f0f2f4;--color-radio-border: rgba(0, 0, 0, .12);--color-radio-text: #111111;--color-radio-text-strong: #000000;--color-radio-text-subtle: rgba(0, 0, 0, .75);--color-radio-surface: rgba(0, 0, 0, .03);--clock-morning-start: #fff3b0;--clock-morning-end: #ffd86e;--clock-day-start: #fffacd;--clock-day-end: #ffd84d;--clock-evening-start: #ffe7c7;--clock-evening-end: #ffb57e;--clock-night-start: #1b1f3a;--clock-night-end: #0f1220;--analog-activity-bg: var(--color-panel);--analog-activity-border: var(--color-border-subtle);--analog-clock-color: var(--color-text);--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--analog-hour-hand-color: var(--color-accent);--analog-minute-hand-color: var(--color-primary);--analog-second-hand-color: var(--color-danger);--digital-clock-text-color: var(--color-text);--digital-clock-bg-color: var(--color-panel);--digital-clock-box-border: var(--color-border);--text-clock-text-color: var(--color-text);--simple-clock-bg-color: var(--color-panel);--simple-clock-text-color: var(--color-text);--simple-clock-text-color-inverse: var(--color-text-inverse, #ffffff);--reminder-card-bg: linear-gradient( 135deg, var(--color-surface) 0%, var(--color-surface-raised) 100% );--reminder-card-shadow: 0 8px 24px rgba(0, 0, 0, .12);--reminder-card-text-color: var(--color-text);--reminder-card-subtext-color: var(--color-text-muted);--reminder-card-border: var(--color-border);--reminder-card-border-strong: var(--color-border-strong);--reminder-card-icon-muted: rgba(0, 0, 0, .25);--reminder-card-overlay: radial-gradient(circle, rgba(0, 0, 0, .02) 0%, transparent 70%);--reminder-card-phase-warmup-bg: linear-gradient(135deg, #fde4f7 0%, #ffd4e5 100%);--reminder-card-phase-active-bg: linear-gradient(135deg, #dbeafe 0%, #e0f2fe 100%);--reminder-card-phase-past-bg: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);--reminder-card-phase-warmup-border: var(--color-success);--reminder-card-phase-active-border: var(--color-primary);--reminder-card-phase-past-border: var(--color-border-subtle);--reminder-card-tag-bg: rgba(0, 0, 0, .06);--reminder-card-tag-text: var(--color-text);--reminder-card-badge-bg: rgba(0, 0, 0, .08);--reminder-card-badge-border: rgba(0, 0, 0, .15);--reminder-card-badge-text: var(--color-text);--reminder-card-progress-bg: rgba(0, 0, 0, .1);--reminder-card-progress-fill: var(--color-text);--reminder-card-action-secondary-bg: rgba(0, 0, 0, .06);--reminder-card-action-secondary-border: rgba(0, 0, 0, .12);--reminder-card-action-secondary-hover: rgba(0, 0, 0, .1);--reminder-card-action-secondary-text: var(--color-text);--reminder-card-action-primary-bg: var(--color-primary);--reminder-card-action-primary-hover: var(--color-primary-hover);--reminder-card-action-primary-outline: rgba(59, 130, 246, .3);--reminder-card-action-primary-text: white}body.theme-dark,[data-theme=dark]{--color-bg: #0a0a0f;--color-surface: #18181b;--color-surface-raised: #27272a;--color-panel: #15151a;--color-panel-raised: #202027;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--generic-layout-bg: var(--color-surface);--color-sub-panel: #16161a;--color-sub-panel-raised: #1b1b1f;--color-text: #f4f4f5;--color-text-muted: #a1a1aa;--color-text-disabled: #71717a;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-active: #2563eb;--color-accent: #fb923c;--color-accent-hover: #fdba74;--color-success: #22c55e;--color-success-bg: #14532d;--color-warning: #f59e0b;--color-warning-bg: #451a03;--color-danger: #ef4444;--color-danger-bg: #450a0a;--color-info: #38bdf8;--color-info-bg: #082f49;--color-border: #3f3f46;--color-border-strong: #52525b;--color-border-subtle: #27272a;--color-hover-bg: #27272a;--color-active-bg: #3f3f46;--color-selected-bg: #1e3a5f;--reminder-card-bg: linear-gradient( 135deg, var(--color-surface) 0%, var(--color-surface-raised) 100% );--reminder-card-shadow: 0 10px 30px rgba(0, 0, 0, .35);--reminder-card-text-color: var(--color-text);--reminder-card-subtext-color: var(--color-text-muted);--reminder-card-border: rgba(255, 255, 255, .1);--reminder-card-border-strong: rgba(255, 255, 255, .2);--reminder-card-phase-warmup-bg: linear-gradient( 135deg, rgba(56, 161, 105, .15) 0%, rgba(56, 161, 105, .5) 100% );--reminder-card-phase-active-bg: linear-gradient( 135deg, rgba(59, 130, 246, .25) 0%, rgba(59, 130, 246, .55) 100% );--reminder-card-phase-past-bg: linear-gradient( 135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 100% );--reminder-card-phase-warmup-border: var(--color-success);--reminder-card-phase-active-border: var(--color-primary);--reminder-card-phase-past-border: rgba(255, 255, 255, .4);--reminder-card-tag-bg: rgba(255, 255, 255, .08);--reminder-card-tag-text: var(--color-text);--reminder-card-badge-bg: rgba(255, 255, 255, .08);--reminder-card-badge-border: rgba(255, 255, 255, .2);--reminder-card-badge-text: var(--color-text);--reminder-card-progress-bg: rgba(255, 255, 255, .08);--reminder-card-progress-fill: var(--color-text);--reminder-card-icon-muted: rgba(255, 255, 255, .35);--reminder-card-overlay: radial-gradient(circle, rgba(255, 255, 255, .04) 0%, transparent 70%);--nav-icon-filter: invert(1) brightness(1.6) saturate(1.1);--focus-ring: 0 0 0 3px rgba(59, 130, 246, .4);--focus-ring-danger: 0 0 0 3px rgba(239, 68, 68, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .7);--color-radio-bg: #0d0d10;--color-radio-border: rgba(255, 255, 255, .12);--color-radio-text: var(--color-text);--color-radio-text-strong: #ffffff;--color-radio-text-subtle: rgba(244, 244, 245, .85);--color-radio-surface: rgba(255, 255, 255, .03)}@media(forced-colors:active){:root{--color-primary: ButtonText !important;--color-primary-hover: ButtonText !important;--color-accent: ButtonText !important;--color-success: ButtonText !important;--color-success-bg: ButtonFace !important;--color-warning: ButtonText !important;--color-danger: ButtonText !important;--color-info: ButtonText !important;--color-selected-bg: ButtonFace !important;--color-panel: ButtonFace !important;--color-surface: ButtonFace !important}.property-section,.presets-list,.preset-item,.preset-item.active,.alpha-explanation,.reminder-editor .header-actions,.reminder-editor .header-actions *{background:ButtonFace!important;color:ButtonText!important;border-color:GrayText!important;box-shadow:none!important;forced-color-adjust:none!important}}html,body{height:100%;margin:0;padding:0;overflow-x:hidden;background-color:var(--color-bg)}body{background-color:var(--color-bg);color:var(--color-text);min-height:100%;min-height:var(--app-height, 100vh)}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-bg{background-color:transparent;color:var(--color-text);min-height:var(--app-height, 100vh);transition:background-color var(--transition-base),color var(--transition-base)}.surface{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md)}.surface-raised{background:var(--color-surface-raised);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:hover:not(:disabled){background:var(--color-hover-bg);border-color:var(--color-border-strong);transform:translateY(-1px)}.btn:active:not(:disabled){background:var(--color-active-bg);transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--admin-btn-text, white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-ghost{background:transparent;border:1px dashed var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-hover-bg);border-style:solid}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.input,.select,.textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}select,select option,select optgroup,select optgroup option,.select,.lang-select,.theme-select{color:var(--color-text)!important;background:var(--color-panel)!important}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-surface);color:var(--color-text-disabled);cursor:not-allowed;opacity:.6}.textarea{resize:vertical;min-height:100px}.checkbox,.radio{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.label-required:after{content:" *";color:var(--color-danger)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:1}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--spacing-md)}.alert-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}.alert-info{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info)}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}button:focus-visible,a:focus-visible{box-shadow:var(--focus-ring)}.text-muted{color:var(--color-text-muted)}.text-disabled{color:var(--color-text-disabled)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-bold{font-weight:var(--font-weight-bold)}.border{border:1px solid var(--color-border)}.border-strong{border:1px solid var(--color-border-strong)}.border-subtle{border:1px solid var(--color-border-subtle)}.border-top{border-top:1px solid var(--color-border)}.border-bottom{border-bottom:1px solid var(--color-border)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.center{display:flex;align-items:center;justify-content:center}body.theme-ocean,[data-theme=ocean]{--color-bg: #e3f2fd;--color-surface: #eaf9fc;--color-surface-raised: #e0f4f7;--color-panel: #f6feff;--generic-layout-bg: var(--color-surface);--color-panel-raised: #eaf9fc;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--color-sub-panel: #f1fbfc;--color-sub-panel-raised: #e6f7f8;--color-text: #0d47a1;--color-text-muted: #1565c0;--color-text-disabled: #90caf9;--color-primary: #00bcd4;--color-primary-hover: #00acc1;--color-primary-active: #0097a7;--color-accent: #ff6f61;--color-accent-hover: #ff5748;--color-success: #26a69a;--color-success-bg: #e0f2f1;--color-warning: #ffa726;--color-warning-bg: #fff3e0;--color-danger: #ef5350;--color-danger-bg: #ffebee;--color-info: #29b6f6;--color-info-bg: #e1f5fe;--color-border: #b3e5fc;--color-border-strong: #81d4fa;--color-border-subtle: #e1f5fe;--color-hover-bg: #e1f5fe;--color-active-bg: #b3e5fc;--color-selected-bg: #b2ebf2;--color-radio-bg: #dff6f9;--color-radio-border: rgba(0, 0, 0, .1)}body.theme-forest,[data-theme=forest]{--color-bg: #f1f8e9;--color-surface: #edf7ec;--color-surface-raised: #e6f3df;--color-panel: #f7fbf6;--generic-layout-bg: var(--color-surface);--color-panel-raised: #eef7ea;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--color-sub-panel: #f3fbf0;--color-sub-panel-raised: #eef6e7;--color-text: #1b5e20;--color-text-muted: #388e3c;--color-text-disabled: #a5d6a7;--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-active: #047857;--color-accent: #fbbf24;--color-accent-hover: #f59e0b;--color-success: #4caf50;--color-success-bg: #e8f5e9;--color-warning: #ff9800;--color-warning-bg: #fff3e0;--color-danger: #d32f2f;--color-danger-bg: #ffebee;--color-info: #66bb6a;--color-info-bg: #f1f8e9;--color-border: #c5e1a5;--color-border-strong: #9ccc65;--color-border-subtle: #e8f5e9;--color-hover-bg: #e8f5e9;--color-active-bg: #c5e1a5;--color-selected-bg: #dcedc8;--color-radio-bg: #e6f9ea;--color-radio-border: rgba(0, 0, 0, .1)}body.theme-sand,[data-theme=sand]{--color-bg: #fdf5e6;--color-surface: #f9f1e0;--color-surface-raised: #f3e9d2;--color-panel: #fffbf2;--generic-layout-bg: var(--color-surface);--color-panel-raised: #f7efe0;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--color-sub-panel: #faf4e8;--color-sub-panel-raised: #f1e6cf;--color-text: #4e342e;--color-text-muted: #6d4c41;--color-text-disabled: #bcaaa4;--color-primary: #8d6e63;--color-primary-hover: #795548;--color-primary-active: #5d4037;--color-accent: #bf360c;--color-accent-hover: #a22a06;--color-success: #8d6e63;--color-success-bg: #f5f5dc;--color-warning: #d2691e;--color-warning-bg: #fff8dc;--color-danger: #a0522d;--color-danger-bg: #ffe4e1;--color-info: #8b4513;--color-info-bg: #f0f8ff;--color-hover-bg: #f5f5dc;--color-active-bg: #ede0d4;--color-selected-bg: #deb887;--color-border: #d7ccc8;--color-border-strong: #a1887f;--color-border-subtle: #efebe9;--color-radio-bg: #f5edd7;--color-radio-border: rgba(0, 0, 0, .1)}body.theme-salvia,[data-theme=salvia]{--color-bg: #f0f4f0;--color-surface: #e8eee8;--color-surface-raised: #dee7de;--color-panel: #f7faf7;--generic-layout-bg: var(--color-surface);--color-panel-raised: #e3ebe3;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--color-sub-panel: #ecf1ec;--color-sub-panel-raised: #dfe7df;--color-text: #2d3e2d;--color-text-muted: #4a5d4a;--color-text-disabled: #a8b5a8;--color-primary: #6b8e6b;--color-primary-hover: #5d7a5d;--color-primary-active: #4a634a;--color-accent: #7e57c2;--color-accent-hover: #673ab7;--color-success: #6b8e6b;--color-success-bg: #f1f8e9;--color-warning: #9acd32;--color-warning-bg: #fffacd;--color-danger: #cd5c5c;--color-danger-bg: #ffe4e1;--color-info: #5f9ea0;--color-info-bg: #e0f2fe;--color-hover-bg: #f0f4f0;--color-active-bg: #e8eee8;--color-selected-bg: #c1d4c1;--color-border: #cad5ca;--color-border-strong: #a7b7a7;--color-border-subtle: #e0e7e0;--color-radio-bg: #e4ebe4;--color-radio-border: rgba(0, 0, 0, .1)}body.theme-high-contrast,[data-theme=high-contrast]{--color-bg: #000000;--color-surface: #000000;--color-surface-raised: #0b0b0b;--color-panel: #000000;--generic-layout-bg: var(--color-surface);--color-panel-raised: #0b0b0b;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--color-sub-panel: #000000;--color-sub-panel-raised: #070707;--color-text: #ffffff;--color-text-muted: #ffffff;--color-text-disabled: #bfbfbf;--color-primary: #00d4ff;--color-primary-hover: #00b8e6;--color-primary-active: #009acc;--color-accent: #ffff00;--color-accent-hover: #ffeb3b;--color-success: #00ff00;--color-success-bg: #003300;--color-warning: #ffaa00;--color-warning-bg: #331f00;--color-danger: #ff0000;--color-danger-bg: #330000;--color-info: #00ccff;--color-info-bg: #003333;--color-border: #ffffff;--color-border-strong: #ffffff;--color-border-subtle: #bfbfbf;--color-hover-bg: #1a1a1a;--color-active-bg: #2a2a2a;--color-selected-bg: #ffffff;--color-radio-bg: #000000;--color-radio-border: #ffffff;--color-radio-text: #ffffff;--color-radio-text-strong: #ffffff;--color-radio-text-subtle: #e6e6e6;--color-radio-surface: #000000;filter:contrast(1.2);--reminder-card-bg: linear-gradient(135deg, #05050a 0%, #0a0a1a 60%, #143054 100%);--reminder-card-shadow: 0 12px 32px rgba(255, 255, 255, .25);--reminder-card-text-color: #ffffff;--reminder-card-subtext-color: #f0f0f0;--reminder-card-border: rgba(255, 255, 255, .9);--reminder-card-border-strong: rgba(255, 255, 255, 1);--reminder-card-border-highlight: 1px solid rgba(255, 255, 255, .45);--reminder-card-border-width: 1px;--reminder-card-phase-warmup-bg: linear-gradient( 135deg, rgba(0, 136, 82, .25) 0%, rgba(0, 136, 82, .05) 100% );--reminder-card-phase-active-bg: linear-gradient( 135deg, rgba(3, 169, 244, .3) 0%, rgba(3, 169, 244, .08) 100% );--reminder-card-phase-past-bg: linear-gradient( 135deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .02) 100% );--reminder-card-phase-warmup-border: var(--color-success);--reminder-card-phase-active-border: var(--color-primary);--reminder-card-phase-past-border: rgba(255, 255, 255, .6);--reminder-card-tag-bg: rgba(255, 255, 255, .12);--reminder-card-tag-text: #ffffff;--reminder-card-badge-bg: rgba(255, 255, 255, .12);--reminder-card-badge-border: rgba(255, 255, 255, .4);--reminder-card-badge-text: #ffffff;--reminder-card-progress-bg: rgba(255, 255, 255, .24);--reminder-card-progress-fill: #ffffff;--reminder-card-icon-muted: rgba(255, 255, 255, .5);--reminder-card-overlay: radial-gradient(circle, rgba(255, 255, 255, .15) 0%, transparent 70%);--nav-icon-filter: invert(1) brightness(1.6) saturate(1.1)}body.theme-high-contrast .reminder-card-simple,body.theme-high-contrast .reminder-card-standard,body.theme-high-contrast .reminder-card-essential,body.theme-high-contrast .reminder-card-detailed{border:var(--reminder-card-border-highlight)}body.theme-high-contrast-light,[data-theme=high-contrast-light]{--color-bg: #ffffff;--color-surface: #f5f5f5;--color-surface-raised: #eeeeee;--color-panel: #ffffff;--generic-layout-bg: var(--color-surface);--color-panel-raised: #f7f7f7;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--color-sub-panel: #fbfbfb;--color-sub-panel-raised: #f3f3f3;--color-text: #000000;--color-text-muted: #333333;--color-text-disabled: #808080;--color-primary: #0033cc;--color-primary-hover: #0028a3;--color-primary-active: #001f7a;--color-accent: #cc6600;--color-accent-hover: #994d00;--color-success: #006600;--color-success-bg: #e6ffe6;--color-warning: #cc6600;--color-warning-bg: #fff5e6;--color-danger: #cc0000;--color-danger-bg: #ffe6e6;--color-info: #0066cc;--color-info-bg: #e6f2ff;--color-border: #666666;--color-border-strong: #333333;--color-border-subtle: #cccccc;--color-hover-bg: #eeeeee;--color-active-bg: #dddddd;--color-selected-bg: #cce5ff;--color-radio-bg: #f7f7f7;--color-radio-border: #333333;--color-radio-text: #000000;--color-radio-text-strong: #000000;--color-radio-text-subtle: #333333;--color-radio-surface: #f7f7f7;filter:contrast(1.15);--reminder-card-bg: linear-gradient(135deg, #ffffff 0%, #f4f6fb 60%, #dbe9ff 100%);--reminder-card-shadow: 0 12px 30px rgba(0, 0, 0, .25);--reminder-card-text-color: #000000;--reminder-card-subtext-color: #333333;--reminder-card-border: #111111;--reminder-card-border-strong: #0f172a;--reminder-card-phase-warmup-bg: linear-gradient( 135deg, rgba(16, 185, 129, .22) 0%, rgba(16, 185, 129, .05) 100% );--reminder-card-phase-active-bg: linear-gradient( 135deg, rgba(14, 165, 233, .3) 0%, rgba(14, 165, 233, .1) 100% );--reminder-card-phase-past-bg: linear-gradient( 135deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .01) 100% );--reminder-card-phase-warmup-border: var(--color-success);--reminder-card-phase-active-border: var(--color-primary);--reminder-card-phase-past-border: rgba(0, 0, 0, .3);--reminder-card-tag-bg: rgba(14, 165, 233, .12);--reminder-card-tag-text: #012a4a;--reminder-card-badge-bg: rgba(16, 185, 129, .2);--reminder-card-badge-border: rgba(16, 185, 129, .45);--reminder-card-badge-text: #004b35;--reminder-card-progress-bg: rgba(14, 165, 233, .2);--reminder-card-progress-fill: #0f172a;--reminder-card-icon-muted: rgba(15, 23, 42, .5);--reminder-card-overlay: radial-gradient(circle, rgba(14, 165, 233, .15) 0%, transparent 70%)}html:not([data-theme=circadian])[data-theme-is-night=true],body:not([data-theme=circadian])[data-theme-is-night=true]{--color-bg: #000000;--color-text: #f4f4f5;--color-text-muted: #a1a1aa;--color-panel: #15151a;--color-panel-raised: #202027;--color-sub-panel: #16161a;--color-sub-panel-raised: #1b1b1f;--color-radio-bg: #0d0d10;--color-radio-border: rgba(255, 255, 255, .12);--color-radio-text: var(--color-text);--color-radio-text-strong: #ffffff;--color-radio-text-subtle: rgba(244, 244, 245, .85);--color-radio-surface: rgba(255, 255, 255, .03)}html:not([data-theme=circadian])[data-theme-is-night=true],body:not([data-theme=circadian])[data-theme-is-night=true]{background-color:#000!important;color:#f4f4f5!important;background-image:none!important;--color-panel: #15151a !important;--color-panel-raised: #202027 !important;--color-sub-panel: #16161a !important;--color-sub-panel-raised: #1b1b1f !important;--color-surface: #18181b !important;--color-surface-raised: #27272a !important;--generic-layout-bg: var(--color-surface) !important;--color-radio-bg: #0d0d10 !important;--color-radio-border: rgba(255, 255, 255, .12) !important;--color-radio-text: var(--color-text) !important;--color-radio-text-strong: #ffffff !important;--color-radio-text-subtle: rgba(244, 244, 245, .85) !important;--color-radio-surface: rgba(255, 255, 255, .03) !important}html:not([data-theme=circadian])[data-theme-is-night=true] .app-bg,body:not([data-theme=circadian])[data-theme-is-night=true] .app-bg,html:not([data-theme=circadian])[data-theme-is-night=true] .main-content,body:not([data-theme=circadian])[data-theme-is-night=true] .main-content,html:not([data-theme=circadian])[data-theme-is-night=true] .main-content.full-bleed,body:not([data-theme=circadian])[data-theme-is-night=true] .main-content.full-bleed{background-color:transparent!important;background-image:none!important;box-shadow:none!important}html:not([data-theme=circadian])[data-theme-is-night=true] .generic-layout,body:not([data-theme=circadian])[data-theme-is-night=true] .generic-layout{background-color:transparent!important;background-image:none!important}body.theme-circadian-dawn,[data-theme=circadian-dawn]{--color-bg: #fef4f6;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-panel: #fffaf8;--generic-layout-bg: transparent;--color-panel-raised: #fff1f2;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--color-sub-panel: #fff6f4;--color-sub-panel-raised: #fff0ee;--color-text: #4a2c2a;--color-text-muted: #8b5a5a;--color-text-disabled: #c9a7a7;--color-primary: #ff8a80;--color-primary-hover: #ff6e6e;--color-primary-active: #ff5252;--color-accent: #ffd54f;--color-accent-hover: #ffca28;--color-success: #81c784;--color-success-bg: #f1f8e9;--color-warning: #ffb74d;--color-warning-bg: #fff8e1;--color-danger: #e57373;--color-danger-bg: #ffebee;--color-info: #ffab91;--color-info-bg: #fbe9e7;--color-border: #ffccbc;--color-border-strong: #ff8a80;--color-border-subtle: #ffe4e1;--color-hover-bg: #ffebee;--color-active-bg: #ffccbc;--color-selected-bg: #ffe4e1;--color-radio-bg: #fff4f2;--color-radio-border: rgba(0, 0, 0, .1)}body.theme-circadian-day,[data-theme=circadian-day]{--color-bg: #f0f8ff;--color-surface: #f5f5f7;--color-surface-raised: #ffffff;--color-panel: #ffffff;--generic-layout-bg: transparent;--color-panel-raised: #fbfbfc;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--color-sub-panel: #f9fbfc;--color-sub-panel-raised: #f3f7f8;--color-text: #1a1a1a;--color-text-muted: #666666;--color-text-disabled: #999999;--color-primary: #0066ff;--color-primary-hover: #0052cc;--color-primary-active: #0047b3;--color-accent: #ff6b00;--color-accent-hover: #e65c00;--color-success: #0a7e3e;--color-success-bg: #e6f7ed;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-info: #0284c7;--color-info-bg: #e0f2fe;--color-border: #d4d4d8;--color-border-strong: #a1a1aa;--color-border-subtle: #e5e5e7;--color-hover-bg: #f0f0f2;--color-active-bg: #e5e5e7;--color-selected-bg: #e6f0ff;--color-radio-bg: #f4f6f7;--color-radio-border: rgba(0, 0, 0, .12)}body.theme-circadian-evening,[data-theme=circadian-evening]{--color-bg: #fff0ea;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-panel: #fffdfb;--generic-layout-bg: transparent;--color-panel-raised: #fff6f0;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--color-sub-panel: #fffaf8;--color-sub-panel-raised: #fff6f3;--color-text: #3e2723;--color-text-muted: #5d4037;--color-text-disabled: #a1887f;--color-primary: #d97706;--color-primary-hover: #b45309;--color-primary-active: #92400e;--color-accent: #f59e0b;--color-accent-hover: #d97706;--color-success: #059669;--color-success-bg: #f0fdf4;--color-warning: #ea580c;--color-warning-bg: #fff7ed;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-info: #f97316;--color-info-bg: #fff7ed;--color-border: #e7e5e4;--color-border-strong: #d6d3d1;--color-border-subtle: #f5f5f4;--color-hover-bg: #fef2f2;--color-active-bg: #fed7aa;--color-selected-bg: #ffedd5;--color-radio-bg: #fff7f3;--color-radio-border: rgba(0, 0, 0, .1)}body.theme-circadian-night,[data-theme=circadian-night]{--color-bg: #0a0a1a;--color-surface: #15152a;--color-surface-raised: #1f1f3a;--color-panel: #121224;--generic-layout-bg: transparent;--color-panel-raised: #1b1b2b;--analog-clock-bg: var(--color-panel-raised, var(--color-panel));--color-sub-panel: #10101a;--color-sub-panel-raised: #171725;--color-text: #f5e6d3;--color-text-muted: #c9b8a0;--color-text-disabled: #8a7a6a;--color-primary: #fbbf24;--color-primary-hover: #f59e0b;--color-primary-active: #d97706;--color-accent: #fb923c;--color-accent-hover: #f97316;--color-success: #84cc16;--color-success-bg: #1a2e05;--color-warning: #f59e0b;--color-warning-bg: #2e1a05;--color-danger: #f87171;--color-danger-bg: #2e0a0a;--color-info: #fbbf24;--color-info-bg: #2e2205;--color-border: #3a3a4a;--color-border-strong: #4a4a5a;--color-border-subtle: #25253a;--color-hover-bg: #1f1f3a;--color-active-bg: #2a2a4a;--color-selected-bg: #3a2f1a;--color-radio-bg: #0f1119;--color-radio-border: rgba(255, 255, 255, .12);filter:brightness(.95) sepia(.1);--digital-clock-text-color: #ffffff;--digital-clock-bg-color: var(--color-panel);--digital-clock-box-border: rgba(255, 255, 255, .12)}.high-contrast{filter:contrast(1.1) saturate(1.05)}body.high-contrast-mode{--color-border: #999999;--color-border-strong: #666666;filter:contrast(1.15)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#header-section,#left-section,#center-section,#right-section,#footer-section{background:transparent;color:inherit}#footer-section{padding-bottom:2rem}.action-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:none;color:var(--color-danger);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.btn--primary{background:var(--color-primary);color:var(--admin-btn-text, white);border-color:var(--color-primary)}.btn--compact{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn--secondary{background:var(--admin-surface, #f3f4f6);color:var(--admin-text-primary, #333);border-color:var(--admin-border, #d1d5db)}.btn--secondary:hover{background:var(--admin-surface-raised, #e5e7eb)}.btn--danger{background:var(--admin-danger, var(--color-danger, #e74c3c));color:#fff;border-color:var(--admin-danger, var(--color-danger, #e74c3c))}.btn--danger:hover{background:var(--admin-danger-dark, #c0392b)}.btn--icon{padding:var(--spacing-xs);min-width:auto;aspect-ratio:1}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border-radius:6px;border:1px solid var(--color-border)}.input--text{background:var(--color-panel);color:var(--color-text)}.input--select{background:var(--color-panel)}.input--range{background:transparent}.input--color{display:inline-block;width:auto;padding:0}.input--inline{display:inline-block;width:auto}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--admin-text-primary, var(--color-text));margin-bottom:var(--spacing-xs)}.form-label--toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.status-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.status-message.success{background:var(--admin-success-bg, #d1fae5);color:var(--admin-success, #065f46);border-left:3px solid var(--admin-success, #065f46)}.status-message.error{background:var(--admin-danger-bg, #fee2e2);color:var(--admin-danger, #991b1b);border-left:3px solid var(--admin-danger, #991b1b)}.status-message.warning{background:var(--admin-warning-bg, #fef3c7);color:var(--admin-warning, #92400e);border-left:3px solid var(--admin-warning, #92400e)}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--admin-text-muted, #6c757d);font-size:var(--font-size-sm)}.help-text{font-size:var(--font-size-sm);color:var(--admin-text-muted, #6c757d);margin-top:var(--spacing-xs)}.text-input,.size-text-input,.number-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border-radius:6px;border:1px solid var(--color-border);background:var(--color-panel);color:var(--color-text)}.select-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border-radius:6px;border:1px solid var(--color-border);background:var(--color-panel)}.range-input,.range-slider,.slider-with-value{width:100%;background:transparent}.color-swatch,.color-text-input{display:inline-block;width:auto;padding:0}.order-btn,.order-btn-compact{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.add-line-btn{background:var(--color-primary);color:var(--admin-btn-text, white);border-color:var(--color-primary)}.slider{width:100%;background:transparent}.warn{color:var(--admin-warning, #92400e)}.hint,.hint-text,.note{font-size:var(--font-size-sm);color:var(--admin-text-muted, #6c757d);margin-top:var(--spacing-xs)}.form-field{margin-bottom:var(--spacing-md)}.setting-label,.radio-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--admin-text-primary, var(--color-text));margin-bottom:var(--spacing-xs)}.save-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.template-input,.inline-input,.interval-input,.threshold-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border-radius:6px;border:1px solid var(--color-border);background:var(--color-panel);color:var(--color-text)}.toggle-btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.generic-layout[data-v-1935fd6c]{--layout-gap: 12px;--layout-padding: 8px;--section-padding: 8px;width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;background-color:var(--generic-layout-bg, var(--color-surface));overflow:hidden}.immersive{--layout-gap: 4px;--layout-padding: 0px;--section-padding: 2px}.layout-row[data-v-1935fd6c]{padding:var(--layout-padding);box-sizing:border-box}.header-row[data-v-1935fd6c]{min-height:50px;display:flex;align-items:center;justify-content:center}.main-row[data-v-1935fd6c]{flex:1 1 auto;display:flex;gap:var(--layout-gap);padding-left:var(--layout-gap);padding-right:var(--layout-gap);min-height:0}.main-row .section[data-v-1935fd6c]{background:transparent;padding:var(--section-padding);min-height:60px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;flex:1}.main-row .section[data-v-1935fd6c]>:only-child{margin-top:auto;margin-bottom:auto}.main-row .left[data-v-1935fd6c],.main-row .right[data-v-1935fd6c]{flex:1}.main-row .center[data-v-1935fd6c]{flex:2}.footer-row[data-v-1935fd6c]{min-height:40px;display:flex;align-items:center;justify-content:center}.dev-outline .section[data-v-1935fd6c]{outline:2px dashed rgba(255,0,0,.45);box-shadow:inset 0 0 0 1px #ff000008}.dev-outline #left-section[data-v-1935fd6c]{background:#ff000005}.dev-outline #right-section[data-v-1935fd6c]{background:#0078ff05}.dev-outline #center-section[data-v-1935fd6c]{background:#00c87805}