*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--blur-strength: 12px;--flat-color: rgba(255, 255, 255, 1);--surface-color: rgba(255, 255, 255, .8);--light-color: rgba(255, 255, 255, .6);--shadow-color: rgba(44, 62, 80, .05);--border-color: rgba(0, 0, 0, .05);--accent-color: rgb(63, 141, 230);--accent-light: rgba(63, 141, 230, .2);--text-primary: #2c3e50;--text-secondary: #7f8c8d;--error-color: #e74c3c;--success-color: rgb(116, 230, 63);--max-content-width: 800px;--bg-secondary: rgba(0, 0, 0, .05);--bg-hover: rgba(0, 0, 0, .02);--shadow-sm: 0 2px 8px var(--shadow-color);--current-gradient: linear-gradient(to bottom, #b7eaff 0%, #94dfff 100%);--background-url: none;--font-normal: 1em/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-normal-light: 350 1em/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-button: 500 .9em/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-small: 350 .8em/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title: 500 1.2em/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--flat-color: rgba(23, 23, 23, 1);--surface-color: rgba(32, 32, 32, .8);--light-color: rgba(32, 32, 32, .6);--shadow-color: rgba(0, 0, 0, .2);--border-color: rgba(255, 255, 255, .1);--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--bg-secondary: rgba(255, 255, 255, .05);--bg-hover: rgba(255, 255, 255, .02)}body{color:var(--text-primary);font:var(--font-normal);margin:0;padding:0;min-height:100vh;position:relative;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(transparent,var(--flat-color)),var(--background-url);background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .5s ease;z-index:-1}body:not(.not-authenticated):after{opacity:.9}body.not-authenticated:after{opacity:1;filter:none;background:var(--background-url);background-size:cover;background-position:center;background-repeat:no-repeat}.not-authenticated .welcome-content p{color:#fff;text-shadow:0 2px 6px var(--bg-secondary);transition:all .2s ease}.not-authenticated .welcome-content p:hover{color:#fff;text-shadow:0 4px 12px var(--surface-color)}.welcome-section{display:none;align-items:center;justify-content:center;text-align:center;padding:20px;min-height:100vh}.not-authenticated .welcome-section{display:flex}.welcome-content{padding:40px;max-width:500px;display:flex;flex-direction:column;align-items:center}.welcome-content h1{color:var(--text-primary);font-size:2.5em;margin-bottom:20px;font-weight:700}.welcome-content p{color:var(--text-secondary);font-size:1.1em;line-height:1.6;margin-bottom:24px}.welcome-content .auth-button{margin:0 auto;padding:12px 24px;background:var(--flat-color);border:1px solid var(--border-color);border-radius:50px;box-shadow:var(--shadow-sm);transition:all .2s ease}.welcome-content .auth-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px var(--shadow-color)}.container{position:relative;max-width:var(--max-content-width);width:100%;margin:0 auto;padding:20px 20px 100px;box-sizing:border-box;min-height:100vh}.entry-editor{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;box-shadow:none;padding:0;margin-bottom:48px;margin-top:120px}.entry-editor:hover{transform:none;box-shadow:none}.entry-input{color:var(--text-primary);width:100%;min-height:200px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;resize:vertical;font-size:16px;line-height:1.6;padding:20px;transition:all .2s ease;backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength))}.entry-input:not(:placeholder-shown){min-height:300px}.entry-input:focus{outline:none;background:var(--flat-color);min-height:300px;box-shadow:0 8px 32px var(--surface-color)}.image-upload-wrapper{position:relative;display:inline-block}.image-upload{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.entries-list{display:flex;flex-direction:column;gap:24px}.entry{position:relative;margin:0;border:none;background-color:var(--surface-color);padding:28px;transition:all .3s ease;overflow:visible}.entry:last-child{border-radius:0 0 16px 16px}.entry-date{display:none}.entry-time{color:var(--text-secondary);font-size:.9em;margin-bottom:16px;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:6px;border-radius:8px}.entry-content{white-space:pre-wrap;color:var(--text-primary);line-height:1.7;margin:0 32px 16px 0;transition:opacity .2s ease;font-size:16px}.entry-line{margin:8px 0}.entry-line:first-child{margin-top:0}.entry-line:last-child{margin-bottom:0}.timestamp{color:var(--text-secondary);font-size:.9em;font-weight:500;padding:4px 8px;background:rgba(255,255,255,.2);border-radius:4px;margin:4px 0;display:inline-block}.entry-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:16px}.entry-image-wrapper{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;background:var(--surface-color);border:1px solid var(--border-color);transition:transform .2s ease}.entry-image-wrapper:hover{transform:scale(1.02)}.entry-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;background:var(--surface-color)}.entry-image-wrapper:hover img{transform:scale(1.1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.image-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:12px;gap:16px}.image-preview{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.2);border:1px solid var(--border-color);margin:0}.image-preview img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.image-preview:hover img{transform:scale(1.05)}.image-preview .remove-image{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.9);border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--error-color);opacity:0;transition:opacity .2s ease}.image-preview:hover .remove-image{opacity:1}.remove-image:hover{background:#fff;transform:scale(1.1)}.upload-progress{margin:0}.progress-bar{height:4px;background:rgba(255,255,255,.2);border-radius:2px;overflow:hidden;margin-top:4px}.progress-bar-fill{height:100%;background:#3498db;transition:width .3s ease}.progress-text{font-size:.9em;color:var(--text-secondary);padding:8px 12px;background:rgba(255,255,255,.2);border-radius:8px;display:inline-block;margin-top:12px}.entry-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.entry-controls-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-button,.stats-button{display:inline-flex;gap:8px;background:var(--surface-color);border:none;border-radius:12px;padding:12px 20px;color:var(--text-primary);font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));white-space:nowrap;display:flex;justify-content:center;align-items:center}.upload-button:hover,.stats-button:hover{background:var(--accent-light);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.2);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength))}.submit-button{display:inline-flex;align-items:center;gap:8px;background:var(--flat-color);border:0;border-radius:12px;padding:12px 24px;color:var(--text-primary);font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-left:auto}.submit-button:hover{background:var(--accent-light);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.2);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength))}.shortcut-hint{font-size:.8em;opacity:.7;background:rgba(255,255,255,.2);padding:2px 6px;border-radius:4px;margin-left:4px}.current-time{display:flex;align-items:center;gap:6px;color:var(--text-primary);font-size:.9em;margin-bottom:12px;padding:6px 12px;background:var(--flat-color);border-radius:8px;width:fit-content}.current-time .material-icons-outlined{font-size:1.1em}.time-display{font-variant-numeric:tabular-nums}.entry-time{color:var(--text-secondary);font-size:.9em;margin-bottom:12px;font-variant-numeric:tabular-nums}.entry-actions{position:absolute;top:16px;right:16px;z-index:2}.entry:hover .entry-actions{opacity:1}.entry-actions-button{background:transparent;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.entry-actions-button .material-icons-outlined{font-size:18px;color:var(--text-primary)}.entry-actions-button:hover{transform:translateY(-2px);text-shadow:0 4px 12px var(--shadow-color)}.entry-actions-menu{position:fixed;background:var(--flat-color);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));border:1px solid var(--border-color);border-radius:12px;padding:6px 0;box-shadow:0 8px 24px var(--shadow-color);opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:1000}.entry-actions-menu.active{opacity:1;transform:translateY(0);pointer-events:all}.entry-action-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--text-primary);font-size:16px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.entry-action-item .material-icons-outlined{font-size:20px}.entry-action-item:hover{background:rgba(255,255,255,.3)}.entry-action-item.delete{color:var(--error-color)}.image-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:none;justify-content:center;align-items:center;z-index:1000}.image-viewer.active{display:flex}.image-viewer img{max-width:90%;max-height:90vh;object-fit:contain;border-radius:8px}.image-viewer-close{position:absolute;top:24px;right:24px;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.image-viewer-close:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:1000}.dialog-overlay.active{display:flex}.dialog{background:var(--flat-color);border:1px solid var(--border-color);border-radius:20px;padding:28px;width:90%;max-width:400px;box-shadow:0 12px 36px var(--shadow-color)}.dialog-title{font-size:1.3em;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.dialog-content{margin-bottom:24px;color:var(--text-secondary);font-size:1.05em;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.dialog-button{padding:12px 20px;border-radius:12px;font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease}.dialog-button.cancel,.dialog-button.close{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary)}.dialog-button.delete{background:rgba(231,76,60,.1);border:1px solid var(--error-color);color:var(--error-color)}.dialog-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.dialog-button.delete:hover{background:var(--error-color);color:#fff}.entry.editing .entry-content{display:none}.entry-edit-area{display:none;margin:16px 0}.entry.editing .entry-edit-area{display:block}.entry-edit-input{width:100%;min-height:200px;background:var(--shadow-color);color:var(--text-primary);border:1px solid var(--border-color);border-radius:12px;resize:vertical;font-size:16px;line-height:1.6;padding:16px;margin-bottom:16px;font-family:inherit;transition:all .2s ease}.entry-edit-input:focus{outline:none;background:var(--flat-color);border-color:var(--border-color);box-shadow:0 4px 12px var(--shadow-color)}.entry-edit-actions{display:flex;justify-content:flex-end;gap:12px}.dialog-overlay,.image-viewer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;justify-content:center;align-items:center;z-index:1000}.date-group{margin-bottom:32px;position:relative;background:var(--bg-hover);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));border:1px solid var(--border-color);border-radius:20px;overflow:hidden}.date-group-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;position:sticky;top:0;z-index:10;background:var(--light-color);border-bottom:1px solid var(--border-color);cursor:pointer;user-select:none;transition:all .3s ease}.date-group-header:hover{background:var(--surface-color)}.date-group-title{font-size:1.2em;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:12px;width:100%}.date-group-toggle{background:none;border:none;padding:4px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:transform .3s ease;cursor:pointer}.date-group.collapsed{box-shadow:none;margin-bottom:0}.date-group.collapsed .date-group-toggle{transform:rotate(-90deg)}.date-group-entries{display:flex;flex-direction:column;gap:1px;background:var(--surface-color);transition:max-height .3s ease;overflow:hidden;max-height:2000px}.date-group.collapsed .date-group-entries{max-height:0}.move-date-picker{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.move-date-picker label{color:var(--text-secondary);font-size:.9em;margin-bottom:-4px}.entry-move-date,.entry-move-time{padding:12px;border-radius:12px;border:1px solid var(--border-color);background:var(--shadow-color);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));font-family:inherit;font-size:.95em;color:var(--text-primary);transition:all .2s ease;width:100%}.entry-move-date:focus,.entry-move-time:focus{outline:none;background:var(--flat-color);border-color:rgba(255,255,255,.3)}.dialog-button.submit{background:rgba(52,152,219,.2);border:1px solid rgba(52,152,219,.3);color:var(--text-primary)}.dialog-button.submit:hover{background:rgba(52,152,219,.3)}.entry-controls,.date-group,.entry{transition:all .3s ease}.auth-header.not-authenticated{opacity:0;pointer-events:none;visibility:hidden}.google-auth-button{display:flex;align-items:center;gap:13px;padding:15px;cursor:pointer;transition:all .2s ease;border:none;border-radius:50px;z-index:10;background:var(--flat-color);color:var(--text-primary);font-family:Google Sans,Roboto,sans-serif;font-weight:500;font-size:16px}.google-auth-button:hover{box-shadow:0 8px 16px var(--shadow-color);transform:translateY(-1px)}.google-auth-button img{width:24px;height:24px;border-radius:0}.auth-button{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;border:none;border-radius:50px;height:40px;z-index:10}.auth-button img{width:40px;height:40px;border-radius:50%;object-fit:cover;transition:transform .2s ease}.auth-button:hover{box-shadow:0 8px 16px var(--shadow-color)}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--accent-light);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;text-transform:uppercase;transition:all .2s ease}.auth-button:hover .avatar-placeholder{transform:scale(1.05);box-shadow:0 4px 12px var(--shadow-color)}.auth-button.sign-in{background:var(--flat-color);color:var(--text-primary);font-family:Google Sans,Roboto,sans-serif;font-weight:500;font-size:16px;padding:15px;gap:13px;border-radius:50px}.auth-button.sign-in img{width:24px;height:24px;border-radius:0}.auth-menu{position:fixed;background:var(--flat-color);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));border:1px solid var(--border-color);border-radius:12px;padding:8px 0;box-shadow:0 8px 24px var(--shadow-color);opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:1001;min-width:200px}.auth-menu.active{opacity:1;transform:translateY(0);pointer-events:all}.auth-menu-header{padding:12px 16px;border-bottom:1px solid var(--border-color);margin-bottom:8px}.auth-menu-user{font-weight:500;color:var(--text-primary);font-size:.95em}.auth-menu-email{font-size:.85em;color:var(--text-secondary);margin-top:4px}.auth-menu-item{display:flex;align-items:center;gap:8px;padding:10px 16px;font:var(--font-button);cursor:pointer;transition:all .2s ease;white-space:nowrap}.auth-menu-item:hover{background:rgba(255,255,255,.3)}.auth-menu-item.sign-out{color:var(--error-color)}.menu-container{position:fixed;z-index:1000;background:var(--flat-color);border:1px solid var(--border-color);transition:all .3s ease;overflow-y:auto;max-height:100vh;padding:12px 8px}.not-authenticated .entry-editor,.not-authenticated .entries-list{display:none}.container.not-authenticated{display:flex;justify-content:center;align-items:center;margin:0;max-width:100%;width:100%;padding:20px;height:100vh}.history-item-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.history-date{font-weight:500;color:var(--text-primary)}.menu-items{display:flex;flex-direction:column;gap:2px;padding:4px;margin-bottom:24px}.menu-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;color:var(--text-primary);font-size:16px;cursor:pointer;transition:all .2s ease;border-radius:8px;opacity:.8}.menu-item:hover{background:var(--accent-light);opacity:1}.menu-item.active{opacity:1}.menu-item .material-icons-outlined{font-size:20px;margin-top:2px}.menu-item.date-header{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;transition:all .2s ease;position:relative}.menu-item.date-header:hover{background:none}.menu-item.date-header .history-date{flex:1;margin-right:8px}.menu-item.date-header .view-survey{opacity:0;transition:all .2s ease;padding:4px;border-radius:4px}.menu-item.date-header:hover .view-survey:not(:disabled){opacity:1}.menu-item.date-header .view-survey:disabled{opacity:0;cursor:default;pointer-events:none}.menu-item.date-header .view-survey .material-icons-outlined{font-size:18px}.menu-item.entry-item{padding-left:28px;opacity:.7}.menu-item.entry-item:hover,.menu-item.entry-item.active{opacity:1}.history-time{font-size:.9em;color:var(--text-primary)}.history-preview{font-size:.85em;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date-group.today .date-group-title{color:var(--text-primary)}.date-group.today .date-group-title:after{content:"Today";font-size:.75em;font-weight:500;color:var(--accent-color);background:rgba(63,141,230,.1);padding:4px 8px;border-radius:6px;margin-left:auto;margin-right:10px}.auth-error{position:fixed;top:80px;right:20px;background:var(--flat-color);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;color:var(--error-color);font-size:.9em;box-shadow:0 8px 24px var(--shadow-color);opacity:0;transform:translateY(-10px);transition:all .3s ease;pointer-events:none;z-index:1000;display:flex;align-items:center;gap:8px}.auth-error.active{opacity:1;transform:translateY(0)}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:999;background:var(--flat-color);border:1px solid var(--border-color);border-radius:12px;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px var(--shadow-color)}.mobile-menu-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-color)}.mobile-menu-toggle .material-icons-outlined{font-size:24px;color:var(--text-primary)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-circle,.skeleton-header,.skeleton-time,.skeleton-line{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-hover) 50%,var(--bg-secondary) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear}.skeleton-profile{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--bg-secondary)}.skeleton-circle{width:100%;height:100%}.auth-button.loading{opacity:.7}.skeleton-entries{width:100%;padding:1rem}.skeleton-date-group{margin-bottom:2rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;padding:20px}.skeleton-header{height:24px;width:200px;margin-bottom:1rem;border-radius:4px}.skeleton-entry{display:flex;margin-bottom:1rem;padding:1rem;background:var(--flat-color);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color)}.skeleton-time{width:80px;height:20px;margin-right:1rem;border-radius:4px;flex-shrink:0}.skeleton-content{flex:1}.skeleton-line{height:16px;margin-bottom:.5rem;border-radius:4px}.skeleton-line:last-child{margin-bottom:0}.skeleton-line.short{width:60%}.auth-button img,.entry{opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.auth-header{position:fixed;z-index:400;inset:0 0 auto 0;height:120px;pointer-events:all;display:flex;justify-content:flex-end;padding:20px}.auth-header>div,.auth-header:before,.auth-header:after{position:absolute;top:0;right:0;bottom:0;left:0}.auth-header:before{content:"";z-index:1;backdrop-filter:blur(32px);mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 12.5%,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 37.5%)}.auth-header>div:nth-of-type(1){z-index:2;backdrop-filter:blur(16px);mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 12.5%,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 50%)}.auth-header>div:nth-of-type(2){z-index:3;backdrop-filter:blur(8px);mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 37.5%,rgba(0,0,0,0) 62.5%)}.auth-header>div:nth-of-type(3){z-index:4;backdrop-filter:blur(4px);mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 37.5%,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 75%)}.auth-header>div:nth-of-type(4){z-index:5;backdrop-filter:blur(2px);mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 62.5%,rgba(0,0,0,0) 87.5%)}.auth-header>div:nth-of-type(5){z-index:6;backdrop-filter:blur(.5px);mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 62.5%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 100%)}.auth-header:after{content:"";z-index:7;backdrop-filter:none;mask:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 75%,rgba(0,0,0,1) 87.5%,rgba(0,0,0,1) 100%)}.not-authenticated .auth-header{opacity:0;pointer-events:none;visibility:hidden}.not-authenticated .entry-editor,.not-authenticated .entries-list,.not-authenticated .menu-container{display:none}.entry-editor,.entries-list,.menu-container,.auth-header{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}body:not(.not-authenticated) .entry-editor,body:not(.not-authenticated) .entries-list,body:not(.not-authenticated) .menu-container,body:not(.not-authenticated) .auth-header{opacity:1;visibility:visible}.welcome-section{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}body.not-authenticated .welcome-section{opacity:1;visibility:visible}.calendar-overlay .dialog{max-width:500px;width:90%}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color)}.calendar-header h2{font-size:1.4em;font-weight:600;margin:0;color:var(--text-primary)}.calendar-nav{background:none;border:none;padding:8px;color:var(--text-primary);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.calendar-nav:hover{background:var(--shadow-color)}.calendar-body{padding:20px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px;text-align:center;font-weight:500;color:var(--text-secondary);font-size:.9em}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:12px;background:var(--surface-color);border:none;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.calendar-day:not(.empty):hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color);color:var(--text-primary)}.calendar-day.empty{background:none;border:none}.calendar-day.today{background:var(--accent-light);color:var(--text-primary);border-color:var(--accent-color)}.calendar-day.has-entries{cursor:pointer;color:var(--accent-color)}.calendar-day.has-entries:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.calendar-day .day-number{font-size:16px;margin-bottom:4px}.calendar-day .entry-count{display:none}.calendar-day.today .entry-count{background:#fff;color:var(--primary-color)}.menu-item.history-label{font-size:16px;font-weight:600;color:var(--text-primary);align-items:center;display:flex;gap:12px;background-image:linear-gradient(to bottom,var(--bg-hover),transparent);margin:8px 4px;border-radius:12px;border-top:2px solid var(--border-color);pointer-events:none}.menu-item.calendar-button{margin-bottom:16px;padding:12px 16px;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;position:sticky;top:0;z-index:100;backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));opacity:1}.menu-item.calendar-button:hover{background:var(--shadow-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength))}.menu-item.calendar-button .menu-item-label{font-weight:500;color:var(--text-primary)}.pagination-controls{position:sticky;top:5px;display:flex;align-items:center;justify-content:center;gap:16px;margin:32px 0;padding:16px;border-radius:16px;z-index:500;width:100%}.pagination-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--flat-color);border:none;border-radius:12px;color:var(--text-primary);font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:var(--accent-light);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color);backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));border:none}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button .material-icons-outlined{font-size:20px}.pagination-left{width:auto;display:flex;align-items:center;justify-content:left;gap:16px;flex-grow:1}.pagination-right{width:auto;display:flex;align-items:center;justify-content:right}.pagination-info{color:var(--text-primary);font-size:1em;font-weight:500;padding:0 16px;mix-blend-mode:difference;text-align:center}.date-group{transition:opacity .3s ease,transform .3s ease}.date-group.fade-enter{opacity:0;transform:translateY(20px)}.date-group.fade-enter-active{opacity:1;transform:translateY(0)}.empty-week-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;margin:24px 0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;min-height:200px;width:100%}.empty-week-state .material-icons-outlined{font-size:48px;color:var(--text-secondary);margin-bottom:16px}.empty-week-state h3{font-size:1.2em;color:var(--text-primary);margin-bottom:8px;font-weight:600}.empty-week-state p{color:var(--text-secondary);font-size:.95em;max-width:400px;line-height:1.6}@media (min-width: 1201px){.menu-container{left:0;top:0;height:100vh;width:320px;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.container{margin-left:calc(320px + ((100% - 320px - var(--max-content-width)) / 2));margin-right:auto;width:var(--max-content-width);max-width:calc(100% - 360px)}}@media (min-width: 769px) and (max-width: 1200px){.menu-container{left:0;top:0;height:100vh;width:280px;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.container{margin-left:300px;margin-right:20px;width:auto;max-width:calc(100% - 260px)}.pagination-controls.week-nav{padding:16px 4px;flex-wrap:wrap;top:0;width:90%}.pagination-button{max-width:33%;background-color:var(--flat-color)}.button-text{display:none}.upload-button,.stats-button{padding:12px;width:70px}}@media (max-width: 768px){.auth-error{top:70px;right:12px;left:12px;text-align:center;align-items:center}.mobile-menu-toggle{display:flex}.menu-container{position:fixed;left:-280px;top:0;height:100vh;width:280px;background:var(--flat-color);transition:transform .3s ease;display:block;z-index:999}.menu-container.active{transform:translate(280px)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:998}.menu-overlay.active{opacity:1;pointer-events:auto}.container{margin:0 auto;padding-top:80px}.skeleton-date-group{padding:16px;border-radius:16px}.skeleton-entry{padding:12px}.skeleton-header{width:160px;height:20px}.skeleton-time{width:60px;height:16px}.skeleton-line{height:14px}.welcome-content{padding:32px 24px}.welcome-content h1{font-size:2em}.welcome-content p{font-size:1em}.pagination-controls.week-nav{margin-top:16px;margin-bottom:8px;padding-bottom:0;top:0;width:100%;justify-content:center;flex-wrap:wrap}.pagination-left{width:100%;display:flex;justify-content:center;flex-grow:1;gap:12px}.empty-week-state{padding:32px 20px;margin:16px 0;min-height:160px}.empty-week-state .material-icons-outlined{font-size:40px;margin-bottom:12px}.empty-week-state h3{font-size:1.1em}.empty-week-state p{font-size:.9em}.entry-controls{flex-direction:column;align-items:stretch;gap:12px}.entry-controls-left{flex-direction:row;width:100%}.image-upload-wrapper,.stats-wrapper{width:auto;flex:1}.submit-button{width:100%}.upload-button,.stats-button,.submit-button{width:100%;justify-content:center}.shortcut-hint,.button-text{display:none}.upload-button,.stats-button{padding:12px}}.entry-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.stat-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;font-size:.9em;color:var(--text-primary)}.stat-tag .material-icons-outlined{font-size:16px;opacity:.7}.stats-summary{margin-top:24px;padding:20px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px}.stats-summary-title{font-size:1.1em;font-weight:600;color:var(--text-primary);margin-bottom:16px}.stats-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stats-summary-item{text-align:center;padding:16px;background:var(--flat-color);border-radius:12px}.stats-summary-label{font-size:.9em;color:var(--text-secondary);margin-bottom:8px}.stats-summary-value{font-size:1.4em;font-weight:600;color:var(--text-primary)}.stats-summary-trend{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;font-size:.85em}.stats-summary-trend.positive{color:var(--success-color)}.stats-summary-trend.negative{color:var(--error-color)}.hidden{display:none!important}.tab-button{flex:1;padding:12px;border:none;border-radius:8px;background:none;color:var(--text-secondary);font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button.active{background:var(--flat-color);color:var(--text-primary);box-shadow:0 2px 8px var(--shadow-color)}.tab-button:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.tab-content{display:none;animation:fadeIn .3s ease}.tab-content.active{display:block}.stats-mode-content{display:none;animation:fadeIn .3s ease}.stats-mode-content.active{display:block}.upload-button,.stats-button,.submit-button,.dialog-button,.tab-button{font:var(--font-button)}.entry-time,.shortcut-hint,.history-time,.history-preview,.progress-text{font:var(--font-small)}.date-group-title,.dialog-title,.calendar-header h2,.empty-week-state h3,.stats-summary-title{font:var(--font-title)}.entry-content,.entry-input,.entry-edit-input,.reflection-input,.entry-move-date,.entry-move-time{font:var(--font-normal-light)}.background-url-input{width:100%;border-radius:16px;font:var(--font-normal-light);color:var(--text-primary);transition:all .2s ease;backdrop-filter:blur(var(--blur-strength));-webkit-backdrop-filter:blur(var(--blur-strength));display:flex;align-items:left;flex-direction:column}.custom-background-url{color:var(--text-primary);background-color:transparent;margin-top:4px;padding:8px;border-radius:8px;border:1px solid var(--border-color);outline:none}.custom-background-url:focus{background-color:var(--flat-color);box-shadow:0 8px 32px var(--surface-color);outline:1px solid var(--text-secondary);transform:scale(1.01);transition:all .2s ease}.input-hint{color:var(--text-secondary);font:var(--font-small);margin-top:12px;text-align:center}.background-url-input label{font-size:.9em;font-weight:500;color:var(--text-secondary)}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast{background:var(--surface-color);color:var(--text-primary);padding:12px 16px;box-shadow:0 4px 12px var(--shadow-color);display:flex;align-items:center;gap:8px;min-width:200px;max-width:400px;pointer-events:auto;animation:toast-slide-in .3s ease forwards;border:1px solid var(--border-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px}.toast.error{border-left:4px solid var(--error-color, #f44336)}.toast.success{border-left:4px solid var(--success-color, #4caf50)}.toast.info{border-left:4px solid var(--accent-color)}.toast .material-icons-outlined{font-size:20px;width:20px}.toast.error .material-icons-outlined{color:var(--error-color, #f44336)}.toast.success .material-icons-outlined{color:var(--success-color, #4caf50)}.toast.info .material-icons-outlined{color:var(--accent-color)}.toast-message{flex:1;font-size:14px}.toast-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s ease}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.pagination-button.insights{background-color:var(--flat-color);border:none;box-shadow:0 2px 12px var(--shadow-color);min-width:100%}.pagination-button.insights:hover{border:none;background-color:var(--accent-color);color:var(--text-primary);box-shadow:0 4px 24px var(--accent-color)}.insights-content{line-height:1.6;margin:20px 0;font-size:15px;flex:1;overflow-y:auto;padding:12px 24px;color:var(--text-primary);background-color:var(--flat-color)}.weekly-stats-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.insights-stat-card{box-shadow:0 2px 8px var(--shadow-color);background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:16px;text-align:center}.insights-stat-label{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.insights-stat-value{font-size:24px;font-weight:500;color:var(--text-primary)}.insights-stat-trend{margin-top:8px;font-size:14px;display:flex;align-items:center;gap:4px}.insights-response{background:var(--card-bg);border-radius:12px;display:flex;flex-direction:column;gap:24px}.response-content{text-align:left}.insights-response h3{font-size:18px;font-weight:500;margin:0 0 16px;color:var(--text-primary)}.insights-response .observations{margin-bottom:24px}.insights-response .observation{margin-bottom:16px;padding-left:24px;position:relative}.insights-response .observation:before{content:counter(observation) ".";position:absolute;left:0;color:var(--accent-color);font-weight:500}.insights-response .suggestion{background:var(--accent-lighter);border-left:4px solid var(--accent-color);padding:16px 20px;border-radius:0 8px 8px 0;margin-top:20px}.insights-api-form{max-width:400px;margin:0 auto;text-align:left;background:var(--card-bg);border-radius:12px;padding:24px}.insights-generate-button{display:block;width:100%;padding:12px;border:none;border-radius:8px;background:var(--accent-color);color:#fff;font:var(--font-button);cursor:pointer;transition:all .2s ease}.insights-actions{display:flex;gap:8px;width:100%;justify-content:start}.insights-try-again,.insights-retry-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--border-color);border-radius:12px;background:var(--button-bg);color:var(--button-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.insights-generate-button:hover,.insights-try-again:hover,.insights-retry-button:hover{background:var(--accent-darker);transform:translateY(-1px)}.insights-generate-button:disabled{background:var(--disabled-bg);color:var(--text-secondary);cursor:not-allowed;transform:none}.insights-status{text-align:center}.insights-status.error{color:var(--error-color)}.insights-status.empty{color:var(--text-secondary)}.error-details{margin-top:8px;font-size:14px;opacity:.8}.insights-dialog{max-width:800px;width:90%;max-height:90vh;display:flex;flex-direction:column}.insights-header{padding-top:24px;border-bottom:1px solid var(--border-color)}.insights-header h2{font-size:1.4em;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.insights-date{font-size:.9em;color:var(--text-secondary)}.insights-tabs{display:flex;gap:12px;padding-top:12px;position:sticky;top:0;background-color:var(--flat-color);z-index:100}.insights-tabs .tab-button{margin-top:12px;border-radius:12px 12px 0 0}.insights-tabs .tab-button.active{background:var(--surface-color);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.insights-tab-content{display:none;animation:fadeIn .3s ease}.insights-tab-content.active{display:block}.insights-api-form label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.9em;font-weight:500}.insights-api-input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-primary);font:var(--font-normal);margin-bottom:16px}.insights-api-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light)}.insights-generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.insights-generate-button:disabled{opacity:.5;cursor:not-allowed}.insights-content h3{font-size:1.1em;font-weight:600;margin:24px 0 12px;color:var(--text-primary)}.insights-content p{margin:12px 0;color:var(--text-secondary)}.insights-content ul{margin:12px 0;padding-left:24px}.insights-content li{margin:8px 0;color:var(--text-secondary)}.insights-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0}.insights-stat-label{font-size:.9em;color:var(--text-secondary);margin-bottom:8px}.insights-stat-value{font-size:1.4em;font-weight:600;color:var(--text-primary)}.insights-stat-trend{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;font-size:.85em}.insights-stat-trend.positive{color:var(--success-color)}.insights-stat-trend.negative{color:var(--error-color)}@media (max-width: 768px){.insights-dialog{width:100%;height:100%;max-height:none;border-radius:0}.insights-content{padding:16px}.insights-stats{grid-template-columns:1fr}}.survey-content{display:flex;flex-direction:row;position:relative;width:100%;height:420px;overflow:hidden;align-items:center;justify-content:center}.survey-dialog{max-width:500px;width:90%;background:var(--flat-color);border-radius:20px;overflow:hidden}.date-input-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin:32px 0}.date-input{padding:16px 24px;border:2px solid var(--border-color);border-radius:16px;background:var(--surface-color);font:var(--font-title);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:center;min-width:200px}.date-input:hover,.date-input:focus{border-color:var(--accent-color);outline:none;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.date-input.selected{background:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.quick-date-buttons{display:flex;gap:12px;position:relative}.quick-date-button{position:relative;padding:8px 16px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);font:var(--font-normal);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.quick-date-button:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);border-color:var(--border-color);transform:none;box-shadow:none}.quick-date-button:not(:disabled):hover{background:var(--accent-light);color:var(--accent-color);border-color:none;transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.quick-date-button.selected:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-light)}.draft-indicator{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--accent-color);white-space:nowrap;opacity:.8;font-weight:500;font-size:.8em}.draft-indicator.submitted{color:var(--success-color, #4CAF50)}.draft-indicator .material-icons-outlined{font-size:16px;opacity:.9}.survey-progress{height:4px;background:var(--bg-secondary);margin-bottom:24px}.survey-progress-fill{height:100%;background:var(--accent-color);transition:width .3s ease}.survey-step{display:none;width:100%;flex-shrink:0;opacity:1;position:absolute;left:0;top:0;transition:opacity 0s}.survey-step.active{display:block;opacity:1;position:relative}.survey-step.exit{display:block;opacity:0;transition:opacity 0s}.survey-step-title{font:var(--font-title);margin-bottom:8px;color:var(--text-primary)}.survey-step-question{font:var(--font-normal-light);color:var(--text-secondary);margin-bottom:24px}.survey-nav{display:flex;justify-content:space-between;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color)}.survey-nav button{padding:12px 24px;border-radius:12px;font:var(--font-button);cursor:pointer;transition:all .2s ease}.survey-nav button:disabled{opacity:.5;cursor:not-allowed}.survey-nav .back{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary)}.survey-nav .next,.survey-nav .submit{background:var(--accent-light);border:none;color:var(--accent-color)}.survey-nav button:not(:disabled):hover{transform:translateY(-2px);background:var(--accent-color);color:#fff;box-shadow:0 4px 12px var(--shadow-color)}.rating-group{display:flex;gap:8px;margin:20px 0}.rating-group.overall-rating{flex-direction:column;gap:12px}.rating-row{display:flex;gap:8px;justify-content:center}.rating-button{max-width:80px;flex:1;aspect-ratio:1;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);font:var(--font-title);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.rating-button:hover{background:var(--accent-light);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.rating-button.selected{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.metrics-group{display:grid;gap:16px;margin:20px 0}.metric-item{display:flex;align-items:center;gap:12px;position:relative}.metric-item label{font:var(--font-normal);color:var(--text-primary);min-width:100px}.metric-input{flex:1;padding:12px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);font:var(--font-normal-light);color:var(--text-primary);transition:all .2s ease;text-align:left}.metric-item[data-type=money] .metric-input{padding-left:32px;font-variant-numeric:tabular-nums}.metric-item[data-type=money]{position:relative}.metric-item[data-type=money]:before{content:"$";position:absolute;left:124px;top:50%;transform:translateY(-50%);color:var(--text-primary);font:var(--font-normal);z-index:1;opacity:.7}.metric-item[data-type=count]{position:relative}.counter-controls{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;z-index:2}.counter-button{padding:0;width:20px;height:20px;border:none;background:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.5}.counter-button:hover{opacity:1;color:var(--accent-color)}.counter-button .material-icons-outlined{font-size:16px}.metric-item[data-type=count] .metric-input{padding-right:36px;text-align:left;font-variant-numeric:tabular-nums}.metric-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 4px 12px var(--shadow-color)}.metric-input::-webkit-outer-spin-button,.metric-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.metric-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.mood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:12px;margin:20px 0}.mood-button{aspect-ratio:1;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);font-size:1.8em;cursor:pointer;transition:all .2s ease}.mood-button:hover{transform:translateY(-2px) scale(1.4) rotate(8deg);box-shadow:6px 6px 18px var(--shadow-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--accent-light);z-index:10}.mood-button.selected{background:var(--accent-color);border-color:none;transform:scale(1.1);box-shadow:0 4px 12px var(--shadow-color)}.reflection-input{width:100%;min-height:120px;padding:16px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);font:var(--font-normal-light);color:var(--text-primary);resize:vertical;transition:all .2s ease}.reflection-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 4px 12px var(--shadow-color)}.validation-error{color:var(--error-color, #ff4d4d);font:var(--font-normal);margin:-16px 0 24px;padding:8px 12px;border-radius:8px;background:var(--error-bg, rgba(255, 77, 77, .1));animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media (max-width: 768px){.survey-dialog{width:80%;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between}.survey-view{height:auto}.metric-item{flex-direction:column;align-items:flex-start;gap:4px}.metric-input{width:100%}.counter-controls{position:absolute;right:8px;bottom:10px;transform:none;display:flex;flex-direction:column;gap:2px;z-index:2}.metric-item[data-type=money]:before{content:"$";position:absolute;left:12px;top:52%;transform:none;color:var(--text-primary);font:var(--font-normal);z-index:1;opacity:.7}.rating-group{gap:6px}.mood-grid{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px}.mood-button{font-size:1.5em}}.survey-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;animation:fadeIn .3s ease}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--accent-color);color:#fff;font-size:32px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;animation:scaleIn .5s ease}.survey-success h2{font:var(--font-title);color:var(--text-primary);margin-bottom:8px}.survey-success p{font:var(--font-normal);color:var(--text-secondary);margin-bottom:24px}.survey-dialog.view-mode{padding:24px}.survey-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.survey-header h2{font:var(--font-title);color:var(--text-primary)}.survey-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.survey-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.survey-section h3{font:var(--font-subtitle);color:var(--text-primary);margin-bottom:16px}.survey-data{display:flex;flex-direction:column;gap:12px}.data-item{display:flex;align-items:center;gap:12px}.data-item label{font:var(--font-normal);color:var(--text-secondary);min-width:100px}.data-item span{font:var(--font-normal);color:var(--text-primary)}.data-item.mood{justify-content:center}.mood-emoji{font-size:48px}.reflection-text{font:var(--font-normal-light);color:var(--text-primary);white-space:pre-wrap;line-height:1.5}.overall-rating{font:var(--font-title);color:var(--accent-color)}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.date-group-actions{display:flex;gap:8px}.view-survey{padding:8px;border:none;background:none;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.view-survey:disabled{opacity:.3;cursor:default;pointer-events:none}.view-survey:not(:disabled):hover{color:var(--accent-color);transform:translateY(-2px);text-shadow:0 4px 12px var(--accent-light)}.date-header .view-survey{margin-left:auto;opacity:0;transition:all .2s ease}.date-header:hover .view-survey:not(:disabled){opacity:1}.date-header .view-survey:disabled{opacity:0}.date-header .view-survey .material-icons-outlined{font-size:18px}.quick-date-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px}.survey-view{max-height:70vh;overflow-y:auto;padding:16px;border-radius:var(--border-radius);background:var(--surface);margin:16px 0}.survey-view-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.survey-view-title{font-size:1.25rem;font-weight:500;color:var(--text-primary)}.survey-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.metric-card{background:var(--surface-alt);padding:.75rem;border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.875rem;color:var(--text-secondary)}.metric-value{font-size:1.125rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.survey-mood{text-align:center;margin:1.5rem 0;padding:1rem;background:var(--surface-alt);border-radius:var(--border-radius-sm)}.mood-emoji{font-size:2rem;line-height:1}.survey-reflection{margin-top:1.5rem}.reflection-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.reflection-content{font-size:.9375rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.survey-rating{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.rating-label{font-size:.875rem;color:var(--text-secondary)}.rating-value{font-size:1.25rem;font-weight:500;color:var(--text-primary)}@media (max-width: 480px){.survey-metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-card{padding:.5rem}.mood-emoji{font-size:1.75rem}}