:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-tip{color:#fffc;text-align:center;margin-top:20px;font-size:17px}.register{color:#78a8fc;font-weight:500;text-decoration:none}.register:hover{text-decoration:underline}.main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e6e6e633;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;margin-right:100px;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000014}.login-container{color:#fff;background:#fafafa66;border:1px solid #ffffff4d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:450px;height:450px;padding:40px;display:flex;box-shadow:inset 0 0 8px #ffffff1a}.login-title{text-align:center;margin-bottom:20px;font-size:2rem}.login-form{width:100%;max-width:320px}.form-group{flex-direction:row;align-items:center;gap:20px;margin-bottom:20px;display:flex}.form-input{background:#ffffff1a;border:2px solid #ffffff80;border-radius:10px;outline:none;width:100%;padding:12px;font-size:1rem}.form-input:focus{border-color:#78a8fc}.submit-btn{pad:12px;color:#fff;background:linear-gradient(135deg,#97abfa,#d1abf8);border:none;border-radius:8px;width:100%;font-size:1.2rem;font-weight:500}.submit-btn:hover{outline:none;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.submit-btn:focus{outline:none;box-shadow:0 0 8px #e6ebfe99}.register-tip{color:#fffc;text-align:center;margin-top:20px;font-size:17px}.login{color:#78a8fc;font-weight:500;text-decoration:none}.login:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-size:16px;overflow:hidden}.time-capsule{text-align:center;flex-direction:column;padding:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;background:linear-gradient(#4485fc 0%,#fffedf 100%)!important}.header{flex-direction:column;justify-content:center;align-items:center;margin-top:.1vh;display:flex}.title{background:linear-gradient(45deg,#fff,#e6f7ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.2rem;font-size:1.5rem;font-weight:700}.tagline{color:#ffffffe6;font-size:1rem;font-style:italic}.main{flex:1;gap:10px;min-height:0;margin:10px;display:flex}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e6e6e633;border-radius:12px;flex-direction:column;width:200px;min-width:200px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000014}.sidebar.collapsed{width:60px;min-width:60px}.sidebar-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;min-height:60px;padding:15px;display:flex}.sidebar-header h3{color:#fff;white-space:nowrap;margin:0;font-size:1rem}.toggle-btn{color:#000;background-color:#fff;outline:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:15px;display:flex}.toggle-btn:focus{outline:none!important}.sidebar-content{flex:1;padding:10px;overflow:hidden auto}.sidebar-item{color:#fff;text-underline-offset:3px;white-space:nowrap;cursor:pointer;border-radius:8px;margin-bottom:8px;padding:12px 15px;-webkit-text-decoration:underline #ffffff80;text-decoration:underline #ffffff80;text-decoration-thickness:1px;transition:all .2s;display:block}.sidebar-item:hover{color:#1a68e0;text-decoration-color:#1a68e0;transform:translate(2px)}.sidebar-item.active{color:#1a68e0;background:#a5bcf333;font-weight:500;-webkit-text-decoration:underline #1a68e0;text-decoration:underline #1a68e0}.main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e6e6e633;border-radius:12px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000014}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#00000005;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#00000026}.letter-header{align-items:center;gap:2px;margin-top:.5rem;margin-left:1.5rem;display:flex}.letter-title{letter-spacing:2px;background:#fff;-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:700;line-height:1}.love{vertical-align:middle;font-size:3rem;line-height:1}.letter-content{text-align:left;color:#fff;letter-spacing:.5px;margin-top:20px;margin-left:100px;padding:0;font-size:1rem;line-height:1.8}.heighlight{color:#7aa0fa;font-size:1.5rem;font-weight:400}.heighlight2{color:#7aa0fa}[data-v-4544a33d]{box-sizing:border-box;margin:0;padding:0}html[data-v-4544a33d],body[data-v-4544a33d]{width:100%;height:100%;font-size:16px;overflow:hidden}.time-capsule[data-v-4544a33d]{text-align:center;flex-direction:column;padding:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:fixed;inset:0;background:linear-gradient(#4485fc 0%,#fffedf 100%)!important}.header[data-v-4544a33d]{flex-direction:column;justify-content:center;align-items:center;margin-top:.1vh;display:flex}.title[data-v-4544a33d]{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#fff,#e6f7ff);margin-bottom:.2rem;font-size:1.5rem;font-weight:700}.tagline[data-v-4544a33d]{color:#ffffffe6;font-size:1rem;font-style:italic}.main[data-v-4544a33d]{flex:1;gap:10px;min-height:0;margin:10px;display:flex}.sidebar[data-v-4544a33d]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e6e6e633;border-radius:12px;flex-direction:column;width:300px;min-width:300px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000014}.sidebar.collapsed[data-v-4544a33d]{width:60px;min-width:60px}.sidebar-header[data-v-4544a33d]{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;min-height:60px;padding:15px;display:flex}.sidebar-header h3[data-v-4544a33d]{color:#fff;white-space:nowrap;margin:0;font-size:1rem}.toggle-btn[data-v-4544a33d]{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:15px;display:flex}.toggle-btn[data-v-4544a33d]:focus{outline:none}.sidebar-content[data-v-4544a33d]{flex:1;padding:10px;overflow:hidden auto}.sidebar-item[data-v-4544a33d]{color:#fff;text-underline-offset:3px;white-space:nowrap;cursor:pointer;border-radius:8px;margin-bottom:8px;padding:12px 15px;-webkit-text-decoration:underline #ffffff80;text-decoration:underline #ffffff80;text-decoration-thickness:1px;transition:all .2s;display:block}.sidebar-item[data-v-4544a33d]:hover{color:#1a68e0;text-decoration-color:#1a68e0;transform:translate(2px)}.sidebar-item.active[data-v-4544a33d]{color:#1a68e0;background:#a5bcf333;font-weight:500;-webkit-text-decoration:underline #1a68e0;text-decoration:underline #1a68e0}.main-content[data-v-4544a33d]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e6e6e633;border-radius:12px;flex-direction:column;flex:1;min-width:0;margin-right:100px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000014}.diary-content[data-v-4544a33d]{flex-direction:column;width:100%;height:100%;padding:20px;display:flex}.diary-header[data-v-4544a33d]{background:inherit;z-index:10;justify-content:space-between;align-items:flex-end;padding:5px;display:flex;position:sticky;top:0}.date-info[data-v-4544a33d]{color:#fff;text-align:left;border-bottom:2px solid #ffffff80;font-size:1.2rem;font-weight:500}.weather-section[data-v-4544a33d]{border-bottom:2px solid #ffffff80;position:relative}.weather-icon[data-v-4544a33d]{cursor:pointer;border-radius:30%;padding:5px;transition:background-color .2s}.weather-icon[data-v-4544a33d]:hover{background-color:#fff3}.weather-panel[data-v-4544a33d]{z-index:100;background:#fffffff2;border-radius:10px;width:300px;margin-top:25px;padding:10px;position:absolute;top:40px;right:0;box-shadow:0 4px 15px #0000001a}.weather-grid[data-v-4544a33d]{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.weather-option[data-v-4544a33d]{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:5px;transition:background-color .2s;display:flex}.weather-option[data-v-4544a33d]:hover{background-color:#78a8fc4d}.mood-fixed-container[data-v-4544a33d]{z-index:1000;cursor:pointer;background:#ffffffe6;border-radius:50%;padding:5px;transition:all .3s;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.mood-fixed-container[data-v-4544a33d]:hover{background:#fff;transform:translate(-50%)scale(1.1)}.mood-panel-fixed[data-v-4544a33d]{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:15px;width:600px;max-width:90%;max-height:300px;padding:20px;position:absolute;top:120px;left:50%;overflow-y:auto;transform:translate(-50%)}.mood-grid-fixed[data-v-4544a33d]{grid-template-columns:repeat(8,1fr);gap:12px;display:grid}.mood-option-fixed[data-v-4544a33d]{cursor:pointer;background:#ffffff80;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.mood-option-fixed[data-v-4544a33d]:hover{background:#78a8fc4d;transform:scale(1.1)}.editor-container[data-v-4544a33d]{border:1px solid #ffffff4d;border-radius:10px;flex-direction:column;flex:1;margin-top:20px;margin-bottom:15px;display:flex;position:relative;overflow:hidden}.text-editor[data-v-4544a33d]{color:#333;text-align:left;resize:none;border:none;outline:none;flex:1;width:100%;padding:80px 20px 20px;font-size:1rem;line-height:1.6;overflow-y:auto}.text-editor[data-v-4544a33d] *{text-align:left}.placeholder-text[data-v-4544a33d]{color:#fff9;pointer-events:none;text-align:center;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toolbar[data-v-4544a33d]{background:#ffffff1a;border-top:1px solid #fff3;justify-content:space-between;padding:10px 20px;display:flex}.tool-group[data-v-4544a33d]{gap:10px;display:flex}.tool-btn[data-v-4544a33d]{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:5px;padding:8px 12px;font-size:1rem;transition:all .2s}.tool-btn[data-v-4544a33d]:hover{background:#78a8fc4d;border-color:#78a8fc}.tool-btn.active[data-v-4544a33d]{background:#78a8fc;border-color:#78a8fc}.tool-btn.recording[data-v-4544a33d]{background:#ff6b6b;border-color:#ff6b6b}.color-picker[data-v-4544a33d]{cursor:pointer;background:0 0;border:none;width:50px;height:50px;padding:0}.attachment-area[data-v-4544a33d]{margin:15px 0}.location-info[data-v-4544a33d]{color:#fff;background:#78a8fc33;border-radius:5px;margin-bottom:10px;padding:8px 12px;display:inline-block}.image-preview-area[data-v-4544a33d]{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.image-preview-item[data-v-4544a33d]{border:2px solid #ffffff4d;border-radius:8px;width:150px;height:150px;position:relative;overflow:hidden}.preview-image[data-v-4544a33d]{object-fit:cover;width:100%;height:100%}.image-remove-btn[data-v-4544a33d]{color:#fff;cursor:pointer;z-index:10;background:#ff6b6b;border:none;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:14px;display:flex;position:absolute;top:5px;right:5px}.save-section[data-v-4544a33d]{text-align:center;border-top:1px solid #fff3;margin-top:auto;padding-top:15px}.save-btn[data-v-4544a33d]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#97abfa,#d1abf8);border:none;border-radius:8px;padding:12px 30px;font-size:1rem;font-weight:500;transition:all .2s}.save-btn[data-v-4544a33d]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.save-btn[data-v-4544a33d]:focus{outline:none;box-shadow:0 0 8px #e6ebf499}.editor-image-container[data-v-4544a33d]{vertical-align:top;margin:5px;display:inline-block}.editor-image-container img[data-v-4544a33d]{object-fit:cover;border:2px solid #ffffff4d;border-radius:8px;width:150px;height:150px}.text-editor[data-v-4544a33d]::-webkit-scrollbar{width:8px}.text-editor[data-v-4544a33d]::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.text-editor[data-v-4544a33d]::-webkit-scrollbar-thumb{background:#78a8fc80;border-radius:4px}.text-editor[data-v-4544a33d]::-webkit-scrollbar-thumb:hover{background:#78a8fcb3}