html{width:100%;height:100%}body{margin:0;width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden}#root{width:100%;min-height:100vh;min-height:100dvh}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";-webkit-user-select:none;user-select:none}.material-icons-xs{font-size:14px}.material-icons-small{font-size:18px}.material-icons-medium{font-size:24px}.material-icons-large{font-size:36px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-lg)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-2xl);text-align:center;max-width:400px;width:100%;box-shadow:var(--shadow-page)}.login-app-icon{width:80px;height:80px;margin-bottom:var(--spacing-lg);object-fit:contain;background:#fff;border-radius:16px;padding:12px}.login-card h1{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-3xl);font-weight:var(--font-weight-light)}.login-card p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:var(--font-size-base)}.login-error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#e74c3c1a;color:#e74c3c;border-radius:4px;margin:var(--spacing-md) 0;font-size:var(--font-size-sm);max-width:400px;text-align:left}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast)}.google-signin-btn:hover{background:var(--color-hover)}.google-icon{width:20px;height:20px}.base-bottom-sheet-overlay{position:fixed;inset:0;background:#0006;z-index:1000;animation:fadeIn .2s ease}.base-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-radius:16px 16px 0 0;z-index:1001;display:flex;flex-direction:column;animation:slideUp .3s ease;max-height:80vh;overflow:hidden}.base-bottom-sheet-handle-area{padding:var(--spacing-sm) 0;cursor:grab;display:flex;justify-content:center;flex-shrink:0}.base-bottom-sheet-handle-area:active{cursor:grabbing}.base-bottom-sheet-handle{width:40px;height:4px;background:var(--color-border);border-radius:2px}.base-bottom-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-md) var(--spacing-sm);flex-shrink:0}.base-bottom-sheet-title-area{display:flex;align-items:center;gap:var(--spacing-sm)}.base-bottom-sheet-title-icon{color:var(--color-text-secondary)}.base-bottom-sheet-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.base-bottom-sheet-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.base-bottom-sheet-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-hover);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.base-bottom-sheet-close:hover{background:var(--color-selected);color:var(--color-text-primary)}.base-bottom-sheet-close:active{transform:scale(.95)}.base-bottom-sheet-content{flex:1;overflow-y:auto;padding:0 var(--spacing-md) var(--spacing-lg);-webkit-overflow-scrolling:touch}@supports (padding-bottom: env(safe-area-inset-bottom)){.base-bottom-sheet-content{padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom))}}.action-bottom-sheet .base-bottom-sheet-content{padding:0}.action-sheet-header{padding:var(--spacing-md);text-align:center;border-bottom:1px solid var(--color-border)}.action-sheet-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.action-sheet-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.4}.action-sheet-actions{display:flex;flex-direction:column}.action-sheet-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);transition:background var(--transition-fast);border-bottom:1px solid var(--color-border)}.action-sheet-button:last-child{border-bottom:none}.action-sheet-button:hover:not(:disabled){background:var(--color-hover)}.action-sheet-button:active:not(:disabled){background:var(--color-selected)}.action-sheet-button:disabled{opacity:.5;cursor:not-allowed}.action-sheet-button.destructive{color:var(--color-error)}.action-sheet-cancel-area{margin-top:var(--spacing-sm);padding:0 var(--spacing-md);padding-bottom:var(--spacing-md)}.action-sheet-cancel{width:100%;padding:var(--spacing-md);border:none;border-radius:var(--radius-lg);background:var(--color-hover);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);transition:background var(--transition-fast)}.action-sheet-cancel:hover{background:var(--color-selected)}.action-sheet-cancel:active{background:var(--color-border)}@supports (padding-bottom: env(safe-area-inset-bottom)){.action-sheet-cancel-area{padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom))}}.sidebar-overlay{position:fixed;inset:0;background:#0006;z-index:var(--z-index-overlay);animation:fadeIn var(--transition-fast)}[data-theme=dark] .sidebar-overlay{background:#0009}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--color-surface);box-shadow:var(--shadow-xl);z-index:var(--z-index-modal);animation:slideInLeft var(--transition-base);display:flex;flex-direction:column}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-divider)}.sidebar-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0}.sidebar-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-button-bg);border:none;cursor:pointer;color:var(--color-button-text);transition:all var(--transition-fast)}.sidebar-close:hover{background:var(--color-button-hover);color:var(--color-text-primary)}.sidebar-content{flex:1;padding:var(--spacing-sm);display:flex;flex-direction:column}.sidebar-user{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-100);margin-bottom:var(--spacing-xl)}[data-theme=dark] .sidebar-user{background:var(--color-dark-surface-2)}.sidebar-user-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);word-break:break-all}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-button-bg);border:none;cursor:pointer;font-size:var(--font-size-base);color:var(--color-button-text);text-align:left;transition:background var(--transition-fast)}.sidebar-nav-item:hover{background:var(--color-button-hover)}.sidebar-section{margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.sidebar-section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.sidebar-new-sheet{border:1px dashed var(--color-border)!important;background:transparent!important;color:var(--color-primary)!important}.sidebar-new-sheet:hover{background:var(--color-hover)!important;border-color:var(--color-primary)!important}.sidebar-sheet-list{display:flex;flex-direction:column;gap:2px;margin-top:var(--spacing-xs)}.sidebar-sheet-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 24px);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.sidebar-sheet-item:hover{background:var(--color-hover)}.sidebar-sheet-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-sheet-count{flex-shrink:0;min-width:20px;padding:2px 6px;background:var(--color-surface);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.sidebar-spaces{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-space-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:8px;color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;cursor:pointer;transition:background var(--transition-fast);position:relative;text-align:left;width:100%}.sidebar-space-item:hover{background:var(--color-hover)}.sidebar-space-item.active{background:var(--color-selected);color:var(--color-primary);font-weight:var(--font-weight-medium)}[data-theme=dark] .sidebar-space-item.active{background:var(--color-dark-hover);color:var(--color-dark-primary)}.sidebar-space-item .space-check{margin-left:auto;color:var(--color-primary)}[data-theme=dark] .sidebar-space-item .space-check{color:var(--color-dark-primary)}.sidebar-divider{height:1px;background:var(--color-border-light);margin:var(--spacing-md) var(--spacing-md)}[data-theme=dark] .sidebar-divider{background:var(--color-dark-border-light)}.sidebar-build-info{padding:var(--spacing-md);margin-top:auto;border-top:1px solid var(--color-border-light);font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.6}[data-theme=dark] .sidebar-build-info{border-top-color:var(--color-dark-border-light);color:var(--color-dark-text-muted)}.sidebar-build-info-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.sidebar-build-info-row:last-child{margin-bottom:0}.sidebar-build-info-label{font-weight:var(--font-weight-medium);flex-shrink:0}.sidebar-build-info-value{font-family:SF Mono,Monaco,Consolas,monospace;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.sidebar{width:260px}}.toast-container{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;padding-bottom:var(--spacing-lg);pointer-events:none;z-index:var(--z-index-modal)}.toast{background:var(--color-gray-900);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideUp .3s ease-out;max-width:90%;text-align:center}.toast-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}[data-theme=dark] .toast{background:var(--color-dark-surface-2);color:var(--color-dark-text);border:1px solid var(--color-dark-border)}@keyframes celebrationGradient{0%{background-position:200% 50%}to{background-position:0% 50%}}@keyframes celebrationFadeIn{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.toast-celebration{background:linear-gradient(90deg,var(--color-celebration-1) 0%,var(--color-celebration-2) 50%,var(--color-celebration-1) 100%);background-size:200% 100%;animation:celebrationGradient 2s linear infinite,celebrationFadeIn var(--toast-duration, 4s) ease-out forwards;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);border-radius:8px;gap:var(--spacing-sm);display:flex;align-items:center}.toast-celebration .toast-message{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.toast-icon{display:flex;align-items:center}[data-theme=dark] .toast-celebration{border:none}.space-keyboard-overlay{position:fixed;inset:0;background:#0006;z-index:300;animation:fadeIn var(--transition-fast)}.space-keyboard-selector{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-lg);z-index:301;min-width:320px;max-width:90vw;box-shadow:0 8px 32px #0000001f;animation:slideUp var(--transition-base)}.space-keyboard-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-align:center}.space-keyboard-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.space-keyboard-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-button-bg);border:1px solid var(--color-border-light);border-radius:6px;cursor:pointer;transition:all var(--transition-fast);position:relative}.space-keyboard-item:hover:not(.current){background:var(--color-button-hover);border-color:var(--color-border)}.space-keyboard-item.current{opacity:.6;cursor:not-allowed;background:var(--color-surface-secondary)}.space-keyboard-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex-shrink:0}.space-keyboard-item.current .space-keyboard-number{background:var(--color-text-disabled)}.space-keyboard-name{flex:1;color:var(--color-text-primary);font-size:var(--font-size-base)}.space-keyboard-first{font-weight:var(--font-weight-medium);text-decoration:underline;text-underline-offset:2px}.space-keyboard-current{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.space-keyboard-hint{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-light)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.dark .space-keyboard-overlay{background:#0009}.dark .space-keyboard-selector{box-shadow:0 8px 32px #0006}.selection-bottom-sheet .base-bottom-sheet-content{padding:0}.selection-options{display:flex;flex-direction:column}.selection-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:none;background:transparent;cursor:pointer;text-align:left;width:100%;font-family:inherit;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border)}.selection-option:last-child{border-bottom:none}.selection-option:hover{background:var(--color-hover)}.selection-option:active,.selection-option.selected{background:var(--color-selected)}.selection-option.destructive .selection-option-label,.selection-option.destructive .selection-option-icon{color:var(--color-error)}.selection-option-key{width:24px;height:24px;border-radius:4px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.selection-option-icon{width:40px;height:40px;border-radius:8px;background:var(--option-color, var(--color-primary));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.selection-option[style*=--option-color] .selection-option-icon{background:color-mix(in srgb,var(--option-color) 15%,transparent);color:var(--option-color)}.selection-option-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.selection-option-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.selection-option-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.selection-option-check{color:var(--color-primary);flex-shrink:0}@supports (padding-bottom: env(safe-area-inset-bottom)){.selection-options{padding-bottom:env(safe-area-inset-bottom)}}.bottom-sheet-overlay{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;background:#00000080;z-index:var(--z-index-bottom-sheet);touch-action:none}.image-prompt-bottom-sheet{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width-desktop);background:var(--color-surface);max-height:90vh;max-height:90dvh;z-index:calc(var(--z-index-bottom-sheet) + 1);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column}.image-prompt-sheet{padding:0;flex:1;min-height:0;display:flex;flex-direction:column}.image-prompt-sheet:before{content:"";display:block;width:36px;height:4px;background:var(--color-border);border-radius:2px;margin:var(--spacing-sm) auto var(--spacing-md);flex-shrink:0}.image-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.image-prompt-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.image-prompt-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.image-prompt-submit-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-background);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.image-prompt-submit-header:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.image-prompt-submit-header:disabled{opacity:.5;cursor:not-allowed}.image-prompt-close{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.image-prompt-close:hover{color:var(--color-text-primary)}.image-prompt-bottom-button{display:none;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-background);flex-shrink:0}.image-prompt-submit-mobile{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-primary);color:var(--color-background);border:none;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:opacity var(--transition-fast);border-radius:4px}.image-prompt-submit-mobile:hover:not(:disabled){opacity:.9}.image-prompt-submit-mobile:disabled{opacity:.5;cursor:not-allowed}.image-prompt-form-wrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.image-prompt-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-md)}.image-prompt-style-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-prompt-label{color:var(--color-text-secondary);font-size:var(--font-size-base)}.image-prompt-style-gallery{display:flex;gap:var(--spacing-sm);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:var(--spacing-xs) 0}.image-prompt-style-gallery::-webkit-scrollbar{display:none}.image-prompt-style-thumbnail{display:flex;flex-direction:column;gap:var(--spacing-xs);background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;padding:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;flex-shrink:0;min-width:fit-content}.image-prompt-style-thumbnail:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.image-prompt-style-thumbnail.selected{border-color:var(--color-primary);background:#6d6a4f0d;box-shadow:0 0 0 2px #6d6a4f33}.image-prompt-style-thumbnail:disabled{opacity:.5;cursor:not-allowed}.image-prompt-style-preview{width:75px;height:75px;object-fit:cover;border-radius:4px;display:block;margin:0 auto}.image-prompt-style-name{font-size:var(--font-size-xs);color:var(--color-text-primary);text-align:center;font-weight:var(--font-weight-medium);max-width:75px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}.image-prompt-style-dropdown{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;cursor:pointer;transition:border-color var(--transition-fast)}.image-prompt-style-dropdown:hover:not(:disabled){border-color:var(--color-primary)}.image-prompt-style-dropdown:focus{outline:none;border-color:var(--color-primary)}.image-prompt-style-dropdown:disabled{opacity:.5;cursor:not-allowed}.image-prompt-input-wrapper{position:relative}.image-prompt-input{width:100%;padding:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;resize:none;transition:border-color var(--transition-fast)}.image-prompt-input:focus{outline:none;border-color:var(--color-primary)}.image-prompt-input:disabled{opacity:.6;cursor:not-allowed}.image-prompt-counter{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.image-prompt-counter .warning{color:var(--color-warning)}.image-prompt-error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#ef44441a;color:var(--color-error);font-size:var(--font-size-sm)}.image-prompt-info{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.image-prompt-submit{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-background);border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.image-prompt-submit:hover:not(:disabled){opacity:.9}.image-prompt-submit:disabled{opacity:.5;cursor:not-allowed}.image-prompt-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.image-prompt-preview-toggle,.image-prompt-copy{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-text-tertiary);border-radius:4px;color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.image-prompt-preview-toggle:hover,.image-prompt-copy:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.image-prompt-preview{background:var(--color-surface);border:1px solid var(--color-text-tertiary);border-radius:4px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);max-height:300px;overflow-y:auto;overflow-x:auto}.image-prompt-preview pre{margin:0;font-size:11px;font-family:SF Mono,Monaco,Courier New,monospace;color:var(--color-text-secondary);white-space:pre;line-height:1.4}[data-theme=dark] .image-prompt-preview-toggle,[data-theme=dark] .image-prompt-copy,[data-theme=dark] .image-prompt-preview{background:var(--color-surface);border-color:var(--color-text-secondary)}[data-theme=dark] .image-prompt-preview pre{color:var(--color-text-primary)}.image-prompt-photo-upload{display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-prompt-photo-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-surface);border:2px dashed var(--color-text-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.image-prompt-photo-button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-surface-hover)}.image-prompt-photo-button:disabled{opacity:.5;cursor:not-allowed}.image-prompt-photo-preview{position:relative;width:100%;max-width:200px;border-radius:4px;overflow:hidden;border:1px solid var(--color-border)}.image-prompt-photo-preview img{width:100%;height:auto;display:block}.image-prompt-photo-remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background-color var(--transition-fast)}.image-prompt-photo-remove:hover{background:#000000e6}.image-prompt-photo-info{display:flex;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#3b82f61a;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.4}[data-theme=dark] .image-prompt-photo-button{background:var(--color-surface);border-color:var(--color-text-secondary)}[data-theme=dark] .image-prompt-photo-preview{border-color:var(--color-text-secondary)}.mention-dropdown{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto;z-index:1000;width:250px}.mention-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.mention-item:hover,.mention-item.selected{background:var(--color-hover)}.mention-nickname{color:var(--color-primary);font-size:var(--font-size-base);font-weight:500}.mention-highlights{position:absolute;inset:0;padding:var(--spacing-sm);font-family:inherit;font-size:var(--font-size-base);line-height:1.5;white-space:pre-wrap;word-wrap:break-word;color:transparent;pointer-events:none;overflow:hidden;border:1px solid transparent}.mention-highlights mark{background-color:#6d6a4f26;color:transparent;border-radius:3px;padding:2px 0}.image-prompt-input::placeholder{color:var(--color-text-secondary);opacity:.6}@media (max-width: 768px){.image-prompt-bottom-sheet{max-height:95vh;max-height:95dvh}.image-prompt-submit-header{display:none}.image-prompt-bottom-button{display:block;position:sticky;bottom:0;background:var(--color-surface);flex-shrink:0}.image-prompt-form-wrapper{min-height:0}.image-prompt-form{padding:0 var(--spacing-md) var(--spacing-md)}.image-prompt-header{padding:0 var(--spacing-md) var(--spacing-md);flex-shrink:0}.image-prompt-header h3{font-size:var(--font-size-sm)}.image-prompt-sheet{min-height:0}}.image-action-overlay{position:fixed;inset:0;background:#0006;z-index:var(--z-index-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.image-action-menu{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:2px solid var(--color-primary);box-shadow:0 -4px 20px #00000026;z-index:var(--z-index-modal);overflow:hidden;border-radius:var(--spacing-sm) var(--spacing-sm) 0 0}.image-action-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.image-action-item:last-child{border-bottom:none}.image-action-item:hover{background:var(--color-background)}.image-action-item:active{background:var(--color-surface-hover);transform:scale(.98)}.image-action-primary{color:var(--color-primary);background:#6d6a4f14}.image-action-primary:hover{background:#6d6a4f26}.image-action-cancel{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}@media (min-width: 768px){.image-action-menu{left:50%;transform:translate(-50%);max-width:500px;border-radius:var(--spacing-sm);bottom:var(--spacing-lg)}}.collapsible-section{width:100%;background:var(--color-surface);border-bottom:1px solid var(--color-divider);transition:background var(--transition-fast)}.collapsible-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);cursor:pointer;min-height:50px;box-sizing:border-box}.collapsible-section-header:hover{background:var(--color-hover)}.collapsible-section-header-left{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.collapsible-section-header-right{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-shrink:0}.collapsible-section-body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.collapsible-section-icon{color:var(--color-text-disabled);flex-shrink:0;cursor:pointer;transition:color var(--transition-fast)}.collapsible-section-icon:hover{color:var(--color-text-secondary)}[data-theme=dark] .collapsible-section{background:var(--color-dark-surface);border-color:var(--color-dark-border)}[data-theme=dark] .collapsible-section-header:hover{background:var(--color-dark-hover)}[data-theme=dark] .collapsible-section-header-left,[data-theme=dark] .collapsible-section-header-right{color:var(--color-dark-text-secondary)}[data-theme=dark] .collapsible-section-icon{color:var(--color-dark-text-disabled)}[data-theme=dark] .collapsible-section-icon:hover{color:var(--color-dark-text-secondary)}.daily-image-container{width:100%;margin-bottom:var(--spacing-lg);background:transparent;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-md)}.daily-image-wrapper{position:relative;width:100%;padding-bottom:75%;background:var(--color-surface);overflow:hidden;cursor:pointer;box-shadow:0 2px 6px #0000000f,0 0 0 1px #00000005;border:12px solid var(--color-white);border-radius:2px;transition:box-shadow var(--transition-fast)}.daily-image-wrapper:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.daily-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out}.daily-image-placeholder{position:absolute;top:0;left:0;width:calc(100% - 16px);height:calc(100% - 16px);margin:8px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px dashed var(--color-ink-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .daily-image-placeholder{background:transparent;border-color:var(--color-dark-border)}.daily-image-placeholder:hover{background:var(--color-hover);border-color:var(--color-primary)}[data-theme=dark] .daily-image-placeholder:hover{background:var(--color-dark-hover);border-color:var(--color-dark-primary)}.daily-image-add,.daily-image-error,.daily-image-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.daily-image-add .daily-image-label,.daily-image-error .daily-image-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase;opacity:.7}.daily-image-upload-options{display:flex;flex-direction:row;gap:var(--spacing-sm);margin-top:var(--spacing-md);width:auto}.daily-image-generate-button,.daily-image-upload-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;background:var(--color-surface);color:var(--color-text-secondary);box-shadow:0 1px 2px #0000000d}.daily-image-generate-button:hover,.daily-image-upload-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-text-disabled);transform:translateY(-1px)}[data-theme=dark] .daily-image-upload-button,[data-theme=dark] .daily-image-generate-button{background:var(--color-dark-surface);border-color:var(--color-dark-border);color:var(--color-dark-text-secondary)}[data-theme=dark] .daily-image-upload-button:hover,[data-theme=dark] .daily-image-generate-button:hover{border-color:var(--color-dark-text-primary);color:var(--color-dark-text-primary)}.daily-image-generating{background:var(--color-background);border:none;cursor:pointer}.daily-image-generating .daily-image-loading{max-width:80%;text-align:center}.daily-image-generating-icon{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;color:var(--color-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.daily-image-generating-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin-top:var(--spacing-xs)}.daily-image-prompt-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-sm);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4}.daily-image-status-detail{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs);font-family:monospace}.daily-image-progress-bar{width:200px;height:4px;background:var(--color-border);border-radius:2px;margin:var(--spacing-sm) 0;overflow:hidden;position:relative}.daily-image-progress-fill{height:100%;background:var(--color-primary);border-radius:2px;width:0;animation:progressFill 60s ease-out forwards}@keyframes progressFill{0%{width:0%}10%{width:15%}20%{width:25%}30%{width:35%}40%{width:45%}50%{width:55%}60%{width:65%}70%{width:75%}80%{width:85%}90%{width:92%}to{width:95%}}.daily-image-retry{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--color-background);border:none;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:opacity var(--transition-fast)}.daily-image-retry:hover{opacity:.9}.daily-image-dots{display:flex;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.daily-image-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-disabled);cursor:pointer;transition:background-color var(--transition-fast)}.daily-image-dot.active{background:var(--color-primary)}.daily-image-dot:hover{background:var(--color-text-secondary)}.daily-image-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);opacity:0;z-index:2;box-shadow:0 2px 8px #0000001a}.daily-image-wrapper:hover .daily-image-nav{opacity:1}.daily-image-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.daily-image-nav:active{transform:translateY(-50%) scale(.95)}.daily-image-nav-prev{left:12px}.daily-image-nav-next{right:12px}[data-theme=dark] .daily-image-progress-bar{background:#ffffff1a}[data-theme=dark] .daily-image-progress-fill{background:var(--color-primary)}[data-theme=dark] .daily-image-nav{background:#000000b3;color:#fff}[data-theme=dark] .daily-image-nav:hover{background:#000000e6;box-shadow:0 2px 8px #0000004d}.daily-image-cover-prompt{position:absolute;bottom:16px;right:16px;z-index:10;animation:fadeInSlide .2s ease-out}.daily-image-cover-button{background:#ffffffe6;color:var(--color-text-primary);border:none;padding:8px 16px;border-radius:4px;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.daily-image-cover-button:hover{background:#fff;box-shadow:0 2px 8px #00000026}[data-theme=dark] .daily-image-cover-button{background:#000000b3;color:#fff}[data-theme=dark] .daily-image-cover-button:hover{background:#000000e6;box-shadow:0 2px 8px #0000004d}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.daily-image-uploading{background:var(--color-background);border:none;cursor:default}.daily-image-uploading .daily-image-loading{max-width:80%;text-align:center}.daily-image-uploading-icon{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;color:var(--color-primary)}.daily-image-uploading-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);margin-top:var(--spacing-xs)}.daily-image-container.collapsed{height:50px;margin-bottom:0;cursor:pointer;background:var(--color-surface);border-bottom:1px solid var(--color-divider);transition:background var(--transition-fast);padding:16px}.daily-image-container.collapsed:hover{background:var(--color-hover)}.daily-image-collapsed-strip{height:100%;display:flex;align-items:center;gap:var(--spacing-sm)}.daily-image-collapsed-thumbnails{flex:1;display:flex;align-items:center;gap:var(--spacing-xs);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.daily-image-collapsed-thumbnails::-webkit-scrollbar{display:none}.daily-image-collapsed-thumbnail-wrapper{flex-shrink:0;cursor:pointer;border:2px solid transparent;border-radius:4px;transition:border-color var(--transition-fast)}.daily-image-collapsed-thumbnail-wrapper.active{border-color:var(--color-primary)}.daily-image-collapsed-thumbnail-wrapper:hover{border-color:var(--color-text-disabled)}.daily-image-collapsed-thumbnail{width:60px;height:34px;object-fit:cover;border-radius:2px;display:block}.daily-image-collapsed-placeholder{width:60px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:2px}.daily-image-collapsed-placeholder .material-icon{color:var(--color-text-disabled)}.daily-image-expand-icon{color:var(--color-text-disabled);flex-shrink:0;cursor:pointer;transition:color var(--transition-fast)}.daily-image-expand-icon:hover{color:var(--color-text-secondary)}.daily-image-header-thumbnails{display:flex;align-items:center;gap:var(--spacing-xs);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.daily-image-header-thumbnails::-webkit-scrollbar{display:none}.daily-image-count{color:var(--color-text-disabled);font-size:var(--font-size-sm)}.lifestyle-form-overlay{position:fixed;inset:0;background:#0006;z-index:calc(var(--z-index-modal) + 2);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lifestyle-form{display:flex;flex-direction:column;gap:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:380px;max-width:calc(100vw - var(--spacing-xl) * 2);max-height:calc(100vh - var(--spacing-xl) * 2);max-height:calc(100dvh - var(--spacing-xl) * 2);overflow-y:auto;box-shadow:var(--shadow-xl);z-index:calc(var(--z-index-modal) + 3)}.lifestyle-form h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0}.lifestyle-form-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.lifestyle-form-field>label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.lifestyle-form-field input[type=text]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-background);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.lifestyle-form-field input[type=text]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.lifestyle-form-field input[type=text]::placeholder{color:var(--color-text-tertiary)}.lifestyle-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.lifestyle-type-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);cursor:pointer;transition:all var(--transition-fast)}.lifestyle-type-option:hover{border-color:var(--color-border-dark);background:var(--color-hover)}.lifestyle-type-option.selected{border-color:var(--color-primary);background:#3b82f60d}.lifestyle-type-icon{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.lifestyle-type-option.selected .lifestyle-type-icon{color:var(--color-primary)}.lifestyle-type-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.lifestyle-type-option.selected .lifestyle-type-label{color:var(--color-primary)}.lifestyle-toggle-option{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.lifestyle-toggle-option:hover{border-color:var(--color-border)}.lifestyle-behavior-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.lifestyle-behavior-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);cursor:pointer;transition:all var(--transition-fast)}.lifestyle-behavior-option:hover{border-color:var(--color-border-dark);background:var(--color-hover)}.lifestyle-behavior-option.good.selected{border-color:#2ecc71;background:#2ecc7114}.lifestyle-behavior-option.bad.selected{border-color:var(--color-warning);background:#fbbf2414}.lifestyle-behavior-icon{font-size:24px;line-height:1}.lifestyle-behavior-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.lifestyle-behavior-option.good.selected .lifestyle-behavior-label{color:#2ecc71}.lifestyle-behavior-option.bad.selected .lifestyle-behavior-label{color:var(--color-warning)}.lifestyle-behavior-hint{font-size:var(--font-size-base);color:var(--color-text-tertiary);text-align:center;margin-top:var(--spacing-xs)}.lifestyle-points-selector.negative .lifestyle-points-option.selected{background:var(--color-warning);border-color:var(--color-warning)}.lifestyle-toggle-content{display:flex;flex-direction:column;gap:2px;text-align:left}.lifestyle-toggle-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.lifestyle-toggle-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.4}.lifestyle-toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.lifestyle-toggle-switch input{opacity:0;width:0;height:0}.lifestyle-toggle-track{position:absolute;inset:0;background:var(--color-border);border-radius:12px;transition:background-color var(--transition-fast)}.lifestyle-toggle-switch input:checked+.lifestyle-toggle-track{background:var(--color-primary)}.lifestyle-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform var(--transition-fast)}.lifestyle-toggle-switch input:checked+.lifestyle-toggle-track:after{transform:translate(20px)}.lifestyle-points-selector{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--spacing-xs)}.lifestyle-points-option{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:0;box-shadow:0 1px 2px #0000000a}.lifestyle-points-option:hover{border-color:var(--color-border-dark);background:var(--color-hover)}.lifestyle-points-option.selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.lifestyle-color-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm)}.lifestyle-color-option{aspect-ratio:1;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:0}.lifestyle-color-option:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.lifestyle-color-option.selected{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-text-primary)}.lifestyle-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.lifestyle-btn-secondary,.lifestyle-btn-primary{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.lifestyle-btn-secondary{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border)}.lifestyle-btn-secondary:hover{background:var(--color-hover);color:var(--color-text-primary)}.lifestyle-btn-primary{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.lifestyle-btn-primary:hover{background:var(--color-primary-hover)}.lifestyle-btn-primary:disabled{opacity:.5;cursor:not-allowed}.lifestyle-settings-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-index-modal)}.lifestyle-settings{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:var(--color-surface);box-shadow:var(--shadow-xl);z-index:calc(var(--z-index-modal) + 1);display:flex;flex-direction:column;animation:slideInRight var(--transition-base)}.lifestyle-settings-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.lifestyle-settings-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-light);color:var(--color-text-primary);margin:0}.lifestyle-settings-header button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast)}.lifestyle-settings-header button:hover{color:var(--color-text-primary)}.lifestyle-settings-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.lifestyle-items-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.lifestyle-item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:4px;background:var(--color-background);gap:var(--spacing-md);cursor:pointer;position:relative;transition:background-color var(--transition-fast)}.lifestyle-item-row:hover:not(.archived){background-color:var(--color-hover)}.lifestyle-item-row.drag-over-top:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background-color:var(--color-primary);z-index:1}.lifestyle-item-row.drag-over-bottom:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-primary);z-index:1}.lifestyle-item-row.archived{opacity:.5;background:var(--color-surface);cursor:not-allowed}.lifestyle-item-color-indicator{width:4px;height:40px;border-radius:2px;flex-shrink:0}.lifestyle-item-info{flex:1}.lifestyle-item-name{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.lifestyle-item-type{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.lifestyle-item-actions{display:flex;gap:var(--spacing-xs)}.lifestyle-item-actions button{background:var(--color-button-bg);border:1px solid var(--color-border-light);padding:var(--spacing-xs);cursor:pointer;border-radius:4px;transition:all var(--transition-fast)}.lifestyle-item-actions button:hover{background:var(--color-button-hover)}.lifestyle-add-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast)}.lifestyle-add-button:hover{background:var(--color-primary-hover)}.lifestyle-threshold-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.lifestyle-threshold-header{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.lifestyle-threshold-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.5}.lifestyle-threshold-control{display:flex;align-items:center;gap:var(--spacing-md)}.lifestyle-threshold-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-border-light);border-radius:3px;outline:none;cursor:pointer}.lifestyle-threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.lifestyle-threshold-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.lifestyle-threshold-slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer}.lifestyle-threshold-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);min-width:50px;text-align:right}.space-settings-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-index-modal)}.space-settings{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90vw;background:var(--color-surface);box-shadow:var(--shadow-xl);z-index:calc(var(--z-index-modal) + 1);display:flex;flex-direction:column;animation:slideInRight var(--transition-base)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.space-settings-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.space-settings-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-light);color:var(--color-text-primary);margin:0}.space-settings-header button{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast)}.space-settings-header button:hover{color:var(--color-text-primary)}.space-settings-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.space-items-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.space-item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:4px;background:var(--color-background);gap:var(--spacing-md);cursor:grab;position:relative;transition:background-color var(--transition-fast)}.space-item-row:hover:not(.archived){background-color:var(--color-hover)}.space-item-row[draggable=true]:active{cursor:grabbing}.space-item-row.drag-over-top:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background-color:var(--color-primary);z-index:1}.space-item-row.drag-over-bottom:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-primary);z-index:1}.space-item-row.archived{opacity:.5;background:var(--color-surface);cursor:not-allowed}.space-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary)}.space-item-color-indicator{width:4px;height:40px;border-radius:2px;flex-shrink:0}.space-item-info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.space-item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.space-item-badge{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-button-bg);padding:2px 8px;border-radius:4px;border:1px solid var(--color-border-light)}.space-item-actions{display:flex;gap:var(--spacing-xs)}.space-item-actions button{background:var(--color-button-bg);border:1px solid var(--color-border-light);padding:var(--spacing-xs);cursor:pointer;border-radius:4px;transition:all var(--transition-fast)}.space-item-actions button:hover{background:var(--color-button-hover)}.space-add-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast)}.space-add-button:hover{background:var(--color-primary-hover)}.space-form-overlay{position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-index-modal) + 2);display:flex;align-items:center;justify-content:center}.space-form{background:var(--color-surface);border-radius:8px;padding:var(--spacing-lg);width:400px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);z-index:calc(var(--z-index-modal) + 3)}.space-form h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-light);color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.space-form label{display:block;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.space-form input[type=text]{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:4px;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-background);margin-top:var(--spacing-xs)}.space-checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.space-checkbox-label input[type=checkbox]{cursor:pointer}.space-form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.space-form-actions button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:4px;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast)}.space-form-actions button:first-child{background:var(--color-button-bg);color:var(--color-button-text)}.space-form-actions button:first-child:hover{background:var(--color-button-hover)}.space-form-actions button:last-child{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.space-form-actions button:last-child:hover{background:var(--color-primary-hover)}.space-form-actions button:disabled{opacity:.5;cursor:not-allowed}.space-icon-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;margin-top:var(--spacing-xs)}.space-icon-option{width:40px;height:40px;border:1px solid var(--color-border-light);border-radius:2px;cursor:pointer;transition:all var(--transition-fast);background:var(--color-background);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.space-icon-option:hover{background:var(--color-button-hover);border-color:var(--color-border)}.space-icon-option.selected{border-color:var(--color-primary);background:var(--color-button-selected);color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.space-color-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.space-color-option{width:40px;height:40px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all var(--transition-fast);padding:0}.space-color-option:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.space-color-option.selected{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-text-primary)}.admin-panel-overlay{position:fixed;inset:0;background:#00000080;z-index:1000}.admin-panel{position:fixed;top:0;right:0;bottom:0;width:min(500px,100%);background:var(--color-background);box-shadow:-2px 0 10px #0000001a;z-index:1001;display:flex;flex-direction:column}.admin-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.admin-panel-header h2{font-size:var(--font-size-xl);margin:0;color:var(--color-text)}.admin-panel-header button{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);padding:var(--spacing-xs);display:flex;align-items:center}.admin-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.admin-error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#e74c3c1a;color:#e74c3c;border-radius:4px;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.admin-add-form{background:var(--color-surface);padding:var(--spacing-lg);border-radius:8px;margin-bottom:var(--spacing-xl)}.admin-form-group{margin-bottom:var(--spacing-md)}.admin-form-group:last-of-type{margin-bottom:var(--spacing-lg)}.admin-form-group label{display:block;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text);font-size:var(--font-size-sm)}.admin-form-group input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:4px;font-size:var(--font-size-base);background:var(--color-background);color:var(--color-text)}.admin-form-group input:focus{outline:none;border-color:var(--color-primary)}.admin-add-form button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:4px;font-size:var(--font-size-base);cursor:pointer;width:100%;justify-content:center}.admin-add-form button:hover:not(:disabled){opacity:.9}.admin-add-form button:disabled{opacity:.5;cursor:not-allowed}.admin-user-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.admin-list-header h3{font-size:var(--font-size-lg);margin:0;color:var(--color-text)}.admin-stats{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.admin-stat-active{color:#2ecc71}.admin-stat-pending{color:#f1c40f}.admin-empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);font-size:var(--font-size-sm)}.admin-users{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-user-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-surface);border-radius:4px}.admin-user-info{flex:1;min-width:0}.admin-user-email{font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs);word-break:break-word}.admin-user-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.admin-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px}.admin-badge-active{background:#2ecc711a;color:#2ecc71}.admin-badge-pending{background:#f1c40f1a;color:#f1c40f}.admin-remove-btn{padding:var(--spacing-xs);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:4px;display:flex;align-items:center}.admin-remove-btn:hover{background:#e74c3c1a;color:#e74c3c}.dashboard-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:8px;min-height:88px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-family:inherit;text-align:center;transition:all .15s ease;position:relative}[data-theme=light] .dashboard-card{border-color:#00000014;box-shadow:0 1px 2px #00000008}[data-theme=dark] .dashboard-card{border-color:#ffffff14;box-shadow:none}.dashboard-card:hover{border-color:#6d6a4f4d}.dashboard-card:focus{outline:none}.dashboard-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dashboard-card.active{border-color:var(--color-primary)}.dashboard-card:active{transform:scale(.99)}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:2px;overflow:visible}.dashboard-card-title{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px}.dashboard-card.active .dashboard-card-title{color:var(--color-primary)}.dashboard-card-celebrate{display:flex;align-items:center;justify-content:center;color:var(--color-celebration-1);cursor:pointer;transition:transform .15s ease,color .15s ease;line-height:1;margin:-4px -2px -4px 0}.dashboard-card-celebrate .material-icons{font-size:18px!important;line-height:1}.dashboard-card-celebrate:hover{transform:scale(1.15);color:var(--color-celebration-2)}.dashboard-card-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex:1;width:100%;gap:var(--spacing-sm)}.dashboard-card-bottom-label{font-size:11px;font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);align-self:flex-start;margin-top:auto;line-height:1}.dashboard-card.active .dashboard-card-bottom-label{color:var(--color-primary);opacity:.8}.dashboard-card.celebrating .dashboard-card-bottom-label{color:var(--color-celebration-1);opacity:1}@media (min-width: 768px){.dashboard-card{min-height:96px;padding:10px;gap:6px}.dashboard-card-title{font-size:11px;letter-spacing:.4px}}@media (max-width: 360px){.dashboard-card{min-height:80px;padding:6px;border-radius:3px}.dashboard-card-title{font-size:9px}}:root{--color-grade-a: #22c55e;--color-grade-b: #3b82f6;--color-grade-c: #eab308;--color-grade-low: #22c55e;--color-text-low: #9ca3af}.progress-circle-container{position:relative}.progress-circle{transform:rotate(-90deg);will-change:transform}.progress-circle-track{stroke:var(--color-border);opacity:.3}.progress-circle-progress{transition:stroke-dashoffset .3s ease}.progress-circle-progress.grade-a{stroke:var(--color-grade-a)}.progress-circle-progress.grade-b{stroke:var(--color-grade-b)}.progress-circle-progress.grade-c{stroke:var(--color-grade-c)}.progress-circle-progress.grade-low{stroke:var(--color-grade-low)}.progress-circle-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-circle-grade{font-size:18px;font-weight:var(--font-weight-bold);line-height:1}.progress-circle-grade.grade-a{color:var(--color-grade-a)}.progress-circle-grade.grade-b{color:var(--color-grade-b)}.progress-circle-grade.grade-c{color:var(--color-grade-c)}.progress-circle-percent-only{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-low);line-height:1}.lifestyle-box-main{display:flex;align-items:center;justify-content:space-between;width:100%}.lifestyle-box-stats{display:flex;align-items:center;gap:2px}.lifestyle-box-primary{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1}.lifestyle-box-secondary{font-size:16px;font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);line-height:1}.lifestyle-box-empty-icon{font-size:28px;color:var(--color-text-disabled);opacity:.6}.lifestyle-box-empty-text{font-size:var(--font-size-xs);color:var(--color-text-disabled)}@media (min-width: 768px){.progress-circle-container{width:54px!important;height:54px!important}.progress-circle-grade{font-size:20px}.progress-circle-percent-only{font-size:14px}.lifestyle-box-primary{font-size:32px}.lifestyle-box-secondary{font-size:18px}}@media (max-width: 360px){.progress-circle-container{width:44px!important;height:44px!important}.progress-circle-grade{font-size:16px}.progress-circle-percent-only{font-size:11px}.lifestyle-box-primary{font-size:24px}.lifestyle-box-secondary{font-size:14px}}.backlog-box-main{display:flex;align-items:center;gap:6px}.backlog-box-primary{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1}.backlog-box-secondary{font-size:16px;font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);line-height:1}.backlog-box-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.backlog-box-empty-icon{font-size:28px;color:var(--color-text-disabled);opacity:.6}.backlog-box-empty-text{font-size:var(--font-size-xs);color:var(--color-text-disabled)}@media (min-width: 768px){.backlog-box-primary{font-size:32px}.backlog-box-secondary{font-size:18px}}@media (max-width: 360px){.backlog-box-primary{font-size:24px}.backlog-box-secondary{font-size:14px}}.weather-box-main{display:flex;align-items:center;gap:var(--spacing-sm)}.weather-box-icon{font-size:32px;line-height:1}.weather-box-icon.sunny{color:#fbbf24}.weather-box-icon.cloudy{color:#9ca3af}.weather-box-icon.rainy{color:#60a5fa}.weather-box-icon.snowy{color:#93c5fd}.weather-box-icon.stormy{color:#a78bfa}.weather-box-stats{display:flex;align-items:center;gap:6px}.weather-box-primary{font-size:28px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1}.weather-box-secondary{font-size:16px;font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);line-height:1}.weather-box-loading-icon{font-size:28px;color:var(--color-text-disabled);animation:spin 1s linear infinite}.weather-box-loading-text{font-size:var(--font-size-xs);color:var(--color-text-disabled)}.weather-box-error-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.weather-box-unavailable-text{font-size:var(--font-size-xs);color:var(--color-text-disabled)}@media (min-width: 768px){.weather-box-icon{font-size:36px}.weather-box-primary{font-size:32px}.weather-box-secondary{font-size:18px}}@media (max-width: 360px){.weather-box-icon{font-size:28px}.weather-box-primary{font-size:24px}.weather-box-secondary{font-size:14px}}.dashboard-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px}@media (min-width: 768px){.dashboard-boxes{gap:10px}}@media (max-width: 360px){.dashboard-boxes{gap:6px;padding:var(--spacing-sm)}}.lifestyle-chart{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md)}.lifestyle-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.lifestyle-chart-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.lifestyle-chart-sort{display:flex;gap:2px;background:var(--color-background);border-radius:var(--radius-sm);padding:2px}.lifestyle-chart-sort-btn{padding:4px 8px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.lifestyle-chart-sort-btn:hover{color:var(--color-text-secondary)}.lifestyle-chart-sort-btn.active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.lifestyle-chart-container{display:flex;gap:var(--spacing-md)}.lifestyle-chart-labels-column{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}.lifestyle-chart-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;height:18px;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs)}.lifestyle-chart-label-points{font-size:10px;color:var(--color-text-tertiary);background:var(--color-background);padding:1px 4px;border-radius:var(--radius-sm);min-width:16px;text-align:center}.lifestyle-chart-label.number-type{height:50px}.lifestyle-chart-scroll{flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.lifestyle-chart-scroll::-webkit-scrollbar{display:none}.lifestyle-chart-content{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:100%}.lifestyle-chart-dates{display:flex;gap:3px;height:18px;justify-content:flex-end}.lifestyle-chart-date{font-size:10px;color:var(--color-text-tertiary);text-align:center;width:18px;min-width:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;white-space:nowrap}.lifestyle-chart-row{display:flex;height:18px}.lifestyle-chart-row.number-type{height:50px;width:100%;justify-content:flex-end}.lifestyle-chart-squares{display:flex;gap:3px;flex:1;justify-content:flex-end}.lifestyle-chart-square{width:18px;height:18px;min-width:18px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.lifestyle-chart-square.weekend{border-color:var(--color-text-tertiary)}.lifestyle-chart-square.filled{background:var(--color-primary);border-color:var(--color-primary)}.lifestyle-chart-square:hover{border-color:var(--color-primary-hover)}.lifestyle-chart-line{width:438px;height:50px;flex-shrink:0}.lifestyle-chart-line .chart-label{font-size:8px;fill:var(--color-text-secondary);-webkit-user-select:none;user-select:none;pointer-events:none}.lifestyle-chart-progress{width:18px;height:18px;min-width:18px;position:relative;display:flex;align-items:center;justify-content:center}.lifestyle-chart-progress svg{position:absolute;top:0;left:0}.lifestyle-chart-progress-text{font-size:8px;font-weight:var(--font-weight-semibold);z-index:1}@media (max-width: 768px){.lifestyle-chart{padding:var(--spacing-sm)}.lifestyle-chart-container{gap:var(--spacing-sm)}.lifestyle-chart-square{width:14px;height:14px;min-width:14px}.lifestyle-chart-label{height:14px}.lifestyle-chart-label.number-type{height:40px}.lifestyle-chart-date{width:14px;min-width:14px;height:14px;font-size:9px}.lifestyle-chart-dates,.lifestyle-chart-row{height:14px}.lifestyle-chart-row.number-type{height:40px}.lifestyle-chart-squares,.lifestyle-chart-dates{gap:2px}.lifestyle-chart-line{width:334px;height:40px}.lifestyle-chart-totals-row,.lifestyle-chart-totals-label{height:28px}.lifestyle-chart-progress{width:14px;height:14px;min-width:14px}.lifestyle-chart-progress-text{font-size:7px;font-weight:var(--font-weight-regular)}}.lifestyle-chart-totals-row{height:36px;margin-top:var(--spacing-xs);border-top:1px dashed var(--color-border);padding-top:var(--spacing-xs)}.lifestyle-chart-totals-label{height:36px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-top:var(--spacing-xs);border-top:1px dashed transparent;padding-top:var(--spacing-xs)}.todo-item{display:flex;align-items:flex-start;padding:11px var(--spacing-md) 12px;border-bottom:1px solid var(--color-grid-line);transition:background var(--transition-fast);min-height:48px;position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.todo-item:hover{background:var(--color-hover)}.todo-item.selected{background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-primary);border-top:1px solid var(--color-surface);margin-top:-1px;border-radius:1px;animation:borderFadeIn .15s ease-out}@keyframes borderFadeIn{0%{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-primary) 25%,transparent)}to{box-shadow:inset 0 0 0 1px var(--color-primary)}}@keyframes sparkTravel{0%{left:-4px;top:-4px;opacity:1}25%{left:calc(100% - 4px);top:-4px;opacity:1}50%{left:calc(100% - 4px);top:calc(100% - 4px);opacity:1}75%{left:-4px;top:calc(100% - 4px);opacity:1}95%{left:-4px;top:-4px;opacity:1}to{left:-4px;top:-4px;opacity:0}}@keyframes drawBorderTrail{0%{background-size:0% 2px,2px 0%,0% 2px,2px 0%}25%{background-size:100% 2px,2px 0%,0% 2px,2px 0%}50%{background-size:100% 2px,2px 100%,0% 2px,2px 0%}75%{background-size:100% 2px,2px 100%,100% 2px,2px 0%}to{background-size:100% 2px,2px 100%,100% 2px,2px 100%}}@keyframes celebrateBorderColor{0%{background:linear-gradient(to right,var(--color-celebration-1),var(--color-celebration-1)) top left,linear-gradient(to bottom,var(--color-celebration-1),var(--color-celebration-1)) top right,linear-gradient(to left,var(--color-celebration-1),var(--color-celebration-1)) bottom right,linear-gradient(to top,var(--color-celebration-1),var(--color-celebration-1)) bottom left;background-size:100% 2px,2px 100%,100% 2px,2px 100%;background-repeat:no-repeat;filter:drop-shadow(0 0 4px var(--color-celebration-1))}50%{background:linear-gradient(to right,var(--color-celebration-2),var(--color-celebration-2)) top left,linear-gradient(to bottom,var(--color-celebration-2),var(--color-celebration-2)) top right,linear-gradient(to left,var(--color-celebration-2),var(--color-celebration-2)) bottom right,linear-gradient(to top,var(--color-celebration-2),var(--color-celebration-2)) bottom left;background-size:100% 2px,2px 100%,100% 2px,2px 100%;background-repeat:no-repeat;filter:drop-shadow(0 0 4px var(--color-celebration-2))}to{background:linear-gradient(to right,transparent,transparent) top left,linear-gradient(to bottom,transparent,transparent) top right,linear-gradient(to left,transparent,transparent) bottom right,linear-gradient(to top,transparent,transparent) bottom left;background-size:100% 2px,2px 100%,100% 2px,2px 100%;background-repeat:no-repeat;filter:none}}@keyframes celebrateBackground{0%{background-color:color-mix(in srgb,var(--color-celebration-1) 12%,transparent)}50%{background-color:color-mix(in srgb,var(--color-celebration-2) 10%,transparent)}to{background-color:transparent}}.todo-item.celebrating{position:relative;animation:celebrateBackground var(--celebration-item-duration, 4s) ease-out var(--celebration-item-delay, .5s) forwards}.todo-item.celebrating.celebrating-infinite{animation:celebrateBackground 4s ease-in-out infinite}.todo-item.celebrating.celebrating-infinite:before{animation:sparkTravel .8s linear infinite}.todo-item.celebrating.celebrating-infinite:after{animation:celebrateBorderColor 4s ease-in-out infinite;background-size:100% 2px,2px 100%,100% 2px,2px 100%}.todo-item.celebrating:before{content:"";position:absolute;width:8px;height:8px;background:var(--color-celebration-1);border-radius:50%;box-shadow:0 0 8px 2px var(--color-celebration-1),0 0 14px 4px var(--color-celebration-2);animation:sparkTravel var(--celebration-spark-duration, .5s) linear forwards;z-index:10;pointer-events:none}.todo-item.celebrating:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(to right,var(--color-celebration-1),var(--color-celebration-1)) top left,linear-gradient(to bottom,var(--color-celebration-1),var(--color-celebration-1)) top right,linear-gradient(to left,var(--color-celebration-1),var(--color-celebration-1)) bottom right,linear-gradient(to top,var(--color-celebration-1),var(--color-celebration-1)) bottom left;background-size:0% 2px,2px 0%,0% 2px,2px 0%;background-repeat:no-repeat;animation:drawBorderTrail var(--celebration-spark-duration, .5s) linear forwards,celebrateBorderColor var(--celebration-item-duration, 4s) ease-out var(--celebration-item-delay, .5s) forwards;filter:drop-shadow(0 0 3px var(--color-celebration-1))}.todo-item.celebrating .checkbox-container,.todo-item.celebrating .todo-content{position:relative;z-index:2}.todo-item.selected .checkmark{border-color:var(--color-text-secondary)}.todo-item.negative .checkmark{border-color:var(--color-warning)}.todo-item.negative .todo-text{color:var(--color-text-secondary)}.todo-item.negative-checked .checkmark{background:var(--color-warning);border-color:var(--color-warning)}.todo-item.negative-checked .checkmark:after{content:"";position:absolute;left:4px;top:4px;width:8px;height:8px;border:none;background:transparent;transform:none}.todo-item.negative-checked .checkmark:before,.todo-item.negative-checked .checkmark:after{content:"";position:absolute;width:10px;height:2px;background:var(--color-white);top:50%;left:50%}.todo-item.negative-checked .checkmark:before{transform:translate(-50%,-50%) rotate(45deg)}.todo-item.negative-checked .checkmark:after{transform:translate(-50%,-50%) rotate(-45deg)}.checkbox-container{position:relative;display:inline-block;margin-right:var(--spacing-md);margin-top:3px;flex-shrink:0}.checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;display:inline-block;width:18px;height:18px;border:1px solid var(--color-checkbox-border);border-radius:4px;background:transparent;cursor:pointer;transition:all var(--transition-fast)}@keyframes checkBounce{0%{transform:scale(1)}40%{transform:scale(1.25)}70%{transform:scale(.95)}to{transform:scale(1)}}.checkbox:checked~.checkmark{background:var(--color-primary);border-color:var(--color-primary);animation:checkBounce .25s ease-out}.checkbox:checked~.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container:hover .checkmark{border-color:var(--color-text-secondary)}.todo-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:1px;min-width:0}.todo-space-label{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;opacity:.8;max-width:fit-content}.todo-space-label-clickable{background:transparent;border:none;padding:2px 4px 2px 0;margin:-2px 0;border-radius:4px;cursor:pointer;font-family:inherit;transition:background var(--transition-fast),opacity var(--transition-fast)}.todo-space-label-clickable:hover{background:var(--color-hover);opacity:1}.todo-space-label-clickable:active{background:var(--color-selected)}.todo-text{font-size:15px;color:var(--color-text-primary);cursor:pointer;word-break:break-word;line-height:1.5;white-space:pre-wrap;display:inline-block;max-width:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.todo-item.completed .todo-text{text-decoration:line-through;color:var(--color-text-disabled)}.todo-edit-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.todo-input-edit{width:100%;padding:0;font-size:15px;border:none;outline:none;font-family:inherit;background:transparent;color:var(--color-text-primary);line-height:1.5;resize:none;overflow:hidden;min-height:24px;word-wrap:break-word;white-space:pre-wrap;-webkit-user-select:text;user-select:text}.todo-cancel-edit{padding:0;margin:-2px 0;background:transparent;border:none;color:var(--color-text-disabled);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease;font-size:14px;line-height:1}.todo-cancel-edit:hover{color:var(--color-text-secondary)}.todo-actions{display:flex;gap:var(--spacing-sm);margin-left:var(--spacing-sm);animation:fadeIn var(--transition-fast)}@media (min-width: 768px){.todo-item{padding:var(--spacing-md) var(--spacing-md)}.todo-text,.todo-input-edit{font-size:var(--font-size-base)}}.todo-item.search-match{background-color:#ffd60026;border-left:3px solid #ffd600;padding-left:calc(var(--spacing-md) - 3px)}.todo-item.search-match.selected{background-color:#ffd60040}.search-highlight{background-color:#ffd600;color:#1a1a1a}.todo-item.dragging{opacity:.5}.drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:var(--spacing-sm);color:var(--color-text-disabled);cursor:grab;transition:color var(--transition-fast);touch-action:none;flex-shrink:0}.drag-handle:hover{color:var(--color-text-secondary)}.drag-handle:active{cursor:grabbing;color:var(--color-text-primary)}.completion-date-picker{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.completion-date-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.completion-date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .completion-date-input{color-scheme:dark}.completion-date-actions{display:flex;gap:var(--spacing-sm)}.completion-date-btn{flex:1;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.completion-date-btn:disabled{opacity:.5;cursor:not-allowed}.completion-date-btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.completion-date-btn-secondary:hover:not(:disabled){background:var(--color-hover)}.completion-date-btn-primary{background:var(--color-primary);color:#fff}.completion-date-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.completion-date-btn-primary:active:not(:disabled){transform:scale(.98)}.bullet-list{display:flex;flex-direction:column;overflow-y:auto;flex:1}.bullet-list.dragging{overflow:hidden;touch-action:none}.bullet-list.empty{display:flex;align-items:center;justify-content:center;flex:1;min-height:200px}.bullet-list-empty-state{text-align:center;color:var(--color-text-secondary, #666);padding:var(--spacing-lg, 24px)}.bullet-list-divider{display:flex;align-items:center;gap:var(--spacing-sm, 8px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s}.bullet-list-divider:hover{opacity:.8}.bullet-list-divider.collapsed{opacity:.6}.divider-toggle{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-secondary, #666)}.divider-toggle:hover{color:var(--color-text, #000)}.divider-icon{font-size:12px;line-height:1}.divider-line{flex:1;height:1px;background:var(--color-border, #ddd)}.divider-label{font-size:var(--font-size-sm, 14px);font-weight:500;color:var(--color-text-secondary, #666);padding:0 var(--spacing-xs, 4px);white-space:nowrap}.drag-ghost{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:12px 16px;max-width:280px}.drag-ghost-content{display:flex;flex-direction:column;gap:4px}.drag-ghost-space{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.drag-ghost-text{font-size:15px;color:var(--color-text-primary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop-indicator{background:var(--color-primary);border-radius:2px}.drop-indicator:before,.drop-indicator:after{content:"";position:absolute;width:8px;height:8px;background:var(--color-primary);border-radius:50%;top:50%;transform:translateY(-50%)}.drop-indicator:before{left:-4px}.drop-indicator:after{right:-4px}.lifestyle-number-item{display:flex;align-items:center}.lifestyle-number-input-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;gap:var(--spacing-md)}.lifestyle-number-input-inline{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.lifestyle-number-field{width:100px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:4px;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-background);text-align:right}.lifestyle-number-field:focus{outline:none;border-color:var(--color-primary)}.lifestyle-unit{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:40px}.lifestyle-view{display:flex;flex-direction:column;flex:1;min-height:50vh}.weather-view{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md)}.weather-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.weather-view-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.weather-view-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.weather-view-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-text-disabled)}.weather-view-main{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.weather-view-icon-container{display:flex;align-items:center;justify-content:center}.weather-view-icon{font-size:64px}.weather-view-icon.sunny{color:#f59e0b}.weather-view-icon.cloudy{color:#94a3b8}.weather-view-icon.rainy{color:#3b82f6}.weather-view-icon.snowy{color:#a5b4fc}.weather-view-icon.stormy{color:#8b5cf6}.weather-view-temp-container{display:flex;flex-direction:column;align-items:flex-start}.weather-view-temp{font-size:48px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1}.weather-view-condition{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.weather-view-city{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:2px}.weather-view-range{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-hover);border-radius:var(--radius-md)}.weather-view-range-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-primary)}.weather-view-range-item .material-icon{color:var(--color-text-secondary)}.weather-view-hourly{margin-top:var(--spacing-md)}.weather-view-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0}.weather-view-hourly-scroll{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none}.weather-view-hourly-scroll::-webkit-scrollbar{display:none}.weather-view-hour{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);min-width:52px;padding:var(--spacing-sm);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.weather-view-hour-time{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.weather-view-hour-icon{font-size:18px}.weather-view-hour-icon.sunny{color:#f59e0b}.weather-view-hour-icon.cloudy{color:#94a3b8}.weather-view-hour-icon.rainy{color:#3b82f6}.weather-view-hour-icon.snowy{color:#a5b4fc}.weather-view-hour-icon.stormy{color:#8b5cf6}.weather-view-hour-temp{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.weather-view-attribution{margin-top:var(--spacing-md);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-disabled)}.weather-section .weather-city{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.weather-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:auto}.weather-refreshing{display:inline-flex;align-items:center}.weather-refreshing-icon{animation:weather-spin 1s linear infinite;color:var(--color-text-disabled)}@keyframes weather-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-hours{display:flex;gap:8px;overflow-x:auto;padding:var(--spacing-sm) var(--spacing-md);margin:0 calc(-1 * var(--spacing-md));-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,black 12px,black calc(100% - 12px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 12px,black calc(100% - 12px),transparent)}.weather-hours::-webkit-scrollbar{display:none}.weather-hour{flex-shrink:0;width:44px;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative;padding:4px 0;border-radius:6px;transition:all .2s ease}.weather-hour:hover{background:var(--color-hover)}.weather-hour.current{background:var(--color-surface-hover);box-shadow:inset 0 0 0 1px var(--color-border)}.weather-time{font-size:11px;font-weight:500;color:var(--color-text-secondary);height:14px;line-height:14px;margin-bottom:0}.weather-temp-container{position:relative;height:28px;width:100%;display:flex;align-items:flex-end;justify-content:center}.weather-temp-bar{position:absolute;bottom:0;width:6px;border-radius:3px;transition:height .3s ease}.weather-temp-bar-light{background:linear-gradient(to top,#e8b87f,#e09f6d);opacity:.8}.weather-temp-bar-dark{background:linear-gradient(to top,#7a8b99,#8da0b0);opacity:.8}.weather-temp-value{position:relative;font-size:12px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;margin-top:2px}.weather-precip{height:6px;width:100%;display:flex;align-items:flex-end;justify-content:center;margin-top:1px}.weather-precip-bar{width:6px;border-radius:3px}.weather-precip-bar-light{background:#87b3d6;opacity:.6}.weather-precip-bar-dark{background:#4a6d8a;opacity:.7}.weather-icon{color:var(--color-text-disabled);font-size:16px!important;margin-top:2px}.weather-loading,.weather-error{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-md)}.weather-city-name{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex-shrink:0}.weather-collapsed-info{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-left:auto}.weather-collapsed-info .material-icon{color:var(--color-text-disabled)}.weather-temp{font-weight:var(--font-weight-medium)}.celebration-prompt-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);animation:fadeIn .2s ease}.celebration-prompt-sheet{background:var(--color-background);border-radius:12px;padding:var(--spacing-xl);max-width:400px;width:90%;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.celebration-prompt-header{text-align:center;margin-bottom:var(--spacing-lg)}.celebration-prompt-header h2{margin:var(--spacing-sm) 0;color:var(--color-text-primary);font-size:var(--font-size-xl)}.celebration-prompt-header p{color:var(--color-text-secondary);margin:0}.celebration-prompt-body{margin-bottom:var(--spacing-lg)}.celebration-prompt-label{display:block;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.celebration-prompt-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);resize:vertical;transition:border-color var(--transition-fast)}.celebration-prompt-textarea:focus{outline:none;border-color:var(--color-primary)}.celebration-prompt-error{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:#e74c3c1a;border-radius:8px;color:#e74c3c;font-size:var(--font-size-sm)}.celebration-prompt-actions{display:flex;gap:var(--spacing-sm)}.celebration-prompt-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.celebration-prompt-btn-secondary{background:var(--color-surface);color:var(--color-text-secondary)}.celebration-prompt-btn-secondary:hover:not(:disabled){background:var(--color-hover)}.celebration-prompt-btn-primary{background:linear-gradient(135deg,gold,orange);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.celebration-prompt-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ffd70066}.celebration-prompt-btn:disabled{opacity:.6;cursor:not-allowed}.panel-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.panel-card-main{flex:1;min-width:0}.panel-card-main.panel-card-clickable{cursor:pointer}.panel-card-main.panel-card-clickable:hover{opacity:.8}.panel-card-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-card-subtitle{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500}.panel-card-description{margin:var(--spacing-sm) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.panel-card-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.panel-card-action{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-secondary);transition:color var(--transition-fast)}.panel-card-action:hover{color:var(--color-text)}.panel-card-action-destructive:hover{color:var(--color-error, #ef4444)}.folks-view-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-index-modal)}.folks-view{position:fixed;top:0;right:0;bottom:0;width:90%;max-width:500px;background:var(--color-background);z-index:calc(var(--z-index-modal) + 1);display:flex;flex-direction:column;box-shadow:-2px 0 8px #0000001a}.folks-view-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.folks-view-header h2{margin:0;font-size:var(--font-size-xl);font-weight:300}.folks-view-header button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-secondary)}.folks-view-header button:hover{color:var(--color-text)}.folks-back-button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-secondary)}.header-spacer{width:32px}.folks-view-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.folks-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);text-align:center}.folks-empty-state p{margin-top:var(--spacing-md)}.folks-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.folk-card{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.folk-card-main{flex:1;min-width:0}.folk-card h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:400}.folk-nickname{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500}.folk-description{margin:var(--spacing-sm) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.folk-card-actions{display:flex;gap:var(--spacing-xs)}.folk-card-actions button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-secondary);transition:color var(--transition-fast)}.folk-card-actions button:hover{color:var(--color-text)}.folks-add-button{width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-base);transition:background var(--transition-fast)}.folks-add-button:hover{background:var(--color-hover)}.folk-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.folk-form label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.folk-form input,.folk-form textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base)}.folk-form textarea{resize:vertical;min-height:80px}.nickname-input-wrapper{display:flex;align-items:center;border:1px solid var(--color-border);background:var(--color-surface)}.nickname-prefix{padding:var(--spacing-sm);color:var(--color-primary);font-weight:500;border-right:1px solid var(--color-border)}.nickname-input-wrapper input{border:none;flex:1}.char-count{text-align:right;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.error{color:var(--color-error, #ef4444);font-size:var(--font-size-xs)}.folk-form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.folk-form-actions button{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-fast)}.folk-form-actions button:hover{background:var(--color-hover)}.folk-form-actions button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--color-primary)!important;color:var(--color-background)!important}.button-primary:hover:not(:disabled){opacity:.9}.button-secondary{background:transparent!important}.blank-sheets-panel-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-index-modal)}.blank-sheets-panel{position:fixed;top:0;right:0;bottom:0;width:90%;max-width:400px;background:var(--color-background);z-index:calc(var(--z-index-modal) + 1);display:flex;flex-direction:column;box-shadow:-2px 0 8px #0000001a}.blank-sheets-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.blank-sheets-panel-header h2{margin:0;font-size:var(--font-size-xl);font-weight:300}.blank-sheets-panel-header button{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-secondary)}.blank-sheets-panel-header button:hover{color:var(--color-text)}.blank-sheets-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.blank-sheets-new-button{width:100%;padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-base);transition:background var(--transition-fast);margin-bottom:var(--spacing-lg)}.blank-sheets-new-button:hover{background:var(--color-hover)}.blank-sheets-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);text-align:center}.blank-sheets-empty-state p{margin:var(--spacing-md) 0 0 0}.blank-sheets-empty-hint{font-size:var(--font-size-sm);opacity:.8}.blank-sheets-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.blank-sheets-archived-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.blank-sheets-section-header{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.blank-sheets-list .panel-card.archived{opacity:.6}.blank-sheets-list .panel-card.archived:hover{opacity:.8}.keyboard-shortcuts-panel{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;max-width:320px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 4px 24px #00000026;animation:slideInUp .2s ease-out;z-index:100;pointer-events:auto}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.keyboard-shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.keyboard-shortcuts-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.keyboard-shortcuts-context{flex:1;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-background);padding:4px 8px;border-radius:4px;margin:0 var(--spacing-sm)}.keyboard-shortcuts-close{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.keyboard-shortcuts-close:hover{color:var(--color-text-primary)}.keyboard-shortcuts-content{overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}.keyboard-shortcuts-section h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.keyboard-shortcuts-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.keyboard-shortcut{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xs) 0}.keyboard-shortcut kbd{display:inline-block;padding:4px 8px;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-mono, monospace);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);box-shadow:0 1px 2px #0000001a;min-width:24px;text-align:center}.keyboard-shortcut span{flex:1;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:right}.keyboard-shortcut-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;padding:var(--spacing-xs) 0}.keyboard-shortcuts-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.keyboard-shortcuts-footer kbd{display:inline-block;padding:2px 6px;background:var(--color-background);border:1px solid var(--color-border);border-radius:3px;font-family:var(--font-mono, monospace);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}[data-theme=dark] .keyboard-shortcuts-panel{box-shadow:0 8px 32px #0009}[data-theme=dark] .keyboard-shortcut kbd,[data-theme=dark] .keyboard-shortcuts-footer kbd{box-shadow:0 1px 2px #0000004d}@media (max-width: 768px){.keyboard-shortcuts-panel{bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);max-width:none;max-height:60vh}}.calendar-dropdown{position:absolute;top:100%;right:0;left:0;background:var(--color-surface);border-bottom:1px solid var(--color-divider);box-shadow:0 8px 24px #00000014;z-index:var(--z-index-modal);padding:var(--spacing-lg) var(--spacing-md);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);padding:0 var(--spacing-xs)}.calendar-month-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:.02em}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:var(--color-text-tertiary);transition:all var(--transition-fast)}.calendar-nav-btn:hover{background:var(--color-hover);color:var(--color-text-primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:var(--spacing-xs);padding:0 var(--spacing-xs)}.calendar-weekday{text-align:center;font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.08em;padding:var(--spacing-xs) 0}.calendar-weekday:last-child{color:var(--color-red-sunday);opacity:.6}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:0 var(--spacing-xs)}.calendar-day{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:0;padding:2px 4px;background:transparent;border:1px solid var(--color-divider);border-radius:6px;cursor:pointer;font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:all var(--transition-fast);overflow:hidden}.calendar-day.empty{cursor:default;border-color:transparent}.calendar-day:not(.empty):hover{background:var(--color-hover);color:var(--color-text-primary)}.calendar-day.sunday .calendar-day-number{color:var(--color-red-sunday)}.calendar-day.today{background:color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:var(--color-primary)}.calendar-day.today .calendar-day-number{color:var(--color-primary)}.calendar-day-today-label{position:relative;z-index:1;font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em;line-height:1}.calendar-day.selected{background:var(--color-primary)}.calendar-day.selected .calendar-day-number{color:#fff;font-weight:var(--font-weight-medium)}.calendar-day.selected.sunday .calendar-day-number,.calendar-day.selected .calendar-day-today-label{color:#fff}.calendar-day.has-image:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary);opacity:.6}.calendar-day.selected.has-image:after{background:#fff;opacity:.8}.calendar-day-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity var(--transition-fast);border-radius:6px}.calendar-day:hover .calendar-day-image{opacity:1}.calendar-day.selected .calendar-day-image{opacity:.6}.calendar-day-number{position:relative;z-index:1;font-size:24px;font-weight:var(--font-weight-normal);line-height:1}.calendar-day.has-image .calendar-day-number{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.calendar-day.has-image .calendar-day-today-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.calendar-loading{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}[data-theme=dark] .calendar-dropdown{background:var(--color-dark-surface);border-color:var(--color-dark-border);box-shadow:0 8px 24px #0006}[data-theme=dark] .calendar-month-label{color:var(--color-dark-text-primary)}[data-theme=dark] .calendar-nav-btn{color:var(--color-dark-text-tertiary)}[data-theme=dark] .calendar-nav-btn:hover{background:var(--color-dark-hover);color:var(--color-dark-text-primary)}[data-theme=dark] .calendar-weekday{color:var(--color-dark-text-disabled)}[data-theme=dark] .calendar-day{color:var(--color-dark-text-secondary)}[data-theme=dark] .calendar-day:not(.empty):hover{background:var(--color-dark-hover);color:var(--color-dark-text-primary)}[data-theme=dark] .calendar-day{border-color:var(--color-dark-border)}[data-theme=dark] .calendar-day.empty{border-color:transparent}[data-theme=dark] .calendar-day.today{background:color-mix(in srgb,var(--color-primary) 20%,transparent);border-color:var(--color-primary)}[data-theme=dark] .calendar-day.today .calendar-day-number{color:var(--color-primary)}@media (max-width: 768px){.calendar-day-number{font-size:16px}.calendar-day-today-label{font-size:8px}}.date-navigator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.date-navigator-display{display:flex;flex-direction:column;align-items:center;min-width:180px}.date-navigator-label,.date-navigator-primary{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.2}.date-navigator-detail{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-ink-300);letter-spacing:.02em;display:flex;align-items:center;gap:var(--spacing-xs)}.date-nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:var(--color-ink-300);transition:all var(--transition-fast);border-radius:50%}.date-nav-btn:hover{color:var(--color-text-secondary);background:var(--color-hover)}@media (max-width: 480px){.date-nav-btn{width:36px;height:36px}.date-navigator-display{min-width:140px}.date-navigator-label,.date-navigator-primary{font-size:var(--font-size-base)}.date-navigator-detail{font-size:10px}}.spaces-bar{display:flex;gap:2px;padding:0;margin-top:var(--spacing-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;align-items:flex-end;border-bottom:1px solid var(--color-divider)}.spaces-bar:before,.spaces-bar:after{content:"";flex-shrink:0;width:var(--spacing-md)}.spaces-bar::-webkit-scrollbar{display:none}.space-toggle{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--color-surface-hover);border:1px solid var(--color-border);border-bottom:none;border-radius:6px 6px 0 0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;font-weight:var(--font-weight-medium);letter-spacing:.02em;position:relative;top:1px}.space-toggle:hover{background:color-mix(in srgb,var(--space-color, var(--color-primary)) 10%,transparent);color:var(--space-color, var(--color-text-secondary))}.space-toggle.visible,.space-toggle.active{background:color-mix(in srgb,var(--space-color, var(--color-primary)) 15%,transparent);color:var(--space-color, var(--color-primary));border-color:var(--color-border)}.space-toggle.faded{opacity:.4}.space-toggle .material-icons{color:inherit;font-size:16px}.space-name{font-weight:inherit}@media (max-width: 768px){.spaces-bar:before,.spaces-bar:after{width:var(--spacing-sm)}.space-toggle{padding:4px 8px}.space-name{display:none}.space-toggle.active .space-name,.space-toggle.visible .space-name{display:inline}}.blank-sheet-view{display:flex;flex-direction:column;flex:1;min-height:0}.blank-sheet-content{display:flex;flex-direction:column;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.blank-sheet-add-slot{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-grid-line);background:var(--color-surface)}@media (min-width: 768px){.blank-sheet-add-slot{display:none}}.blank-sheet-add-input{flex:1;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);font-family:inherit;border:none;outline:none;background:transparent;color:var(--color-text-primary)}.blank-sheet-add-input::placeholder{color:var(--color-text-disabled)}.blank-sheet-add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--color-primary);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:transform var(--transition-fast)}.blank-sheet-add-btn:hover{transform:scale(1.05)}.blank-sheet-add-btn:active{transform:scale(.95)}.blank-sheet-items{padding-bottom:var(--spacing-xl)}.blank-sheet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-disabled)}.blank-sheet-loading .material-icon{animation:spin 1s linear infinite}.blank-sheet-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-text-disabled)}.blank-sheet-empty .material-icon{font-size:48px;opacity:.5}.blank-sheet-empty-add-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.blank-sheet-empty-add-btn:hover{background:var(--color-hover);border-color:var(--color-text-secondary)}.blank-sheet-empty-add-btn:active{transform:scale(.98)}.blank-sheet-empty-add-btn .material-icon{font-size:18px;opacity:1}.blank-sheet-empty-hint{font-size:var(--font-size-sm);opacity:.7}.backlog-view-container{display:flex;flex-direction:column;flex:1;min-height:50vh}.main-content{flex:1;display:flex;flex-direction:column}.today-section,.backlog-section,.done-section{padding:0}.done-items{opacity:.6;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.done-divider{margin:0;padding:var(--spacing-sm) 0;background:transparent}.done-item{opacity:.8}.todo-list{background:var(--color-surface)}.empty-state{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-disabled);font-size:var(--font-size-base)}.loading{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base)}.add-todo-slot{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-divider);cursor:pointer;transition:background var(--transition-fast)}.add-todo-slot:hover{background:var(--color-hover)}.add-todo-plus{color:var(--color-text-disabled);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.add-todo-text{color:var(--color-text-disabled);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-weight-medium)}.section-divider{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);position:relative;border-bottom:1px solid var(--color-divider)}[data-theme=dark] .section-divider{background:transparent}.section-divider:hover{background:var(--color-hover)}[data-theme=dark] .section-divider:hover{background:var(--color-dark-hover)}.divider-line{display:none}.divider-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.08em}.backlog-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;cursor:pointer;color:var(--color-text-disabled);transition:color var(--transition-fast);margin-right:var(--spacing-xs)}.backlog-toggle:hover{color:var(--color-text-secondary)}.todo-item-wrapper{position:relative}.todo-item-wrapper[draggable=true] .todo-item{cursor:move}.todo-item-wrapper.dragging{opacity:.5;touch-action:none}.todo-list.touch-dragging{touch-action:none;overflow:hidden}.todo-item-wrapper.drag-over-top:before{content:"";position:absolute;top:0;left:var(--spacing-lg);right:var(--spacing-lg);height:2px;background:var(--color-primary);z-index:1}.todo-item-wrapper.drag-over-bottom:after{content:"";position:absolute;bottom:0;left:var(--spacing-lg);right:var(--spacing-lg);height:2px;background:var(--color-primary);z-index:1}.todo-link{color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline;word-break:break-word}.todo-link:hover{opacity:.8}.todo-link-maps{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:var(--color-link);padding:2px 6px;margin-left:6px;margin-right:2px;border-radius:4px;background:#5b809e14;transition:all .2s ease}.todo-link-maps:hover{color:var(--color-link-hover);background:#5b809e26}.todo-link-maps .material-icons{font-size:16px!important;vertical-align:middle;margin-top:-2px}.todo-link-maps span{vertical-align:middle;font-size:.95em}[data-theme=dark] .todo-link-maps{background:#7ca4c41f}[data-theme=dark] .todo-link-maps:hover{background:#7ca4c433}.move-btn,.delete-btn,.space-btn{width:30px;height:30px;border:none;background:var(--color-button-bg);cursor:pointer;font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--color-button-text)}.space-btn .material-icons{font-size:18px}.move-btn:hover,.delete-btn:hover,.space-btn:hover{background:var(--color-button-hover);color:var(--color-text-primary)}@media (max-width: 768px){.add-todo-slot{padding:var(--spacing-md) var(--spacing-md)}.section-divider{padding:var(--spacing-sm) var(--spacing-md)}.move-btn,.delete-btn{width:28px;height:28px;font-size:var(--font-size-base)}}.search-indicator{position:fixed;bottom:0;left:0;right:0;max-width:800px;margin:0 auto;background:#1a1a1a;color:#f0f0f0;padding:12px 16px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:14px;z-index:1000;border-top:1px solid #333}.search-cursor{animation:blink 1s step-end infinite}.search-match-count{opacity:.6;margin-left:4px}@keyframes blink{50%{opacity:0}}:root{--color-black: #000000;--color-white: #ffffff;--color-cream: #fdfdf8;--color-ink-900: #333333;--color-ink-700: #555555;--color-ink-500: #888888;--color-ink-300: #aaaaaa;--color-gray-100: #f9f9f6;--color-gray-200: #f2f2ee;--color-gray-300: #e6e6e0;--color-gray-400: #dcdcd6;--color-gray-500: var(--color-ink-500);--color-gray-600: #777777;--color-gray-700: var(--color-ink-700);--color-gray-800: #444444;--color-gray-900: var(--color-ink-900);--color-olive: #6d6a4f;--color-sage: #8a8670;--color-red-sunday: #e74c3c;--color-dark-bg: #1a1a1a;--color-dark-surface: #222222;--color-dark-surface-2: #2a2a2a;--color-dark-text: #eaeaea;--color-dark-text-secondary: #aaaaaa;--color-dark-text-disabled: #666666;--color-dark-border: #333333;--color-dark-border-light: #2a2a2a;--color-dark-hover: #2a2a2a;--color-dark-primary: #a8a470;--color-dark-primary-hover: #b8b4d0;--color-space-life: #6d6a4f;--color-space-work: #4a5f7a;--color-space-okthink: #8b5cf6;--color-space-professional: #34495e;--color-space-life-bg: rgba(109, 106, 79, .1);--color-space-work-bg: rgba(74, 95, 122, .1);--color-space-okthink-bg: rgba(139, 92, 246, .1);--color-space-professional-bg: rgba(52, 73, 94, .1);--color-lifestyle-1: #e74c3c;--color-lifestyle-2: #e67e22;--color-lifestyle-3: #f39c12;--color-lifestyle-4: #2ecc71;--color-lifestyle-5: #1abc9c;--color-lifestyle-6: #3498db;--color-lifestyle-7: #9b59b6;--color-lifestyle-8: #e91e63;--color-lifestyle-9: #34495e;--color-lifestyle-10: #95a5a6;--color-celebration-1: #5fd02f;--color-celebration-2: #2fcc71;--color-background: #f0f0eb;--color-paper: var(--color-cream);--color-surface: var(--color-paper);--color-primary: var(--color-olive);--color-primary-hover: var(--color-gray-800);--color-text-primary: var(--color-ink-900);--color-text-secondary: var(--color-ink-700);--color-text-disabled: var(--color-ink-500);--color-border: rgba(0, 0, 0, .06);--color-border-light: rgba(0, 0, 0, .03);--color-divider: rgba(0, 0, 0, .06);--color-grid-line: rgba(0, 0, 0, .03);--color-hover: rgba(0, 0, 0, .03);--color-checkbox-border: var(--color-ink-300);--color-button-bg: transparent;--color-button-hover: rgba(0, 0, 0, .05);--color-button-text: var(--color-ink-700);--color-selected: rgba(109, 106, 79, .05);--color-selected-border: rgba(109, 106, 79, .1);--color-link: #4a5f7a;--color-link-hover: #34495e;--color-error: #c0392b;--color-warning: #d35400;--color-surface-hover: #f9f9f6;--color-text-tertiary: var(--color-ink-500);--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Droid Sans Mono", "Source Code Pro", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--max-width-desktop: 800px;--header-height: 60px;--grid-size: 4px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-index-dropdown: 100;--z-index-overlay: 200;--z-index-modal: 300;--z-index-bottom-sheet: 400;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 2px 8px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .06);--shadow-page: 0 2px 12px rgba(0, 0, 0, .08);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px}[data-theme=dark]{--color-background: var(--color-dark-bg);--color-paper: var(--color-dark-surface);--color-surface: var(--color-dark-surface);--color-primary: var(--color-dark-primary);--color-primary-hover: var(--color-dark-primary-hover);--color-text-primary: var(--color-dark-text);--color-text-secondary: var(--color-dark-text-secondary);--color-text-disabled: var(--color-dark-text-disabled);--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .04);--color-divider: rgba(255, 255, 255, .08);--color-grid-line: rgba(255, 255, 255, .03);--color-hover: var(--color-dark-hover);--color-checkbox-border: var(--color-dark-border);--color-button-bg: rgba(255, 255, 255, .05);--color-button-hover: rgba(255, 255, 255, .1);--color-button-text: var(--color-dark-text-secondary);--color-selected: rgba(154, 150, 184, .15);--color-selected-border: rgba(154, 150, 184, .3);--color-link: #7ca4c4;--color-link-hover: #9bb8d4;--color-error: #ef5350;--color-warning: #ffa726;--color-surface-hover: var(--color-dark-surface-2);--color-text-tertiary: var(--color-dark-text-disabled);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-page: 0 0 0 1px rgba(255, 255, 255, .05);--color-celebration-1: #72e842;--color-celebration-2: #3ddb80}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-background);background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px);background-size:20px 20px;background-position:center top;min-height:100vh;min-height:100dvh;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;min-height:100dvh;padding:var(--spacing-lg) var(--spacing-md);display:flex;justify-content:center}@media (max-width: 768px){#root{padding:0;align-items:stretch}body{background:var(--color-paper);background-image:none}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;color:var(--color-text-primary);font-size:var(--font-size-lg)}.todo-container{width:100%;max-width:var(--max-width-desktop);min-height:calc(100vh - 2 * var(--spacing-lg));min-height:calc(100dvh - 2 * var(--spacing-lg));background:var(--color-paper);box-shadow:var(--shadow-page);border-radius:var(--radius-lg);display:flex;flex-direction:column;position:relative;overflow:hidden}@media (max-width: 768px){.todo-container{min-height:100vh;min-height:100dvh;box-shadow:none}}.header{display:flex;flex-direction:column;border-bottom:1px solid var(--color-divider);background:var(--color-surface);position:sticky;top:0;z-index:var(--z-index-dropdown)}.header-top-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:var(--spacing-md);gap:var(--spacing-md)}.header-left-buttons,.header-right-buttons{display:flex;align-items:center;gap:var(--spacing-xs)}.menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);transition:background var(--transition-fast)}.menu-btn:hover{background:var(--color-hover)}.menu-icon{width:32px;height:32px;object-fit:contain}.offline-icon{color:var(--color-warning);margin-top:4px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.header-spacer{width:40px}.edit-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast)}.edit-btn:hover{color:var(--color-text-primary)}.calendar-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);transition:color var(--transition-fast)}.calendar-btn:hover{color:var(--color-text-primary)}.header-sheet-title{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center;position:relative}.sheet-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-actions-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;position:absolute;right:0}.sheet-actions-btn:hover{background:var(--color-hover);color:var(--color-text-primary)}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer}.back-btn:hover{background:var(--color-hover)}.sheet-rename{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.sheet-rename-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary)}.sheet-rename-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.sheet-rename-actions{display:flex;gap:var(--spacing-sm)}.sheet-rename-btn{flex:1;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.sheet-rename-btn:disabled{opacity:.5;cursor:not-allowed}.sheet-rename-btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.sheet-rename-btn-secondary:hover:not(:disabled){background:var(--color-hover)}.sheet-rename-btn-primary{background:var(--color-primary);color:#fff}.sheet-rename-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.space-loading-overlay{position:fixed;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);pointer-events:all}[data-theme=dark] .space-loading-overlay{background:#181824e6}.space-loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-content{display:flex;flex-direction:column;align-items:center;gap:2px}.space-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:0;line-height:1;transition:color var(--transition-base);text-transform:uppercase;letter-spacing:.1em;opacity:.8}.date-navigation{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.todo-container{max-width:100%;width:100%}.header-top-row{padding:var(--spacing-sm) var(--spacing-sm);gap:var(--spacing-xs)}.app-title{font-size:var(--font-size-xs)}.menu-btn{width:36px;height:36px}.header-spacer{width:36px}}