body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container{font-family:sans-serif;margin:0 auto;max-width:600px;padding:30px;text-align:center}.card{background-color:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 4px 10px #0000001a;margin-top:20px;padding:20px}.button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;margin:5px;padding:10px 15px;transition:.2s}.button:hover{background-color:#45a049}.danger{background-color:#f44336}.danger:hover{background-color:#d32f2f}.input{border:1px solid #ccc;border-radius:5px;margin:5px;padding:8px}.home-page{background:#f7f8fa;min-height:100vh;padding:32px 20px 50px}.home-hero{border-radius:24px;margin:0 auto 24px;max-width:1100px;padding:32px 24px;text-align:center}.home-hero h2{color:#222;font-size:34px;margin:0 0 10px}.home-subtitle{color:#666;font-size:16px;margin:0}.home-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto 24px;max-width:1100px}.summary-card{border-radius:20px;padding:28px 20px;text-align:center}.summary-card h3{color:#444;font-size:18px;margin:0 0 14px}.summary-number{color:#6cab5b;font-size:40px;font-weight:800;margin:0}.quick-menu-card,.recent-pets-card{border-radius:20px;margin:0 auto 24px;max-width:1100px;padding:28px 24px}.quick-menu-card h3,.recent-pets-card h3{color:#222;margin-bottom:18px;margin-top:0}.quick-menu-buttons{display:flex;flex-wrap:wrap;gap:14px}.home-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px;transition:.2s}.home-btn.primary{background:#6cab5b;color:#fff}.home-btn.secondary{background:#eef2f7;color:#333}.home-btn:hover{transform:translateY(-2px)}.recent-pet-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.recent-pet-item{align-items:center;background:#f8f9fb;border-radius:16px;display:flex;gap:14px;padding:14px}.recent-pet-image{align-items:center;border:3px solid #ececec;border-radius:50%;display:flex;flex-shrink:0;height:90px;justify-content:center;object-fit:cover;width:90px}.recent-pet-info h4{color:#222;font-size:18px;margin:0 0 6px}.recent-pet-info p{color:#555;font-size:14px;margin:3px 0}.empty-text{color:#777;font-size:15px}@media (max-width:768px){.home-summary-grid{grid-template-columns:1fr}.quick-menu-buttons{flex-direction:column}.home-btn{width:100%}.home-hero h2{font-size:28px}}.home-dashboard{background:linear-gradient(135deg,#f6f8f5,#f8fafc 48%,#fff7ef);min-height:100vh;padding:42px 24px 70px}.home-hero-modern{grid-gap:28px;align-items:center;background:linear-gradient(135deg,#fff,#eef8ec);border:1px solid #eef0ec;border-radius:34px;box-shadow:0 18px 45px #00000014;display:grid;gap:28px;grid-template-columns:1.6fr 1fr;margin:0 auto 28px;max-width:1180px;padding:46px}.hero-badge{background:#e4f3df;border-radius:999px;color:#4f8d42;display:inline-block;font-size:13px;font-weight:900;margin-bottom:18px;padding:8px 14px}.home-hero-modern h1{color:#1f2933;font-size:42px;line-height:1.25;margin:0}.home-hero-modern p{color:#667085;font-size:17px;line-height:1.7;margin:16px 0 0}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-actions button,.panel-header button{background:#6cab5b;border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:900;padding:12px 18px;transition:.2s}.hero-actions button.secondary,.panel-header button{background:#eef2f7;color:#333}.hero-actions button:hover,.panel-header button:hover{transform:translateY(-2px)}.hero-status-card{background:#fff;border-radius:26px;box-shadow:0 14px 34px #6cab5b24;padding:28px}.hero-status-card span{color:#777;font-weight:700}.hero-status-card strong{color:#2f6f25;display:block;font-size:28px;margin-top:12px}.hero-status-card p{font-size:15px}.home-kpi-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin:0 auto 28px;max-width:1180px}.home-kpi-card{background:#fff;border:1px solid #eef0ec;border-radius:24px;border-right-color:#e5e5e5;box-shadow:0 12px 30px #00000012;padding:24px}.home-kpi-card span{color:#777;font-size:14px;font-weight:800}.home-kpi-card strong{color:#6cab5b;display:block;font-size:34px;margin-top:12px}.home-kpi-card.warning strong{color:#e05a47}.home-main-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,2fr);margin:0 auto;max-width:1180px;width:100%}.home-panel{background:#fff;border:1px solid #eef0ec;border-radius:28px;box-shadow:0 14px 34px #00000012;margin:0;max-width:1180px;padding:28px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.panel-header h3{color:#222;font-size:22px;margin:0}.home-mission-card{background:#fffaf2;border:1px solid #f3d4a1;border-radius:20px;padding:22px}.home-mission-card strong{display:block;font-size:20px;margin-bottom:8px}.home-mission-card p{color:#444;line-height:1.6}.home-mission-card span{background:#fff;border-radius:999px;color:#555;display:inline-block;font-size:14px;font-weight:700;margin-top:8px;padding:8px 12px}.home-log-list{display:flex;flex-direction:column;gap:12px}.home-log-item{background:#f8f9fb;border-radius:18px;display:flex;gap:14px;justify-content:space-between;padding:16px}.home-log-item strong{color:#222}.home-log-item p{color:#666;font-size:14px;margin:6px 0 0}.home-log-item span{color:#6cab5b;font-weight:900;white-space:nowrap}.home-pet-grid-modern{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.home-pet-card-modern{align-items:center;background:#f8f9fb;border-radius:22px;cursor:pointer;display:flex;gap:16px;padding:18px;transition:.2s}.home-pet-card-modern:hover{background:#eef8ec;transform:translateY(-4px)}.home-pet-avatar{align-items:center;background:#eef2f7;border-radius:50%;display:flex;flex-shrink:0;height:72px;justify-content:center;overflow:hidden;width:72px}.home-pet-avatar-img{height:100%;object-fit:cover;width:100%}.home-pet-avatar-default{font-size:30px}.home-pet-card-modern h4{color:#222;font-size:20px;margin:0}.home-pet-card-modern p{color:#666;margin:6px 0}.home-pet-card-modern span{color:#888;font-size:14px}@media (max-width:900px){.home-hero-modern,.home-main-grid{gap:20px;grid-template-columns:1fr}.home-kpi-grid{grid-template-columns:repeat(2,1fr)}.home-hero-modern h1{font-size:34px}.home-panel{margin-bottom:20px}}@media (max-width:560px){.home-dashboard{padding:24px 14px}.home-hero-modern,.home-panel{padding:24px}.home-kpi-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.home-pet-section{margin-left:auto;margin-right:auto;max-width:1180px;width:100%}.home-pet-wrapper .home-panel{margin:0;width:1180px}}.pets-page{background:#f7f8fa;min-height:100vh;padding:40px 24px}.pets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:1200px}.pets-header h1{color:#222;font-size:32px;margin:0}.add-pet-btn{background:#6cab5b;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 20px}.add-pet-btn:hover{opacity:.92}.pet-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.pet-card{background:#fff;border:1px solid #ececec;border-radius:22px;box-shadow:0 8px 24px #00000014;padding:24px 20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.pet-card:hover{box-shadow:0 14px 30px #0000001a;transform:translateY(-4px)}.pet-image-wrap{display:flex;justify-content:center;margin-bottom:16px}.pet-image{border:4px solid #f1f1f1;border-radius:50%;height:110px;object-fit:cover;width:110px}.pet-title{color:#222;font-size:24px;font-weight:800;margin:8px 0 14px}.pet-info-box{background:#f8f9fb;border-radius:14px;margin-bottom:12px;padding:14px;text-align:left}.pet-info-box p{color:#444;font-size:14px;margin:8px 0}.pet-sub-info{margin-bottom:18px;text-align:left}.pet-sub-info p{color:#555;font-size:14px;margin:6px 0}.pet-actions{display:flex;gap:10px;justify-content:center}.edit-btn,.save-btn{background:#6cab5b}.delete-btn,.edit-btn,.save-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 16px}.delete-btn{background:#e05a47}.delete-btn:hover,.edit-btn:hover,.save-btn:hover{opacity:.92}.edit-form{display:flex;flex-direction:column;gap:10px}.edit-input{border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px 14px;width:100%}.edit-input:focus{border-color:#6cab5b;outline:none}@media (max-width:768px){.pets-header{flex-direction:column;gap:16px;text-align:center}.pets-header h1{font-size:26px}}.pet-simple-info{color:#555;font-size:15px;margin-bottom:14px}.more-btn{background:#eef2f7;border:none;border-radius:10px;color:#333;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:16px;padding:10px 18px}.more-btn:hover{background:#e1e7ef}.pet-detail-area{animation:slideDown .2s ease;margin-top:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pet-analysis-area{background:#fffaf2;border:1px solid #f3d4a1;border-radius:14px;margin:16px 0;padding:14px;text-align:left}.pet-analysis-area h4{color:#333;font-size:15px;margin:0 0 10px}.analysis-mini-card{background:#fff;border:1px solid #f1e1c7;border-radius:10px;margin-bottom:8px;padding:10px}.analysis-mini-card p{font-size:14px;margin:4px 0}.analysis-mini-card span{color:#777;font-size:12px}.no-analysis{color:#777;font-size:14px}.pet-default-icon{align-items:center;background:linear-gradient(135deg,#eef2ff,#dfe7ff);border-radius:50%;box-shadow:0 4px 12px #00000014;display:flex;height:120px;justify-content:center;margin:0 auto;width:120px}.green{border:2px solid #2e7d32;color:#2e7d32}.orange{border:2px solid #f57c00;color:#f57c00}.red{border:2px solid #d32f2f;color:#d32f2f}.result-box{border-radius:15px;font-weight:700;margin-top:20px;padding:20px}.behavior-select{margin-top:5px}.selected-behavior{color:#555;font-size:15px;font-weight:500;margin-top:14px;margin-top:12px}.solution-box{background:#fff8ef;border-radius:14px;margin-top:20px;padding:16px;text-align:left}.solution-box h4{color:#333;margin-bottom:12px}.solution-item{align-items:center;color:#333;display:flex;font-size:15px;gap:10px;margin:10px 0}.solution-item input{height:18px;width:18px}.analysis-step-box{background:#fff;border:1px solid #e7e7e7;border-radius:20px;box-shadow:0 8px 22px #0000000f;margin-top:24px;padding:22px;text-align:left}.step-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.step-badge{background:#6cab5b;border-radius:999px;color:#fff;font-size:13px;font-weight:800;padding:6px 12px}.step-header h3{color:#222;font-size:20px;margin:0}.step-desc{color:#666;font-size:14px;margin:8px 0 18px}.behavior-group-list{display:flex;flex-direction:column;gap:20px}.behavior-group{background:#f8f9fb;border-radius:16px;padding:16px}.behavior-group h4{color:#333;font-size:17px;margin:0 0 12px}.behavior-button-wrap{display:flex;flex-wrap:wrap;gap:10px}.behavior-chip{background:#fff;border:1px solid #ddd;border-radius:999px;cursor:pointer;font-size:14px;padding:10px 14px;transition:.2s}.behavior-chip:hover{border-color:#6cab5b;transform:translateY(-2px)}.behavior-chip.selected{background:#6cab5b;border-color:#6cab5b;color:#fff;font-weight:800}.selected-preview-card{background:#fffaf2;border:1px solid #f3d4a1;border-radius:18px;margin-top:24px;padding:20px;text-align:left}.selected-preview-card h4{color:#333;margin:0 0 12px}.selected-preview-card p{color:#444;margin:8px 0}.analysis-main-btn{background:#6cab5b;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:17px;font-weight:900;margin-top:10px;padding:16px;transition:.2s;width:100%}.analysis-main-btn:hover{background:#5d9d4d;transform:translateY(-2px)}.pet-select-area{grid-gap:18px;align-items:center;display:grid;gap:18px;grid-template-columns:1fr auto 1fr;margin-top:18px}.pet-select-column{background:#f8f9fb;border-radius:18px;padding:16px}.pet-select-column h4{color:#333;font-size:16px;margin:0 0 12px}.pet-choice-list{display:flex;flex-direction:column;gap:10px}.pet-choice-card{align-items:center;background:#fff;border:1px solid #e1e4e8;border-radius:16px;cursor:pointer;display:flex;gap:12px;padding:13px 14px;text-align:left;transition:.2s;width:100%}.pet-choice-card:hover{border-color:#6cab5b;box-shadow:0 8px 18px #00000012;transform:translateY(-2px)}.pet-choice-card.selected{background:#eef8ec;border-color:#6cab5b;box-shadow:0 8px 20px #6cab5b2e}.pet-choice-icon{align-items:center;background:#eef2f7;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:56px;justify-content:center;overflow:hidden;width:56px}.pet-choice-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.pet-choice-card.selected .pet-choice-icon{background:#6cab5b;border:3px solid #6cab5b}.pet-choice-card strong{color:#222;display:block;font-size:16px}.pet-choice-card span{color:#777;display:block;font-size:13px;margin-top:3px}.pet-vs-badge{align-items:center;background:#6cab5b;border-radius:50%;box-shadow:0 8px 18px #6cab5b47;color:#fff;display:flex;font-size:20px;font-weight:900;height:44px;justify-content:center;width:44px}@media (max-width:768px){.pet-select-area{grid-template-columns:1fr}.pet-vs-badge{margin:0 auto}}.pet-choice-card.disabled{background:#f3f4f6;border-color:#ddd;box-shadow:none!important;cursor:not-allowed;opacity:.45;transform:none!important}.pet-choice-card.disabled:hover{border-color:#ddd;transform:none}.analysis-progress{margin:26px 0 30px}.analysis-progress,.progress-step{align-items:center;display:flex;justify-content:center}.progress-step{background:#e5e7eb;border-radius:50%;color:#777;font-weight:900;height:42px;width:42px}.progress-step.active{background:#6cab5b;color:#fff}.progress-line{background:#e5e7eb;height:4px;width:90px}.progress-line.active{background:#6cab5b}.analysis-step-screen{animation:stepFade .35s ease;background:#fff;border-radius:28px;box-shadow:0 18px 45px #00000014;margin:0 auto;max-width:980px;padding:34px}@keyframes stepFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.step-button-row{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.analysis-next-btn,.analysis-prev-btn{border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:900;padding:14px 20px;transition:.2s}.analysis-next-btn{background:#6cab5b;color:#fff}.analysis-prev-btn{background:#eef2f7;color:#333}.analysis-next-btn:hover,.analysis-prev-btn:hover{transform:translateY(-2px)}@media (max-width:768px){.analysis-step-screen{padding:22px}.progress-line{width:44px}.step-button-row{flex-direction:column}.analysis-next-btn,.analysis-prev-btn{width:100%}}.custom-behavior-box{background:#fffaf2;border:1px solid #f3d4a1;border-radius:18px;margin-top:24px;padding:18px}.custom-behavior-box h4{color:#333;margin-bottom:12px}.custom-behavior-input{border:1px solid #ddd;border-radius:14px;font-size:15px;min-height:100px;outline:none;padding:14px;resize:none;width:100%}.custom-behavior-input:focus{border-color:#6cab5b}*{box-sizing:border-box}.login-page{align-items:center;background:linear-gradient(135deg,#f3f7ef,#f8fafc 45%,#fff7f0);display:flex;justify-content:center;min-height:100vh;padding:40px 20px;width:100%}.login-wrapper{background:#fff;border-radius:30px;box-shadow:0 20px 55px #0000001f;display:grid;grid-template-columns:1fr 1fr;max-width:1050px;min-height:620px;overflow:hidden;width:100%}.login-intro{background:linear-gradient(135deg,#6cab5b,#8bcf78);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 48px}.login-intro h1{font-size:42px;font-weight:900;margin:0 0 16px}.login-intro h2{font-size:27px;font-weight:800;margin:0 0 20px}.login-intro p{font-size:16px;line-height:1.8;margin:0 0 32px;opacity:.95}.intro-list{display:flex;flex-direction:column;gap:14px}.intro-list span{background:#ffffff2e;border-radius:14px;font-size:15px;font-weight:700;padding:13px 16px}.login-card{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:52px 48px;text-align:center;width:100%}.login-card h2{color:#222;font-size:34px;font-weight:900;margin:0 0 10px}.login-subtitle{color:#777;font-size:15px;margin:0 0 30px}.login-card select,.login-input{background:#fafafa;border:1px solid #ddd;border-radius:14px;font-size:15px;height:50px;margin-bottom:14px;outline:none;padding:0 16px;transition:.2s;width:100%}.login-card select:focus,.login-input:focus{background:#fff;border-color:#6cab5b;box-shadow:0 0 0 4px #6cab5b26}.agree-box{align-items:center;color:#555;display:flex;font-size:14px;gap:8px;justify-content:center;margin:8px 0 18px}.agree-box input{margin:0;width:auto}.login-button{background:#6cab5b;border:none;border-radius:14px;box-shadow:0 8px 18px #6cab5b47;color:#fff;cursor:pointer;font-size:16px;font-weight:800;height:52px;transition:.2s;width:100%}.login-button:hover{background:#5c9c4d;transform:translateY(-2px)}.login-toggle{background:none;border:none;color:#555;cursor:pointer;font-size:15px;margin-top:20px}.login-toggle:hover{color:#6cab5b;font-weight:700}@media (max-width:850px){.login-wrapper{grid-template-columns:1fr;max-width:480px}.login-intro{padding:36px 28px;text-align:center}.login-intro h1{font-size:34px}.login-intro h2{font-size:23px}.login-card{padding:38px 28px}}.navbar{align-items:center;background-color:#282c34;color:#fff;display:flex;justify-content:space-between;padding:12px 30px}.nav-left span{cursor:pointer;font-weight:700;margin-right:20px}.nav-left span:hover{color:#61dafb}.nav-left .active{border-bottom:2px solid #61dafb;color:#61dafb}.nav-right button{background-color:#397136;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:6px 12px}.nav-right button:hover{background-color:#e7d1d1}.navbar span{color:#e7edaf;cursor:pointer;font-weight:600;margin-right:20px}.navbar span.active{border-bottom:3px solid #6cab5b;color:#6cab5b;font-weight:800;padding-bottom:4px}.navbar-right{align-items:center;display:flex;gap:14px}.profile-icon-btn{align-items:center;background:#eef2f7;border:none;border-radius:50%;color:#6cab5b;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;transition:.2s;width:44px}.profile-icon-btn:hover{background:#dff2da;transform:translateY(-2px)}.petform-page{align-items:center;background:linear-gradient(135deg,#fff7f2,#fefefe);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.petform-card{background:#fff;border:1px solid #f3e9e2;border-radius:24px;box-shadow:0 12px 35px #00000014;max-width:760px;padding:36px;width:100%}.petform-header{margin-bottom:28px;text-align:center}.petform-header h2{color:#333;font-size:32px;margin:0}.petform-header p{color:#777;font-size:15px;margin-top:10px}.petform-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.full-width{grid-column:1/-1}.form-group label{color:#444;font-size:14px;font-weight:600;margin-bottom:8px}.petform-input{background:#fafafa;border:1px solid #ddd;border-radius:14px;box-sizing:border-box;font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.petform-input:focus{background:#fff;border-color:#ff9f68;box-shadow:0 0 0 4px #ff9f6826}.petform-buttons{display:flex;gap:14px;justify-content:center;margin-top:30px}.petform-btn{border:none;border-radius:14px;cursor:pointer;font-size:15px;font-weight:700;min-width:140px;padding:14px 20px;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.petform-btn:hover{transform:translateY(-2px)}.petform-btn.primary{background:#f77225;box-shadow:0 8px 20px #ff9f6847;color:#fff}.petform-btn.primary:hover{opacity:.95}.petform-btn.secondary{background:#f3f4f6;color:#444}.petform-btn.secondary:hover{background:#e5e7eb}@media (max-width:768px){.petform-card{border-radius:18px;padding:24px}.petform-grid{grid-template-columns:1fr}.petform-buttons{flex-direction:column}.petform-btn{width:100%}.petform-header h2{font-size:26px}}.mypage{background:#f7f8fa;min-height:100vh;padding:50px 20px}.mypage-card{background:#fff;border-radius:24px;box-shadow:0 12px 35px #00000014;margin:0 auto 24px;max-width:760px;padding:34px}.mypage-header{margin-bottom:28px;text-align:center}.mypage-avatar{align-items:center;background:#eef5ec;border-radius:50%;display:flex;font-size:38px;height:86px;justify-content:center;margin:0 auto 14px;width:86px}.mypage-header h2{color:#222;font-size:30px;margin:0}.mypage-header p{color:#777;margin-top:8px}.mypage-info,.mypage-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.mypage-info div,.mypage-summary div{background:#f8f9fb;border-radius:16px;padding:16px}.mypage-info span,.mypage-summary span{color:#777;display:block;font-size:13px;margin-bottom:8px}.mypage-info strong,.mypage-summary strong{color:#222;font-size:17px}.mypage-edit-btn,.mypage-sub-btn{background:#6cab5b;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:800;height:50px;margin-top:26px;width:100%}.mypage-sub-btn{background:#eef2f7;color:#333}.mypage-edit-btn:hover,.mypage-sub-btn:hover{opacity:.92}.mypage-loading{padding:60px;text-align:center}@media (max-width:700px){.mypage-info,.mypage-summary{grid-template-columns:1fr}}.profile-page{background:#f7f8fa;display:flex;justify-content:center;min-height:100vh;padding:50px 20px}.profile-card{background:#fff;border-radius:24px;box-shadow:0 12px 35px #00000014;max-width:560px;padding:36px;width:100%}.profile-card h2{font-size:30px;margin:0;text-align:center}.profile-subtitle{color:#777;margin:10px 0 28px;text-align:center}.profile-card label{color:#444;display:block;font-weight:700;margin:14px 0 8px}.profile-card input,.profile-card select{border:1px solid #ddd;border-radius:12px;box-sizing:border-box;font-size:15px;height:48px;padding:0 14px;width:100%}.profile-card input:disabled{background:#f1f1f1;color:#777}.profile-buttons{display:flex;gap:12px;margin-top:28px}.profile-cancel-btn,.profile-save-btn{border:none;border-radius:14px;cursor:pointer;flex:1 1;font-size:16px;font-weight:800;height:50px}.profile-save-btn{background:#6cab5b;color:#fff}.profile-cancel-btn{background:#eef2f7;color:#333}.records-page{background:#f7f8fa;min-height:100vh;padding:50px 20px}.records-container{margin:0 auto;max-width:760px}.records-container h2{font-size:30px;margin-bottom:24px}.records-search{border:1px solid #ddd;border-radius:14px;font-size:15px;height:48px;margin-bottom:24px;padding:0 16px;width:100%}.records-list{display:flex;flex-direction:column;gap:16px}.record-card{background:#fff;border:1px solid #eee;border-radius:18px;box-shadow:0 8px 24px #0000000f;cursor:pointer;padding:20px}.record-main{align-items:center;display:flex;gap:16px;justify-content:space-between}.record-main h3{font-size:20px;margin:0 0 8px}.record-main p{color:#555;font-weight:700;margin:0}.record-date{color:#777;font-size:13px;white-space:nowrap}.record-detail{background:#fffaf2;border:1px solid #f3d4a1;border-radius:14px;margin-top:18px;padding:16px}.record-detail p{line-height:1.6;margin:8px 0}.records-empty{color:#777;margin-top:60px;text-align:center}.stage-warning{background:#fff4e5;border-radius:10px;color:#9a5a00;font-size:14px;margin:8px 0 12px;padding:10px 12px}.mission-complete-btn{margin-top:8px}.record-chart-section{margin-bottom:28px}.chart-card{background:#fff;border:1px solid #eee;border-radius:18px;box-shadow:0 8px 24px #0000000f;margin-bottom:18px;padding:20px}.chart-card h4{color:#333;margin:0 0 16px}.pair-select-box{margin-bottom:20px}.pair-select-box label{color:#333;display:block;font-weight:700;margin-bottom:8px}.chart-legend{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:12px}.legend-item{align-items:center;background:#f8f9fb;border-radius:14px;display:flex;gap:8px;padding:10px 14px}.legend-color{border-radius:50%;flex-shrink:0;height:14px;width:14px}.legend-item strong{color:#222;display:block;font-size:14px}.legend-item p{color:#777;font-size:12px;margin:2px 0 0}.pet-detail-page{background:#f7f8fa;min-height:100vh;padding:40px 20px}.pet-detail-card{background:#fff;border-radius:22px;box-shadow:0 8px 24px #00000014;margin:0 auto 24px;max-width:760px;padding:28px}.back-btn{background:#eef2f7;border-radius:10px;padding:10px 14px}.pet-detail-info{margin-top:20px;text-align:left}.pet-detail-info p{background:#f8f9fb;border-radius:12px;padding:12px 14px}.detail-analysis-card{background:#fffaf2;border:1px solid #f3d4a1;border-radius:14px;margin-top:14px;padding:16px}.pet-detail-image-wrap{display:flex;justify-content:center;margin:18px 0}.pet-detail-default-icon,.pet-detail-image{border:4px solid #f1f1f1;border-radius:50%;height:130px;width:130px}.pet-detail-image{object-fit:cover}.pet-detail-default-icon{align-items:center;background:#eef2ff;display:flex;justify-content:center}.solution-stage-box{background:#fff;border:1px solid #f0dfc2;border-radius:14px;margin-top:16px;padding:14px}.solution-stage-box h4{color:#333;margin:0 0 10px}.solution-mission-item{margin-bottom:14px}.mission-box{background:#f7fbff;border:1px solid #cfe3ff;border-radius:14px;margin:10px 0 14px 28px;padding:14px}.mission-box h5{color:#24527a;font-size:15px;margin:0 0 8px}.mission-box p{color:#444;font-size:14px;line-height:1.5;margin:6px 0}.mission-bottom-row{margin-top:10px}.mission-complete-btn{border-radius:10px;font-weight:700;padding:8px 12px}.mission-complete-btn.done{background:#9ca3af}.today-mission-card{background:#f7fbff;border:1px solid #cfe3ff;border-radius:18px;margin-top:16px;padding:18px;text-align:left}.today-mission-card h4{color:#222;font-size:18px;margin:0 0 10px}.today-mission-card h5{color:#24527a;font-size:16px;margin:0 0 12px}.today-mission-card p{color:#444;line-height:1.6;margin:8px 0}.mission-bottom-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:12px}.mission-condition{flex:1 1;margin:0}.mission-complete-btn{background:#6cab5b;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:800;padding:9px 14px;white-space:nowrap}.mission-complete-btn:hover{opacity:.92}@media (max-width:700px){.mission-bottom-row{align-items:flex-start;flex-direction:column}}.pet-profile-hero-card{background:linear-gradient(135deg,#fff,#f4efff);border-radius:30px;box-shadow:0 18px 45px #00000014;margin:0 auto 24px;max-width:920px;padding:34px}.pet-profile-hero{grid-gap:28px;align-items:center;display:grid;gap:28px;grid-template-columns:1.4fr 1fr;margin-top:26px}.pet-profile-badge{background:#eee7ff;border-radius:999px;color:#7c5ce6;display:inline-block;font-size:13px;font-weight:900;margin-bottom:14px;padding:8px 14px}.pet-profile-text h2{color:#222;font-size:42px;margin:0}.gender-badge{background:#c7b8ff;border-radius:50%;color:#fff;font-size:18px;margin-left:12px;padding:6px 10px}.pet-profile-subtitle{color:#7c5ce6;font-size:17px;font-weight:700;margin-top:14px}.pet-profile-tags{display:flex;gap:10px;margin-top:22px}.pet-profile-tags span{background:#e9ddff;border-radius:999px;color:#6b4fa1;font-weight:800;padding:10px 18px}.pet-profile-image-area{display:flex;justify-content:center;position:relative}.pet-profile-decoration{font-size:42px;left:50px;position:absolute;top:-18px;transform:rotate(-15deg);z-index:2}.pet-profile-main-default,.pet-profile-main-image{border:8px solid #fff;border-radius:50%;box-shadow:0 14px 35px #00000026;height:210px;width:210px}.pet-profile-main-image{object-fit:cover}.pet-profile-main-default{align-items:center;background:#eef0ff;display:flex;justify-content:center}.pet-summary-row{background:#fff;border-radius:24px;box-shadow:0 10px 28px #0000000f;display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;padding:22px}.pet-summary-item{border-right:1px solid #e5e7eb;text-align:center}.pet-summary-item:last-child{border-right:none}.pet-summary-item span{display:block;font-size:24px;margin-bottom:8px}.pet-summary-item strong{color:#222;display:block;font-size:20px}.pet-summary-item p{color:#777;margin:6px 0 0}.pet-info-section{margin-top:34px}.pet-info-section h3{color:#222;margin-bottom:18px}.pet-info-modern-list{display:flex;flex-direction:column;gap:12px}.pet-info-modern-list div{background:#fff;border-radius:16px;box-shadow:0 6px 16px #0000000a;display:flex;justify-content:space-between;padding:16px 20px}.pet-info-modern-list span{color:#555;font-weight:800}.pet-info-modern-list strong{color:#222}.pet-memo-box{background:#f0eaff;border:1px solid #ded2ff;border-radius:22px;margin-top:26px;padding:22px}.pet-memo-box h4{color:#6b4fa1;margin:0 0 10px}.pet-memo-box p{color:#333;line-height:1.7;margin:0}.pet-profile-edit-btn{background:#7c5ce6;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:900;margin-top:24px;padding:15px;width:100%}.pet-profile-edit-btn:hover{opacity:.92}@media (max-width:768px){.pet-profile-hero{grid-template-columns:1fr;text-align:center}.pet-summary-row{gap:18px;grid-template-columns:repeat(2,1fr)}.pet-summary-item{border-right:none}}.detail-page{background:#f7f8fc;min-height:100vh;padding:40px 20px}.detail-container{margin:0 auto;max-width:850px}.back-btn{background:#e9eefc;border:none;border-radius:12px;cursor:pointer;font-weight:700;margin-bottom:20px;padding:10px 18px}.detail-card{background:#fff;border-radius:24px;box-shadow:0 4px 18px #00000014;padding:35px}.detail-card h3{font-size:28px;margin-bottom:20px}.detail-behavior{font-size:17px;margin-bottom:30px}.detail-description{background:#f8f9ff;border-radius:18px;line-height:1.8;margin-bottom:30px;padding:24px}.detail-description h4{margin-bottom:15px}.detail-solution-box{background:#f6fff5;border-radius:18px;padding:24px}.detail-solution-box h4{margin-bottom:15px}.detail-solution-item{font-size:16px;margin-bottom:12px}.about-page{background:#f7f8fa;min-height:100vh;padding:40px 20px}.about-container{margin:0 auto;max-width:1000px}.about-container h1{color:#222;margin-bottom:14px;text-align:center}.about-subtitle{color:#666;line-height:1.7;margin-bottom:34px;text-align:center}.about-card{background:#fff;border-radius:24px;box-shadow:0 10px 25px #0000000f;margin-bottom:24px;padding:28px}.about-card h3{color:#333;margin-top:0}.about-card ul{color:#555;line-height:2;padding-left:20px}
/*# sourceMappingURL=main.21084381.css.map*/