main.svelte-116gsmn{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:0 1rem 1rem;text-align:center;box-sizing:border-box}.hero.svelte-116gsmn{padding:3rem 1rem 2rem;max-width:700px}h1.svelte-116gsmn{font-size:2rem;font-weight:700;color:#4a4a6a;margin:0 0 .8rem;letter-spacing:-1px;line-height:1.3}.hero-desc.svelte-116gsmn{font-size:1.1rem;color:#888;margin:0}.diagnosis-section.svelte-116gsmn{width:100%;max-width:500px;margin:0 auto}.upload-area.svelte-116gsmn{border:2px dashed #c7d2fe;border-radius:20px;padding:2.5rem 1.5rem;background:#fafaff;transition:all .2s;cursor:pointer;position:relative}.upload-area.drag-over.svelte-116gsmn{border-color:#7c83fd;background:#f0f0ff;transform:scale(1.01)}.upload-prompt.svelte-116gsmn{display:flex;flex-direction:column;align-items:center;gap:.3rem}.upload-icon.svelte-116gsmn{font-size:3rem;margin-bottom:.5rem}.upload-prompt.svelte-116gsmn p:where(.svelte-116gsmn){margin:0;font-size:1.05rem;color:#555;font-weight:600}.upload-hint.svelte-116gsmn{font-size:.9rem!important;color:#aaa!important;font-weight:400!important}.upload-prompt.svelte-116gsmn input[type=file]:where(.svelte-116gsmn){position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.disclaimer.svelte-116gsmn{font-size:.85rem;color:#b48eae;margin:.8rem 0 0}.preview-block.svelte-116gsmn{display:flex;flex-direction:column;align-items:center;gap:1rem}.preview-block.svelte-116gsmn img:where(.svelte-116gsmn){max-width:100%;max-height:300px;border-radius:16px;object-fit:contain;box-shadow:0 4px 16px #00000014}.result-card.svelte-116gsmn{background:#fff;border-radius:24px;padding:2rem 1.5rem;box-shadow:0 8px 32px #7c83fd1f;animation:svelte-116gsmn-fadeIn .5s ease}@keyframes svelte-116gsmn-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-badge.svelte-116gsmn{display:inline-block;background:linear-gradient(135deg,#7c83fd,#f48fb1);color:#fff;font-size:1.4rem;font-weight:700;padding:.6rem 2rem;border-radius:50px;margin-bottom:1rem}.result-tip.svelte-116gsmn{color:#666;font-size:1.05rem;line-height:1.6;margin:0 0 1.2rem}.color-samples.svelte-116gsmn{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.color-box.svelte-116gsmn{width:90px;height:90px;display:flex;align-items:flex-end;justify-content:center;border-radius:16px;box-shadow:0 4px 12px #0000001a;transition:transform .15s;padding-bottom:8px}.color-box.svelte-116gsmn:hover{transform:scale(1.08)}.color-name.svelte-116gsmn{font-size:.8rem;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.result-actions.svelte-116gsmn{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}button.svelte-116gsmn{padding:.75rem 1.8rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}button.svelte-116gsmn:disabled{opacity:.6;cursor:not-allowed}.preview-block.svelte-116gsmn button:where(.svelte-116gsmn),.btn-share.svelte-116gsmn{background:linear-gradient(135deg,#7c83fd,#a78bfa);color:#fff;box-shadow:0 4px 12px #7c83fd33}.preview-block.svelte-116gsmn button:where(.svelte-116gsmn):hover:not(:disabled),.btn-share.svelte-116gsmn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c83fd4d}.btn-retry.svelte-116gsmn{background:#f5f5f5;color:#666}.btn-retry.svelte-116gsmn:hover{background:#eee}.btn-detail.svelte-116gsmn{display:inline-block;padding:.75rem 1.8rem;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;background:linear-gradient(135deg,#f48fb1,#f8bbd0);color:#fff;box-shadow:0 4px 12px #f48fb140;transition:transform .2s,box-shadow .2s}.btn-detail.svelte-116gsmn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f48fb159}.content-section.svelte-116gsmn{width:100%;max-width:900px;margin:3rem auto;text-align:left}.content-section.svelte-116gsmn h2:where(.svelte-116gsmn){text-align:center;font-size:1.6rem;color:#4a4a6a;margin-bottom:1.5rem;font-weight:700}.content-card.svelte-116gsmn{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 2px 16px #0000000a}.content-card.svelte-116gsmn p:where(.svelte-116gsmn){color:#555;line-height:1.8;font-size:1rem;margin:0 0 1.2rem}.benefits.svelte-116gsmn{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.benefit-item.svelte-116gsmn{display:flex;align-items:center;gap:.5rem;background:#f8f8ff;padding:.7rem 1.2rem;border-radius:12px;font-size:.95rem;color:#555}.benefit-icon.svelte-116gsmn{font-size:1.3rem}.season-guide.svelte-116gsmn{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.season-card.svelte-116gsmn{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 2px 16px #0000000a;transition:transform .2s}.season-card.svelte-116gsmn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.season-card.svelte-116gsmn h3:where(.svelte-116gsmn){font-size:1.2rem;margin:0 0 .5rem;color:#4a4a6a}.season-card.svelte-116gsmn p:where(.svelte-116gsmn){font-size:.9rem;color:#888;margin:0 0 1rem;line-height:1.5}.spring.svelte-116gsmn{border-top:3px solid #FFB6C1}.summer.svelte-116gsmn{border-top:3px solid #87CEEB}.autumn.svelte-116gsmn{border-top:3px solid #D2B48C}.winter.svelte-116gsmn{border-top:3px solid #36454F}.season-colors.svelte-116gsmn{display:flex;gap:.5rem;flex-wrap:wrap}.season-color.svelte-116gsmn{padding:.4rem .7rem;border-radius:8px;font-size:.8rem;font-weight:600;color:#333}.tips-grid.svelte-116gsmn{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.tip-card.svelte-116gsmn{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 2px 16px #0000000a}.tip-card.svelte-116gsmn h4:where(.svelte-116gsmn){font-size:1.1rem;margin:0 0 .7rem;color:#4a4a6a}.tip-card.svelte-116gsmn p:where(.svelte-116gsmn){font-size:.9rem;color:#666;line-height:1.7;margin:0}.faq-container.svelte-116gsmn{display:flex;flex-direction:column;gap:.8rem}.faq-item.svelte-116gsmn{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 16px #0000000a;text-align:left}.faq-item.svelte-116gsmn h4:where(.svelte-116gsmn){font-size:1rem;color:#7c83fd;margin:0 0 .5rem}.faq-item.svelte-116gsmn p:where(.svelte-116gsmn){font-size:.9rem;color:#666;line-height:1.7;margin:0}.ad-container.svelte-116gsmn{width:100%;max-width:900px;margin:1rem auto}footer.svelte-116gsmn{margin-top:3rem;padding:1.5rem 0;width:100%;max-width:900px;border-top:1px solid #eee}footer.svelte-116gsmn p:where(.svelte-116gsmn){font-size:.85rem;color:#aaa;margin:0}footer.svelte-116gsmn a:where(.svelte-116gsmn){color:#b48eae;text-decoration:none}footer.svelte-116gsmn a:where(.svelte-116gsmn):hover{text-decoration:underline}@media (max-width: 600px){.hero.svelte-116gsmn{padding:2rem .5rem 1.5rem}h1.svelte-116gsmn{font-size:1.5rem}.hero-desc.svelte-116gsmn{font-size:.95rem}.upload-area.svelte-116gsmn{padding:2rem 1rem}.content-section.svelte-116gsmn{margin:2rem auto}.content-section.svelte-116gsmn h2:where(.svelte-116gsmn){font-size:1.3rem}.season-guide.svelte-116gsmn,.tips-grid.svelte-116gsmn{grid-template-columns:1fr}.result-badge.svelte-116gsmn{font-size:1.2rem;padding:.5rem 1.5rem}.color-box.svelte-116gsmn{width:75px;height:75px}.benefits.svelte-116gsmn{flex-direction:column;align-items:stretch}}@media (min-width: 1025px){h1.svelte-116gsmn{font-size:2.4rem}.season-guide.svelte-116gsmn,.tips-grid.svelte-116gsmn{grid-template-columns:repeat(4,1fr)}.content-section.svelte-116gsmn{max-width:1000px}.color-box.svelte-116gsmn{width:100px;height:100px}}