html,body,#svelte,main{margin:0;padding:0;height:100vh;width:100vw;overflow-x:hidden;background:#fafbfc}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-wrap.svelte-1pb8jf9{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.main-content.svelte-1pb8jf9{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:20px}.diary-card.svelte-1pb8jf9{width:100%;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001f;overflow:hidden;height:calc(80vh - 96px);display:flex;flex-direction:column}.card-header.svelte-1pb8jf9{padding:20px 20px 12px;border-bottom:1px solid #f3f4f6;background:#fff}.card-date.svelte-1pb8jf9{display:flex;flex-direction:column;gap:4px}.date-text.svelte-1pb8jf9{font-size:1.2rem;font-weight:700;color:#1f2937}.time-text.svelte-1pb8jf9{font-size:.9rem;color:#6b7280;font-weight:500}.card-content.svelte-1pb8jf9{flex:1;padding:20px;display:flex;flex-direction:column}.textarea-wrap.svelte-1pb8jf9{position:relative;flex:1;display:flex;flex-direction:column}.diary-textarea.svelte-1pb8jf9{width:100%;flex:1;min-height:200px;border:none;font-size:1rem;padding:0;resize:none;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1f2937;box-sizing:border-box}.diary-textarea.svelte-1pb8jf9:focus{outline:none}.diary-textarea.svelte-1pb8jf9::placeholder{color:#9ca3af}.card-actions.svelte-1pb8jf9{width:100%;display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #f3f4f6;margin-top:16px}.save-btn.svelte-1pb8jf9{width:100%;padding:12px 24px;font-size:1rem;font-weight:600;background:#007aff;color:#fff;border:none;border-radius:8px;transition:all .2s ease;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box;min-width:80px}.save-btn.svelte-1pb8jf9:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.save-btn.svelte-1pb8jf9:disabled{background:#b0b0b0;cursor:not-allowed;transform:none}.toast.svelte-1pb8jf9{position:fixed;left:50%;bottom:48px;transform:translate(-50%);background:#1e1e1ef2;color:#fff;padding:14px 28px;border-radius:24px;font-size:1rem;font-weight:500;box-shadow:0 4px 16px #0000001f;z-index:9999;animation:svelte-1pb8jf9-fadein .2s,svelte-1pb8jf9-fadeout .3s 1.2s;pointer-events:none}@keyframes svelte-1pb8jf9-fadein{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes svelte-1pb8jf9-fadeout{0%{opacity:1}to{opacity:0}}@media (max-width: 480px){.main-wrap.svelte-1pb8jf9{padding:16px}.diary-card.svelte-1pb8jf9{height:calc(80vh - 96px)}.diary-textarea.svelte-1pb8jf9{font-size:.95rem}.save-btn.svelte-1pb8jf9{font-size:.95rem;padding:10px 20px}}@media (min-width: 481px){.main-wrap.svelte-1pb8jf9{padding:32px}}.clear-btn.svelte-1pb8jf9{position:absolute;top:-19px;right:-8px;width:28px;height:28px;border:none;background:none;color:#b0b0b0;font-size:1.3rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:2}.clear-btn.svelte-1pb8jf9:focus,.clear-btn.svelte-1pb8jf9:hover{background:#f0f0f0;color:#007aff;outline:none}.beta-badge.svelte-1pb8jf9{position:absolute;top:80px;right:20px;z-index:10}.beta-text.svelte-1pb8jf9{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:12px;letter-spacing:.5px;box-shadow:0 2px 8px #667eea4d;animation:svelte-1pb8jf9-pulse 2s infinite}@keyframes svelte-1pb8jf9-pulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 480px){.beta-badge.svelte-1pb8jf9{top:70px;right:16px}.beta-text.svelte-1pb8jf9{font-size:.65rem;padding:3px 6px}}.company-info.svelte-1pb8jf9{position:absolute;top:150vh;left:50%;transform:translate(-50%);width:100%;max-width:400px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000f;margin:0 20px}.biz-info-box.svelte-1pb8jf9{display:flex;flex-direction:column;gap:12px}.biz-label.svelte-1pb8jf9{font-weight:500;color:#6b7280;margin-right:8px}@media (max-width: 480px){.company-info.svelte-1pb8jf9{padding:20px;margin:0 16px;border-radius:12px}}