: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:0}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.diary-card[data-v-5ab9cd51]{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;border:2px solid var(--border-color-light);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.diary-card[data-v-5ab9cd51]:before{content:"";background:var(--primary-gradient);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.diary-card[data-v-5ab9cd51]:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-4px)}.diary-card[data-v-5ab9cd51]:hover:before{transform:scaleX(1)}.diary-card-header[data-v-5ab9cd51]{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.diary-card-title[data-v-5ab9cd51]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);flex:1;margin:0;line-height:1.4}.diary-card-date[data-v-5ab9cd51]{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.diary-card-content[data-v-5ab9cd51]{margin:0 0 var(--spacing-sm)0;color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-base)}.diary-card-media[data-v-5ab9cd51]{margin-top:var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.diary-card-media img[data-v-5ab9cd51]{object-fit:contain;width:100%;height:auto;max-height:none;display:block}@media (max-width:48rem){.diary-card[data-v-5ab9cd51]{padding:var(--spacing-sm)}.diary-card-header[data-v-5ab9cd51]{flex-direction:column;align-items:flex-start}.diary-card-title[data-v-5ab9cd51]{font-size:var(--font-size-base)}}.loading-spinner[data-v-371d0490]{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);flex-direction:column;display:flex}.spinner[data-v-371d0490]{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:1s linear infinite spin-371d0490}.size-sm .spinner[data-v-371d0490]{border-width:2px;width:24px;height:24px}.size-md .spinner[data-v-371d0490]{border-width:3px;width:40px;height:40px}.size-lg .spinner[data-v-371d0490]{border-width:4px;width:60px;height:60px}@keyframes spin-371d0490{to{transform:rotate(360deg)}}.spinner-text[data-v-371d0490]{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.home-page[data-v-6192e727]{width:100%;max-width:var(--container-max-width);padding:var(--spacing-lg);-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;margin:0 auto;overflow:hidden auto}@media (max-width:48rem){.home-page[data-v-6192e727]{padding:var(--spacing-md)}}@media (min-width:48.0625rem){.home-page[data-v-6192e727]{padding:var(--spacing-lg)}}.hero[data-v-6192e727]{text-align:center;padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);background:var(--primary-gradient);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);width:100%}@media (max-width:48rem){.hero[data-v-6192e727]{padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg)}}.hero-title[data-v-6192e727]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md)0;text-shadow:0 2px 4px #ffffff4d}.hero-subtitle[data-v-6192e727]{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.recent-section[data-v-6192e727]{margin-top:var(--spacing-xl)}.section-header[data-v-6192e727]{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.section-header h2[data-v-6192e727]{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.view-all-link[data-v-6192e727]{color:var(--primary-color);font-weight:var(--font-weight-medium);transition:color var(--transition-base);text-decoration:none}.view-all-link[data-v-6192e727]:hover{color:var(--primary-color-dark)}.diaries-grid[data-v-6192e727]{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:48rem){.diaries-grid[data-v-6192e727]{gap:var(--spacing-md);grid-template-columns:1fr}}.error-message[data-v-6192e727]{text-align:center;padding:var(--spacing-xl);color:var(--error-color)}.retry-button[data-v-6192e727]{margin-top:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);border:none}.empty-state[data-v-6192e727]{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.create-button[data-v-6192e727]{margin-top:var(--spacing-md);padding:var(--spacing-md)var(--spacing-xl);background:var(--primary-gradient);color:var(--text-primary);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);box-shadow:var(--shadow-md);border:none;text-decoration:none;display:inline-block}.create-button[data-v-6192e727]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:48rem){.home-page[data-v-6192e727]{padding:var(--spacing-md)}.hero[data-v-6192e727]{padding:var(--spacing-xl)0}.hero-title[data-v-6192e727]{font-size:var(--font-size-2xl)}.section-header[data-v-6192e727]{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.diaries-grid[data-v-6192e727]{gap:var(--spacing-md);grid-template-columns:1fr}}.diary-list-page[data-v-bf8eea18]{width:100%;max-width:var(--container-max-width);padding:var(--spacing-lg);-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;margin:0 auto;overflow:hidden auto}@media (max-width:48rem){.diary-list-page[data-v-bf8eea18]{padding:var(--spacing-md);height:calc(100vh - var(--header-height-mobile) - var(--bottom-nav-height));max-height:calc(100vh - var(--header-height-mobile) - var(--bottom-nav-height))}}@media (min-width:48rem){.diary-list-page[data-v-bf8eea18]{height:calc(100vh - var(--header-height) - var(--spacing-lg)*2);max-height:calc(100vh - var(--header-height) - var(--spacing-lg)*2)}}@media (max-width:48rem){.diary-list-page[data-v-bf8eea18]{padding:var(--spacing-md)}}@media (min-width:48.0625rem){.diary-list-page[data-v-bf8eea18]{padding:var(--spacing-lg)}}.page-header[data-v-bf8eea18]{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.page-header h1[data-v-bf8eea18]{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.new-diary-button[data-v-bf8eea18]{padding:var(--spacing-sm)var(--spacing-lg);background:var(--primary-gradient);color:var(--text-primary);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);white-space:nowrap;box-shadow:var(--shadow-sm);border:none;text-decoration:none}.new-diary-button[data-v-bf8eea18]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.search-section[data-v-bf8eea18]{margin-bottom:var(--spacing-lg)}.search-input[data-v-bf8eea18]{width:100%;max-width:500px;padding:var(--spacing-md);border:2px solid var(--border-color-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--card-bg);color:var(--text-primary);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.search-input[data-v-bf8eea18]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ffd70033,var(--shadow-md);background:var(--bg-primary);outline:none}.diaries-grid[data-v-bf8eea18]{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:48rem){.diaries-grid[data-v-bf8eea18]{gap:var(--spacing-md);grid-template-columns:1fr}}.error-message[data-v-bf8eea18]{text-align:center;padding:var(--spacing-xl);color:var(--error-color)}.retry-button[data-v-bf8eea18]{margin-top:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);border:none}.empty-state[data-v-bf8eea18]{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.create-button[data-v-bf8eea18]{margin-top:var(--spacing-md);padding:var(--spacing-md)var(--spacing-xl);background:var(--primary-gradient);color:var(--text-primary);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);box-shadow:var(--shadow-md);border:none;text-decoration:none;display:inline-block}.create-button[data-v-bf8eea18]:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:48rem){.diary-list-page[data-v-bf8eea18]{padding:var(--spacing-md)}.page-header[data-v-bf8eea18]{flex-direction:column;align-items:stretch}.new-diary-button[data-v-bf8eea18]{text-align:center;width:100%}.search-input[data-v-bf8eea18]{max-width:100%}.diaries-grid[data-v-bf8eea18]{gap:var(--spacing-md);grid-template-columns:1fr}}.image-viewer[data-v-7d6c0aac]{width:100%;display:inline-block;position:relative}.image-preview[data-v-7d6c0aac]{cursor:pointer;border-radius:var(--radius-sm);overflow:hidden}.image-preview img.clickable[data-v-7d6c0aac]{transition:transform .2s}.image-preview img.clickable[data-v-7d6c0aac]:hover{transform:scale(1.02)}.image-full img[data-v-7d6c0aac]{border-radius:var(--radius-sm);width:100%;max-width:100vw;height:auto;display:block}.image-loading[data-v-7d6c0aac],.image-error[data-v-7d6c0aac]{background:var(--bg-secondary);border-radius:var(--radius-sm);min-height:200px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.spinner[data-v-7d6c0aac]{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-7d6c0aac}@keyframes spin-7d6c0aac{to{transform:rotate(360deg)}}.image-modal[data-v-7d6c0aac]{z-index:1000;padding:var(--spacing-md);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-7d6c0aac]{max-width:90vw;max-height:90vh;position:relative}.modal-content img[data-v-7d6c0aac]{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:90vh}.modal-close[data-v-7d6c0aac]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;line-height:1;transition:background .2s;display:flex;position:absolute;top:-40px;right:0}.modal-close[data-v-7d6c0aac]:hover{background:#ffffff4d}@media (max-width:768px){.modal-content[data-v-7d6c0aac]{max-width:95vw}.modal-close[data-v-7d6c0aac]{width:32px;height:32px;font-size:20px;top:-32px}}.diary-detail-page[data-v-00195b60]{width:100%;max-width:var(--container-max-width);padding:var(--spacing-lg);-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;margin:0 auto;overflow:hidden auto}@media (max-width:48rem){.diary-detail-page[data-v-00195b60]{padding:var(--spacing-md)}}@media (min-width:48.0625rem){.diary-detail-page[data-v-00195b60]{padding:var(--spacing-lg)}}.diary-content[data-v-00195b60]{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:2px solid var(--border-color-light)}.diary-header[data-v-00195b60]{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.back-button[data-v-00195b60]{color:var(--primary-color);font-weight:var(--font-weight-medium);transition:color var(--transition-base);text-decoration:none}.back-button[data-v-00195b60]:hover{color:var(--primary-color-dark)}.header-actions[data-v-00195b60]{gap:var(--spacing-sm);display:flex}.edit-button[data-v-00195b60],.delete-button[data-v-00195b60]{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-base)}.edit-button[data-v-00195b60]:hover{background:var(--primary-gradient);color:var(--text-primary);border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.delete-button[data-v-00195b60]:hover{background:var(--error-color);color:#fff;border-color:var(--error-color)}.delete-button[data-v-00195b60]:disabled{opacity:.6;cursor:not-allowed}.edit-form[data-v-00195b60]{gap:var(--spacing-md);flex-direction:column;display:flex}.edit-title[data-v-00195b60]{padding:var(--spacing-md);border:2px solid var(--border-color-light);border-radius:var(--radius-lg);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);background:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.edit-content[data-v-00195b60]{padding:var(--spacing-md);border:2px solid var(--border-color-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;line-height:var(--line-height-relaxed);background:var(--card-bg);color:var(--text-primary);resize:vertical;min-height:300px;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.edit-title[data-v-00195b60]:focus,.edit-content[data-v-00195b60]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ffd70033,var(--shadow-md);background:var(--bg-primary);outline:none}.edit-actions[data-v-00195b60]{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.save-button[data-v-00195b60],.cancel-button[data-v-00195b60]{padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);border:none}.save-button[data-v-00195b60]{background:var(--primary-gradient);color:var(--text-primary);box-shadow:var(--shadow-md)}.save-button[data-v-00195b60]:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cancel-button[data-v-00195b60]{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.cancel-button[data-v-00195b60]:hover:not(:disabled){background:var(--bg-tertiary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-button[data-v-00195b60]:disabled,.cancel-button[data-v-00195b60]:disabled{opacity:.6;cursor:not-allowed}.diary-article[data-v-00195b60]{gap:var(--spacing-lg);flex-direction:column;display:flex}.article-header[data-v-00195b60]{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-md)}.article-title[data-v-00195b60]{margin:0 0 var(--spacing-sm)0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.article-date[data-v-00195b60]{font-size:var(--font-size-sm);color:var(--text-secondary)}.article-media[data-v-00195b60]{margin:var(--spacing-md)0;width:100%;max-width:100%}.article-media[data-v-00195b60] .image-viewer{width:100%}.article-media[data-v-00195b60] img{width:100%;height:auto;display:block}.article-content[data-v-00195b60]{line-height:var(--line-height-relaxed);color:var(--text-primary);font-size:var(--font-size-base)}.article-content p[data-v-00195b60]{margin:0 0 var(--spacing-md)0}.error-message[data-v-00195b60]{text-align:center;padding:var(--spacing-xl);color:var(--error-color)}.retry-button[data-v-00195b60]{margin:var(--spacing-md)var(--spacing-sm)0 0;padding:var(--spacing-sm)var(--spacing-md);background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);border:none}.back-link[data-v-00195b60]{margin-top:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-md);color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-md);text-decoration:none;display:inline-block}@media (max-width:48rem){.diary-detail-page[data-v-00195b60]{padding:0}.diary-content[data-v-00195b60]{padding:var(--spacing-md);border-radius:0}.diary-header[data-v-00195b60]{flex-direction:column;align-items:stretch}.header-actions[data-v-00195b60]{width:100%}.edit-button[data-v-00195b60],.delete-button[data-v-00195b60]{min-height:var(--touch-target-min);flex:1}.article-title[data-v-00195b60]{font-size:var(--font-size-xl)}.article-media[data-v-00195b60]{margin-left:calc(-1*var(--spacing-md));margin-right:calc(-1*var(--spacing-md))}}.image-uploader[data-v-11121e56]{width:100%}.uploader-controls[data-v-11121e56]{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.upload-button[data-v-11121e56]{padding:var(--spacing-sm)var(--spacing-md);background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);transition:background .2s;display:inline-block}.upload-button[data-v-11121e56]:hover:not(.disabled){background:var(--primary-color-dark)}.upload-button.disabled[data-v-11121e56]{opacity:.6;cursor:not-allowed}.upload-button input[data-v-11121e56]{display:none}.upload-submit-button[data-v-11121e56],.upload-cancel-button[data-v-11121e56]{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);transition:all .2s}.upload-submit-button[data-v-11121e56]:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.upload-cancel-button[data-v-11121e56]:hover{background:var(--error-color);color:#fff;border-color:var(--error-color)}.upload-progress[data-v-11121e56]{margin-bottom:var(--spacing-md)}.progress-bar[data-v-11121e56]{background:var(--bg-secondary);border-radius:var(--radius-sm);width:100%;height:8px;margin-bottom:var(--spacing-xs);overflow:hidden}.progress-fill[data-v-11121e56]{background:var(--primary-color);height:100%;transition:width .3s}.progress-text[data-v-11121e56]{font-size:var(--font-size-sm);color:var(--text-secondary)}.preview-grid[data-v-11121e56]{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.preview-item[data-v-11121e56]{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border-color);position:relative;overflow:hidden}.preview-item img[data-v-11121e56]{object-fit:cover;width:100%;height:100%}.remove-button[data-v-11121e56]{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;line-height:1;transition:background .2s;display:flex;position:absolute;top:4px;right:4px}.remove-button[data-v-11121e56]:hover{background:#000c}.uploaded-grid[data-v-11121e56]{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.uploaded-label[data-v-11121e56]{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}@media (max-width:768px){.preview-grid[data-v-11121e56]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.new-diary-page[data-v-25d52a44]{width:100%;max-width:var(--container-max-width);padding:var(--spacing-lg);-webkit-overflow-scrolling:touch;box-sizing:border-box;height:100%;margin:0 auto;overflow:hidden auto}@media (max-width:48rem){.new-diary-page[data-v-25d52a44]{padding:var(--spacing-md)}}@media (min-width:48.0625rem){.new-diary-page[data-v-25d52a44]{padding:var(--spacing-lg)}}.page-header[data-v-25d52a44]{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.page-header h1[data-v-25d52a44]{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.cancel-button[data-v-25d52a44]{padding:var(--spacing-sm)var(--spacing-md);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-base);background:0 0}.cancel-button[data-v-25d52a44]:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.diary-form[data-v-25d52a44]{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:2px solid var(--border-color-light)}.form-group[data-v-25d52a44]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-25d52a44]{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-base);display:block}.form-input[data-v-25d52a44],.form-textarea[data-v-25d52a44]{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--card-bg);color:var(--text-primary);transition:all var(--transition-base);box-sizing:border-box;box-shadow:var(--shadow-sm);font-family:inherit}.form-input[data-v-25d52a44]:focus,.form-textarea[data-v-25d52a44]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ffd70033,var(--shadow-md);background:var(--bg-primary);outline:none}.form-textarea[data-v-25d52a44]{resize:vertical;min-height:300px;line-height:var(--line-height-relaxed)}.form-actions[data-v-25d52a44]{gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);justify-content:flex-end;display:flex}.submit-button[data-v-25d52a44],.cancel-form-button[data-v-25d52a44]{padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);border:none}.submit-button[data-v-25d52a44]{background:var(--primary-gradient);color:var(--text-primary);box-shadow:var(--shadow-md)}.submit-button[data-v-25d52a44]:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cancel-form-button[data-v-25d52a44]{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color-light);box-shadow:var(--shadow-sm)}.cancel-form-button[data-v-25d52a44]:hover:not(:disabled){background:var(--bg-tertiary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-button[data-v-25d52a44]:disabled,.cancel-form-button[data-v-25d52a44]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-25d52a44]{color:var(--error-color);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:#fee2e2;border:1px solid #fecaca}.error-message p[data-v-25d52a44]{margin:0}@media (max-width:48rem){.new-diary-page[data-v-25d52a44],.diary-form[data-v-25d52a44]{padding:var(--spacing-md)}.page-header[data-v-25d52a44]{flex-direction:column;align-items:stretch}.cancel-button[data-v-25d52a44]{width:100%}.form-actions[data-v-25d52a44]{flex-direction:column}.submit-button[data-v-25d52a44],.cancel-form-button[data-v-25d52a44]{width:100%}}.login-page[data-v-814a3b7b]{width:100%;min-height:100vh;background:var(--bg-secondary);min-height:100dvh;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.login-container[data-v-814a3b7b]{background:var(--card-bg);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);border:2px solid var(--border-color-light)}.login-header[data-v-814a3b7b]{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h1[data-v-814a3b7b]{margin:0 0 var(--spacing-sm)0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-header p[data-v-814a3b7b]{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.login-form[data-v-814a3b7b]{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group[data-v-814a3b7b]{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label[data-v-814a3b7b]{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.form-input[data-v-814a3b7b]{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--card-bg);color:var(--text-primary);transition:border-color var(--transition-base);font-family:inherit}.form-input[data-v-814a3b7b]:focus{border-color:var(--primary-color);background:var(--bg-primary);outline:none;box-shadow:0 0 0 3px #ffd70033}.login-button[data-v-814a3b7b]{width:100%;padding:var(--spacing-md);background:var(--primary-gradient);color:var(--text-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-sm);box-shadow:var(--shadow-md);border:none}.login-button[data-v-814a3b7b]:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button[data-v-814a3b7b]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-814a3b7b]{padding:var(--spacing-md);color:var(--error-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#fee2e2;border:1px solid #fecaca}@media (max-width:48rem){.login-container[data-v-814a3b7b]{padding:var(--spacing-xl)}}html{font-size:16px}@media (max-width:360px){html{font-size:14px}}@media (min-width:1920px){html{font-size:18px}}:root{--primary-color:gold;--primary-color-dark:#ffc107;--primary-color-light:#ffeb3b;--primary-gradient:linear-gradient(135deg,gold 0%,#ffc107 100%);--secondary-color:#ff9800;--accent-color:#ff6b35;--text-primary:#2c2c2c;--text-secondary:#5a5a5a;--text-tertiary:#8a8a8a;--bg-primary:#fffef0;--bg-secondary:#fff9e6;--bg-tertiary:#fff8dc;--bg-gradient:linear-gradient(180deg,#fffef0 0%,#fff9e6 100%);--card-bg:#fff;--card-shadow:0 2px 12px #ffd70026;--border-color:#ffe082;--border-color-light:#fff9c4;--error-color:#f44336;--success-color:#4caf50;--warning-color:#ff9800;--info-color:#2196f3;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--touch-target-min:2.75rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 .125rem .25rem #ffd7001a;--shadow-md:0 .25rem .75rem #ffd70026,0 .125rem .25rem #0000000d;--shadow-lg:0 .5rem 1.5rem #ffd70033,0 .25rem .5rem #00000014;--shadow-xl:0 .75rem 2rem #ffd70040,0 .375rem .75rem #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-max-width:100%;--mobile-max-width:30rem;--header-height:3.5rem;--header-height-mobile:3.5rem;--bottom-nav-height:3.75rem;--sidebar-width:0;--content-padding:var(--spacing-md)}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--spacing-md);margin:0 auto}@media (max-width:48rem){.container{padding:0 var(--spacing-sm)}}.grid{gap:var(--spacing-md);display:grid}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:64rem){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:48rem){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.m-0{margin:0}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.hidden{display:none}.visible{display:block}@media (max-width:48rem){.hidden-mobile{display:none}}@media (min-width:48.0625rem){.hidden-desktop{display:none}}.w-full{width:100%}.w-auto{width:auto}.img-responsive{max-width:100%;height:auto}@media (max-width:48rem){button,a,input[type=button],input[type=submit],.clickable{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.diary-card,.nav-link{padding:var(--spacing-md)}input,textarea,select{padding:var(--spacing-sm)var(--spacing-md);font-size:1rem}.btn-mobile-full{width:100%}.stack-mobile{flex-direction:column}.spacing-mobile-sm{gap:var(--spacing-sm)}.text-mobile-lg{font-size:var(--font-size-lg)}::-webkit-scrollbar{width:.25rem;height:.25rem}}@media (max-width:48rem) and (orientation:landscape){.header{height:auto;min-height:3rem}}@media (max-width:30rem){:root{--spacing-md:.75rem;--spacing-lg:1.25rem;--font-size-base:.9375rem}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%;overflow-x:hidden}body{width:100%;min-height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{width:100%;min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.app{width:100%;min-height:100vh;background:var(--bg-gradient);flex-direction:column;min-height:100dvh;display:flex}@media (min-width:48rem){.app{max-width:var(--mobile-max-width);background:var(--bg-primary);margin:0 auto;box-shadow:0 0 2.5rem #0000001a}}.header{background:var(--card-bg);border-bottom:2px solid var(--primary-color-light);width:100%;box-shadow:var(--shadow-md);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;position:fixed;top:0;left:0;right:0}@media (min-width:48rem){.header{max-width:var(--mobile-max-width);left:50%;transform:translate(-50%)}}.header-container{width:100%;max-width:100%;padding:var(--spacing-md)var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}@media (min-width:48rem){.header-container{max-width:var(--mobile-max-width)}}@media (max-width:48rem){.header-container{padding:var(--spacing-sm)var(--spacing-md)}}.header-left{align-items:center;gap:var(--spacing-md);justify-content:space-between;width:100%;display:flex}.logo{color:var(--text-primary);justify-content:start;align-items:center;width:100%;height:100%;text-decoration:none;display:flex}.logo h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:var(--primary-gradient);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0}.mobile-menu-button{cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;display:none}.hamburger-icon{flex-direction:column;gap:5px;width:24px;display:flex}.hamburger-icon span{background:var(--text-primary);border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.hamburger-icon.active span:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger-icon.active span:nth-child(2){opacity:0}.hamburger-icon.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.nav{gap:var(--spacing-md);align-items:center;display:flex}.nav-link{color:var(--text-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;text-decoration:none}.nav-link:hover{background:var(--bg-secondary);color:var(--primary-color)}.nav-link.router-link-active{color:var(--primary-color)}.nav-link-primary{background:var(--primary-gradient);color:var(--text-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm);border:none}.nav-link-primary:hover{box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-1px)}.main-content{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.main-content>*{flex-direction:column;flex:1;min-height:0;display:flex}@media (max-width:48rem){.main-content{padding-top:calc(var(--header-height-mobile) + var(--spacing-sm));padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-sm));padding-left:0;padding-right:0}}@media (min-width:48rem){.main-content{padding-top:calc(var(--header-height) + var(--spacing-lg));padding-bottom:var(--spacing-lg)}}.footer{background:var(--bg-secondary);border-top:2px solid var(--primary-color-light);width:100%;padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:auto}@media (max-width:48rem){.footer{padding:var(--spacing-md)}}.footer p{margin:0}@media (max-width:48rem){.mobile-menu-button{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex}.nav{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:var(--spacing-md);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:all var(--transition-base);flex-direction:column;align-items:stretch;max-height:0;position:absolute;top:100%;left:0;right:0;overflow:hidden;transform:translateY(-100%)}.nav.mobile-open{opacity:1;visibility:visible;max-height:500px;transform:translateY(0)}.nav-link{text-align:left;width:100%;padding:var(--spacing-md);min-height:var(--touch-target-min)}.header-container{padding:var(--spacing-sm)var(--spacing-md)}.logo h1{font-size:var(--font-size-lg)}.main-content{padding:var(--spacing-md)0}.user-info{gap:var(--spacing-sm);flex-direction:column;width:100%}.logout-button{width:100%;min-height:var(--touch-target-min)}}.user-info{align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-md);padding-left:var(--spacing-md);border-left:1px solid var(--border-color);display:flex}.username{font-size:var(--font-size-sm);color:var(--text-secondary)}.logout-button{white-space:nowrap;padding:var(--spacing-xs)var(--spacing-sm);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-base);background:0 0}.logout-button:hover{background:var(--bg-secondary);border-color:var(--error-color);color:var(--error-color)}@media (max-width:48rem){.user-info{border-left:none;border-top:1px solid var(--border-color);padding-left:0;padding-top:var(--spacing-sm);margin-left:0;margin-top:var(--spacing-sm);justify-content:space-between;width:100%}}.bottom-nav{background:var(--card-bg);border-top:2px solid var(--primary-color-light);z-index:1000;padding:var(--spacing-xs)0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:var(--bottom-nav-height);background:#fffffff2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}@media (min-width:48rem){.bottom-nav{display:none}}.bottom-nav-item{padding:var(--spacing-xs)var(--spacing-sm);color:var(--text-secondary);font-size:var(--font-size-xs);transition:all var(--transition-base);min-height:var(--touch-target-min);border-radius:var(--radius-sm);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.bottom-nav-item svg{width:24px;height:24px}.bottom-nav-item span{font-size:10px;line-height:1.2}.bottom-nav-item.router-link-active{color:var(--primary-color)}.bottom-nav-item:active{background:var(--bg-secondary)}.user-nav-item{cursor:default}.user-nav-item:active{background:0 0}