.mode-tabs.svelte-1bueben{grid-column:1 / -1;display:flex;gap:0;margin-bottom:1rem;background:#f8f9fa;border-radius:8px;padding:4px;width:fit-content;margin-left:auto;margin-right:auto}.tab-button.svelte-1bueben{background:none;border:none;padding:12px 24px;font-size:1rem;font-weight:500;color:#666;cursor:pointer;border-radius:6px;transition:all .2s ease;min-width:80px}.tab-button.svelte-1bueben:hover{color:var(--notebook-black);background:#0000000d}.tab-button.active.svelte-1bueben{background:var(--notebook-white);color:var(--notebook-black);box-shadow:0 2px 4px #0000001a}.tab-button.svelte-1bueben:disabled{opacity:.6;cursor:not-allowed}.diary-grid.svelte-1bueben{grid-column:1 / -1;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.error-message.svelte-1bueben{grid-column:1 / -1;text-align:center;padding:2rem;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030}.retry-button.svelte-1bueben{background:#c53030;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:1rem;transition:background .2s ease}.retry-button.svelte-1bueben:hover{background:#9c2a2a}.loading-placeholder.svelte-1bueben{grid-column:1 / -1;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.loading-card.svelte-1bueben{background:var(--notebook-white);border:1px solid var(--notebook-border);border-radius:8px;padding:1.5rem;box-shadow:var(--notebook-shadow)}.skeleton-lines.svelte-1bueben{display:flex;flex-direction:column;gap:.75rem}.skeleton-line.svelte-1bueben{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:svelte-1bueben-skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-line.short.svelte-1bueben{width:40%}.skeleton-line.medium.svelte-1bueben{width:70%}@keyframes svelte-1bueben-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.end-message.svelte-1bueben{grid-column:1 / -1;text-align:center;padding:2rem;color:#666;font-style:italic}.empty-state.svelte-1bueben{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:#666}.empty-state.svelte-1bueben p:where(.svelte-1bueben){margin-bottom:1.5rem;font-size:1.1rem}@media (max-width: 767px){.mode-tabs.svelte-1bueben{width:100%;margin-left:0;margin-right:0;margin-bottom:.5rem}.tab-button.svelte-1bueben{flex:1;text-align:center}.diary-grid.svelte-1bueben{grid-template-columns:1fr;gap:1rem}.end-message.svelte-1bueben{padding:.5rem}.loading-placeholder.svelte-1bueben{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1023px){.mode-tabs.svelte-1bueben{margin-bottom:.5rem}.diary-grid.svelte-1bueben,.loading-placeholder.svelte-1bueben{gap:1.5rem}}@media (prefers-color-scheme: dark){.mode-tabs.svelte-1bueben{background:#e0e0e0}.tab-button.svelte-1bueben:hover{background:#0000001a}.skeleton-line.svelte-1bueben{background:linear-gradient(90deg,#d0d0d0 25%,silver,#d0d0d0 75%)}.error-message.svelte-1bueben{background:#ffe5e5;border-color:#ffb0b0;color:#c53030}.retry-button.svelte-1bueben{background:#c53030}.retry-button.svelte-1bueben:hover{background:#9c2a2a}}@media (prefers-contrast: high){.tab-button.svelte-1bueben{border:1px solid transparent}.tab-button.active.svelte-1bueben{border-color:var(--notebook-black)}}@media (prefers-reduced-motion: reduce){.tab-button.svelte-1bueben,.retry-button.svelte-1bueben{transition:none}@keyframes svelte-1bueben-skeleton-loading{0%{opacity:.5}to{opacity:1}}}