@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Playfair+Display:ital,wght@0,700;1,600&display=swap";@import "https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Gaegu:wght@400;700&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--color-bg:#faf4ef;--color-surface:#fff;--color-border:#eae2db;--color-border-strong:#f2d8c5;--color-text-primary:#2e241e;--color-text-secondary:#5d5046;--color-text-muted:#a3968c;--color-accent:#f07c60;--color-accent-light:#fff5f0;--gradient-accent:linear-gradient(135deg, #f57e5c 0%, #f5b079 100%);--radius-lg:24px;--radius-md:16px;--radius-sm:10px}.page-container{max-width:420px}@media (width>=768px){.page-container{max-width:680px}}@media (width>=1200px){.page-container{max-width:960px}}.alert-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background-color:#3a332d73;justify-content:center;align-items:center;animation:.2s ease-out alertOverlayFadeIn;display:flex;position:fixed;inset:0}.alert-modal-card{background-color:#fff;border:1px solid #fff9;border-radius:28px;flex-direction:column;align-items:center;gap:18px;width:280px;padding:32px 24px 24px;animation:.28s cubic-bezier(.34,1.56,.64,1) alertCardPop;display:flex;box-shadow:0 4px 12px #3a332d0f,0 16px 40px #3a332d29}.alert-modal-icon{background:linear-gradient(135deg,#fde9e0 0%,#fcefdd 100%);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:-4px;display:flex;box-shadow:inset 0 -2px 4px #f57e5c14,0 2px 6px #f57e5c26}.alert-modal-icon.icon-error{background:linear-gradient(135deg,#fbe4e2 0%,#fbede0 100%);box-shadow:inset 0 -2px 4px #d9534f14,0 2px 6px #d9534f26}.alert-modal-icon svg{width:26px;height:26px}.alert-modal-message{color:#3a332d;text-align:center;white-space:pre-line;letter-spacing:-.01em;word-break:keep-all;font-size:14.5px;font-weight:600;line-height:1.55}.alert-modal-btn-row{gap:10px;width:100%;display:flex}.alert-modal-btn-row button{cursor:pointer;border:none;border-radius:16px;flex:1;padding:14px 0;font-size:14px;font-weight:800;transition:transform .12s,filter .12s}.alert-modal-btn-row button:active{transform:scale(.97)}.alert-modal-confirm-btn{color:#fff;background:linear-gradient(135deg,#f57e5c 0%,#f5a579 100%);box-shadow:0 6px 16px #f57e5c52}.alert-modal-confirm-btn:hover{filter:brightness(1.04)}.alert-modal-cancel-btn{color:#a3968c;background-color:#faf4ef}@keyframes alertOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes alertCardPop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.signup-container{width:100%;min-height:100vh;box-shadow:none;background:linear-gradient(145deg,#f57e5c 0%,#f5b079 100%);border:none;border-radius:48px;flex-direction:column;margin:0 auto;font-family:Pretendard,sans-serif;display:flex;position:relative;overflow:hidden auto}.signup-container::-webkit-scrollbar{display:none}.signup-container{-ms-overflow-style:none;scrollbar-width:none}.bg-circle{background:#ffffff26;border-radius:50%;position:absolute}.circle-left{width:140px;height:140px;top:60px;left:30px}.circle-right{width:80px;height:80px;top:100px;right:40px}.header-section{z-index:10;flex-direction:column;align-items:center;padding-top:80px;padding-bottom:30px;display:flex;position:relative}.bottom-sheet{z-index:10;background-color:#faf4ef;border-radius:32px 32px 0 0;flex-direction:column;flex:1;padding:40px 24px 32px;display:flex;position:relative}.tab-btn{color:#8c7b6d;cursor:pointer;background:0 0;border:none;border-radius:100px;flex:1;padding:14px 0;font-size:15px;font-weight:700;transition:all .2s}.login-form{flex-direction:column;display:flex}.input-group{margin-bottom:16px}.input-label{color:#a3968c;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.custom-input{color:#333;box-sizing:border-box;background-color:#fff;border:1px solid #eae2db;border-radius:16px;outline:none;width:100%;padding:16px 44px;font-size:14px;transition:border-color .2s}.custom-input::placeholder{color:#c0b5ac}.custom-input:focus{border-color:#f07c60}.icon-left,.icon-right{background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute}.icon-left{pointer-events:none;left:16px}.icon-right{cursor:pointer;color:#a3968c;right:16px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);border:none;border-radius:16px;width:100%;margin-bottom:24px;padding:18px 0;font-size:16px;font-weight:800;box-shadow:0 6px 16px #f57e5c4d}.google{color:#333;box-shadow:none;background-color:#fff;border:1px solid #eae2db}.find-links-row{justify-content:center;align-items:center;gap:8px;margin-bottom:24px;display:flex}.find-link{color:#a3968c;cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;font-weight:600}.find-link:hover{color:#f07c60;text-decoration:underline}.link-divider{color:#eae2db;font-size:12px}.divider-row{align-items:center;gap:12px;margin-bottom:24px;display:flex}.divider-line{background-color:#eae2db;flex:1;height:1px}.divider-text{color:#a3968c;font-size:12px;font-weight:600}.social-login-row{gap:12px;margin-bottom:32px;display:flex}.social-btn{cursor:pointer;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;padding:14px 0;font-size:14px;font-weight:700;transition:opacity .2s;display:flex;box-shadow:0 2px 8px #0000000d}.social-btn:active{opacity:.8}.kakao{color:#000;background-color:#fee500}.google{color:#333;background-color:#fff;border:1px solid #eae2db}.apple{color:#fff;background-color:#000}@keyframes spin{to{transform:rotate(360deg)}}.signup-container{background:linear-gradient(145deg,#f57e5c 0%,#f5b079 100%);flex-direction:column;width:100%;min-height:100vh;margin:0 auto;font-family:Pretendard,Apple SD Gothic Neo,sans-serif;display:flex;position:relative;overflow:hidden auto}.bg-circle{z-index:0;background-color:#ffffff26;border-radius:50%;width:130px;height:130px;position:absolute;top:-30px}.circle-left{left:-35px}.circle-right{right:-35px}.header-section,.bottom-sheet{z-index:1;position:relative}.header-section{flex-direction:column;align-items:center;padding-top:80px;padding-bottom:30px;display:flex}.logo-box{background-color:#fff;border-radius:24px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:12px;display:flex;box-shadow:0 4px 12px #0000000d}.logo-icon{font-size:32px}.app-title{color:#fff;margin:0;font-size:20px;font-weight:800}.bottom-sheet{background-color:#faf4ef;border-radius:32px 32px 0 0;flex-direction:column;flex:1;padding:32px 24px 16px;display:flex}.bottom-sheet form{flex-direction:column;gap:12px;display:flex}.tab-switcher{background-color:#eae2db;border-radius:999px;margin-bottom:20px;padding:4px;display:flex}.tab-btn{color:#a3968c;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:12px 0;font-size:14px;font-weight:700}.tab-btn.active{color:#f07c60;background-color:#fff;box-shadow:0 2px 6px #0000000f}.greeting-box{margin-bottom:20px}.greeting-title{color:#333;margin:0 0 4px;font-size:20px;font-weight:800}.greeting-subtitle{color:#a3968c;margin:0;font-size:13px}.signup-image-wrapper{flex-direction:column;align-items:center;margin-bottom:12px;display:flex}.signup-image-label{cursor:pointer;display:inline-block;position:relative}.signup-image-circle{background-color:#fff;background-position:50%;background-size:cover;border:2px solid #eae2db;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 4px 12px #0000000d}.signup-image-placeholder{font-size:32px}.signup-image-camera{background:#fff;border-radius:50%;padding:4px;font-size:14px;position:absolute;bottom:0;right:0;box-shadow:0 2px 6px #0000001a}.signup-image-hint{color:#a3968c;margin-top:8px;font-size:12px;font-weight:600}.signup-label{color:#a3968c;margin-top:4px;margin-bottom:-4px;font-size:13px;font-weight:700;display:block}.signup-input{color:#333;box-sizing:border-box;background-color:#fff;border:1px solid #eae2db;border-radius:16px;outline:none;width:100%;padding:16px;font-size:14px;transition:border-color .2s}.signup-input::placeholder{color:#c0b5ac}.signup-input:focus{border-color:#f07c60}.signup-agree-row{background-color:#fff;border:1px solid #eae2db;border-radius:16px;align-items:center;gap:12px;margin-top:16px;margin-bottom:8px;padding:16px;display:flex}.signup-agree-row input[type=checkbox]{appearance:none;cursor:pointer;background-color:#fff;border:2px solid #eae2db;border-radius:50%;outline:none;flex-shrink:0;width:24px;height:24px;position:relative}.signup-agree-row input[type=checkbox]:checked{background-color:#f07c60;border-color:#f07c60}.signup-agree-row input[type=checkbox]:checked:after{content:"✔";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signup-agree-row span{color:#a3968c;font-size:13px}.signup-agree-link{color:#f07c60;font-weight:800;text-decoration:underline}.signup-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);border:none;border-radius:16px;width:100%;margin-top:12px;margin-bottom:12px;padding:18px 0;font-size:16px;font-weight:800;transition:opacity .2s;box-shadow:0 6px 16px #f57e5c4d}.signup-submit-btn:active{opacity:.8}.signup-login-link{text-align:center;color:#a3968c;background-color:#faf4ef;justify-content:center;align-items:center;gap:6px;margin:0;padding:16px 0 40px;font-size:14px;display:flex}.signup-login-link span{color:#f07c60;cursor:pointer;font-weight:800;transition:opacity .2s}.signup-login-link span:hover,.signup-login-link span:active{opacity:.7;text-decoration:underline}.error-text{color:#ff4d4f;text-align:left;margin:-8px 0 14px 4px;font-size:12px}.signup-input.input-error{border:1px solid #ff4d4f}.password-input-wrapper .signup-input{padding-right:48px}.password-toggle-icon{-webkit-user-select:none;user-select:none;font-size:16px}.password-strength-wrapper{background-color:#fdfdfd;border:1px solid #f2ece9;border-radius:12px;margin-bottom:14px;padding:12px 14px}.strength-bar-container{background-color:#e5e5e5;border-radius:10px;width:100%;height:5px;margin-bottom:6px;overflow:hidden}.strength-bar-fill{border-radius:10px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s}.strength-text{color:#555;text-align:left;margin:0 0 10px 2px;font-size:12.5px}.milestone-list{gap:12px;margin:0;padding:0;list-style:none;display:flex}.milestone-list li{align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.milestone-list li.valid{color:#43b110}.milestone-list li.invalid{color:#aaa}.account-input-wrapper{position:relative}.account-input-wrapper .signup-input{padding-right:44px;font-family:Pretendard,Apple SD Gothic Neo,sans-serif}.account-status-icon{justify-content:center;align-items:center;width:20px;height:20px;font-size:15px;font-weight:700;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.account-status-icon:has(>.spinner){color:#0000}.spinner{border:2px solid #eae2db;border-top-color:#f07c60;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.success-text{color:#43b110;text-align:left;margin:-8px 0 14px 4px;font-size:12px}.result-box{text-align:center;background-color:#fff5f0;border:1px solid #f5b079;border-radius:16px;margin-top:20px;padding:20px}.result-label{color:#a3968c;margin:0;font-size:13px}.result-value{color:#f07c60;margin:8px 0 0;font-size:20px;font-weight:800}.back-to-login{color:#a3968c;cursor:pointer;background:0 0;border:none;width:100%;margin-top:24px;font-size:13px;text-decoration:underline;transition:all .2s}.back-to-login:hover{color:#f07c60;transform:scale(1.02)}.back-to-login:active{opacity:.6}.invite-dropdown{box-sizing:border-box;background-color:#fdf9f5;border:1px dashed #f5b079;border-radius:20px;width:100%;margin-top:10px;padding:20px;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.invite-title{color:#5d5046;text-align:center;margin:0 0 16px;font-size:16px;font-weight:800}.invite-form{flex-direction:column;gap:12px;display:flex}.invite-input{box-sizing:border-box;background:#fff;border:1px solid #eae2db;border-radius:12px;outline:none;width:100%;padding:14px;font-size:14px}.invite-input:focus{border-color:#f07c60}.invite-btn-group{gap:10px;display:flex}.invite-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);border:none;border-radius:12px;flex:1;padding:14px;font-weight:800;transition:transform .1s,opacity .2s;box-shadow:0 4px 10px #f57e5c33}.invite-submit-btn:active{opacity:.9;transform:scale(.98)}.invite-cancel-btn{color:#5d5046;cursor:pointer;background:#eae2db;border:none;border-radius:12px;flex:1;padding:14px;font-weight:800;transition:background-color .2s}.invite-cancel-btn:hover{background-color:#d6ccc4}.alarm-container{display:inline-block;position:relative}.alarm-bell-btn{cursor:pointer;background-color:#ffffff40;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.bell-icon{width:22px;height:22px}.alarm-dot{background-color:#f57e5c;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.alarm-dropdown{z-index:100;background-color:#fff;border:1px solid #eae2db;border-radius:20px;width:280px;padding:12px;animation:.2s ease-out slideDown;position:absolute;top:54px;right:0;box-shadow:0 8px 24px #0000001f}.alarm-empty{text-align:center;color:#a3968c;padding:20px;font-size:14px}.alarm-item{background-color:#fdf9f5;border:1px solid #f3ede8;border-radius:12px;margin-bottom:8px;padding:12px}.alarm-content{margin-bottom:12px}.alarm-title{color:#333;margin:0 0 4px;font-size:14px;font-weight:800}.alarm-text{color:#777;margin:0 0 2px;font-size:12px}.alarm-actions{gap:8px;display:flex}.accept-btn{color:#fff;cursor:pointer;background-color:#f07c60;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:700}.reject-btn{color:#5d5046;cursor:pointer;background-color:#eae2db;border:none;border-radius:8px;flex:1;padding:8px;font-size:13px;font-weight:700}.partner-list-container{flex-direction:column;gap:12px;display:flex}.empty-message{text-align:center;color:#a3968c;margin:0;padding:20px 0;font-size:14px}.partner-card{box-sizing:border-box;background-color:#fff;border:1px solid #eae2db;border-radius:20px;align-items:center;padding:16px;display:flex}.partner-avatar-wrapper{flex-shrink:0;margin-right:14px}.partner-avatar{object-fit:cover;border-radius:50%;width:50px;height:50px}.partner-avatar-placeholder{background-color:#f2e8e0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.partner-info{flex-direction:column;flex:1;gap:4px;display:flex}.partner-name{color:#333;font-size:15px;font-weight:800}.partner-role{color:#777;font-size:13px;font-weight:400}.partner-relation{color:#a3968c;font-size:13px}.partner-actions{align-items:center;gap:12px;display:flex}.status-badge{text-transform:capitalize;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800}.status-badge.active{color:#00a859;background-color:#e6f7ed}.status-badge.pending{color:#f0a500;background-color:#fff4e5}.delete-btn{color:#a3968c;cursor:pointer;background-color:#f7f2ed;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:background-color .2s;display:flex}.delete-btn:hover{color:#5d5046;background-color:#eae2db}.invite-btn{color:#f07c60;cursor:pointer;background-color:#fdf9f5;border:2px dashed #f5b079;border-radius:20px;justify-content:center;align-items:center;width:100%;margin-top:12px;padding:16px;font-weight:800;transition:all .2s;display:flex}.invite-btn:hover{background-color:#fff2ee}.invite-btn:active{transform:scale(.98)}.status-badge.rejected{color:#e74c3c;background:#ffe8e8;font-weight:700}.mobile-frame{background:0 0;border-radius:40px;width:100%;height:auto;margin:0;position:relative}.mypage-header-section{color:#fff;background:linear-gradient(#ff9a7b 0%,#ffb98e 100%);border-radius:0 0 32px 32px;padding:60px 24px 30px}.mypage-title{margin-bottom:25px;font-size:20px;font-weight:800}.profile-top-area{align-items:center;gap:15px;margin-bottom:20px;display:flex}.profile-img-wrapper{flex-shrink:0;position:relative}.profile-img{object-fit:cover;border:2px solid #fff;border-radius:20px;width:80px;height:80px}.camera-badge{background:#f07c60;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 6px #00000026}.profile-info-text{flex-direction:column;gap:2px;display:flex;overflow:hidden}.nickname{margin:0;font-size:17px;font-weight:700}.real-name{opacity:.9;margin:0;font-size:15px}.account-info,.email-info{opacity:.8;margin:0;font-size:13px}.edit-btn{color:#000;cursor:pointer;background:#ffffff40;border:none;border-radius:12px;width:100%;margin-top:10px;padding:10px;font-size:14px}.profile-edit-dropdown{box-sizing:border-box;background-color:#fdf9f5;border:1px dashed #f5b079;border-radius:16px;width:100%;margin-top:10px;padding:20px;animation:.3s ease-out slideDown}.edit-form{flex-direction:column;gap:14px;display:flex}.profile-image-section{justify-content:center;margin-bottom:10px;display:flex}.image-label{cursor:pointer;width:64px;height:64px;margin:0 auto;display:inline-block;position:relative}.image-circle{z-index:1;background-color:#f9f9f9;background-position:50%;background-size:cover;border:1px solid #eae2db;border-radius:50%;width:100%;height:100%;position:relative}.camera-icon{z-index:2;box-sizing:border-box;background-color:#f07c60;border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;max-height:20px;padding:0;display:flex;position:absolute;bottom:-2px;right:-2px;overflow:hidden;box-shadow:0 2px 4px #00000026}.camera-icon svg{flex-shrink:0;width:9px;height:9px}.input-label{color:#a3968c;margin-bottom:4px;font-size:13px;font-weight:700}.input-field{box-sizing:border-box;background-color:#fff;border:1px solid #eae2db;border-radius:12px;outline:none;width:100%;padding:14px;font-size:14px}.input-field:focus{border-color:#f07c60}.btn-group{gap:12px;width:100%;margin-top:10px;display:flex}.edit-profile-submit-btn,.edit-profile-cancel-btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;height:50px;margin:0;padding:0;font-size:15px;font-weight:800;display:flex}.edit-profile-submit-btn{color:#fff;background:#f07c60}.edit-profile-cancel-btn{color:#5d5046;background:#eae2db}.baby-list-container{flex-direction:column;gap:16px;display:flex}.baby-card{background:#fff;border:1px solid #eae2db;border-radius:20px;align-items:center;padding:16px;transition:all .2s ease-in-out;display:flex}.baby-card.selected{background:#fff9f7;border:2px solid #f07c60}.baby-avatar-wrapper{margin-right:16px;display:flex;position:relative}.baby-avatar{object-fit:cover;border-radius:50%;width:56px;height:56px}.selected-check{color:#fff;background-color:#f07c60;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:-2px;right:-2px}.baby-info{flex-direction:column;flex:1;gap:4px;display:flex}.baby-name{color:#333;font-size:16px;font-weight:800}.baby-age{color:#a3968c;font-size:13px}.baby-actions{align-items:center;gap:10px;display:flex}.current-badge{color:#fff;background-color:#f07c60;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:800}.select-btn{color:#f07c60;cursor:pointer;background-color:#0000;border:1px solid #f07c60;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.select-btn:hover{color:#fff;background-color:#f07c60}.edit-icon-btn{color:#7d7065;cursor:pointer;background-color:#f7f2ed;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background-color .2s;display:flex}.edit-icon-btn:hover{background-color:#eae2db}.baby-add-btn{cursor:pointer;box-sizing:border-box;background-color:#0000;border:2px dashed #f5b079;border-radius:20px;align-items:center;width:100%;margin-top:8px;padding:16px 20px;transition:background-color .2s;display:flex}.baby-add-btn:active,.baby-add-btn:hover{background-color:#fff9f7}.baby-add-icon{color:#f07c60;background-color:#fff2ee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-right:16px;font-size:24px;font-weight:400;display:flex}.baby-add-text{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.baby-add-title{color:#f07c60;font-size:15px;font-weight:800}.baby-add-subtitle{color:#a3968c;margin:0;font-size:12px}.baby-edit-dropdown{box-sizing:border-box;background-color:#fdf9f5;border:1px dashed #eae2db;border-radius:16px;width:100%;margin-top:10px;padding:20px;animation:.3s ease-out slideDown}.baby-edit-title{color:#5d5046;text-align:center;margin-top:0;margin-bottom:20px;font-size:16px;font-weight:800}.baby-edit-form{flex-direction:column;gap:14px;display:flex}.baby-edit-input-group{flex-direction:column;display:flex}.baby-edit-input-label{color:#a3968c;margin-bottom:4px;font-size:13px;font-weight:700}.baby-edit-input-field{box-sizing:border-box;background-color:#fff;border:1px solid #eae2db;border-radius:12px;outline:none;width:100%;padding:14px;font-size:14px}.baby-edit-input-field:focus{border-color:#f07c60}.baby-edit-file-upload-group{flex-direction:column;padding:10px 0;display:flex}.baby-edit-file-input-field{color:#5d5046;font-size:13px}.baby-edit-file-input-field::file-selector-button{color:#5d5046;cursor:pointer;background-color:#f2e8e0;border:none;border-radius:8px;margin-right:10px;padding:8px 12px;font-weight:700}.baby-edit-file-name-text{color:#f07c60;margin-top:6px;margin-bottom:0;font-size:12px;font-weight:600}.baby-edit-btn-group{gap:10px;margin-top:10px;display:flex}.baby-edit-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);border:none;border-radius:12px;flex:1;padding:14px;font-weight:800}.baby-edit-cancel-btn{color:#5d5046;cursor:pointer;background:#eae2db;border:none;border-radius:12px;flex:1;padding:14px;font-weight:800}.account-settings-container{box-sizing:border-box;gap:12px;width:100%;padding:10px 0;display:flex}.logout-btn,.delete-btn{cursor:pointer;box-sizing:border-box;border-radius:12px;flex:1;justify-content:center;align-items:center;height:50px;margin:0;padding:0;font-size:15px;font-weight:800;transition:background-color .2s;display:flex}.logout-btn{color:#5d5046;background-color:#f2e8e0;border:none}.logout-btn:hover{background-color:#eae2db}.delete-btn{color:#e63946;background-color:#fff2f2;border:1px solid #ffd6d6}.delete-btn:hover{background-color:#ffe5e5}.navibar-wrap{z-index:1000;background-color:#fff;border-top:1px solid #eae2db;justify-content:space-around;align-items:center;width:100%;max-width:420px;height:80px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (width>=768px){.navibar-wrap{max-width:680px}}@media (width>=1200px){.navibar-wrap{max-width:960px}}.navibar-item{cursor:pointer;color:#bdbdbd;flex-direction:column;justify-content:center;align-items:center;transition:color .2s;display:flex}.navibar-item.active{color:#f57e5c}.nav-icon{margin-bottom:4px;font-size:20px}.nav-label{font-size:11px;font-weight:700}.mypage-container{box-sizing:border-box;background-color:#faf4ef;width:100%;min-height:100vh;margin:0 auto;padding-bottom:80px}.mypage-header{justify-content:flex-end;padding:20px;display:flex}.mypage-section{background:#fff;border-radius:24px;margin:0 20px 20px;padding:20px;box-shadow:0 4px 12px #0000000d}.section-title{color:#5d5046;margin-bottom:16px;font-size:16px;font-weight:800}:root{--color-bg:#faf4ef;--color-card-bg:#fff;--color-border:#eae2db;--color-text-main:#3a332d;--color-text-sub:#a3968c;--color-text-hint:#b5afa4;--color-coral:#f07c60;--color-coral-deep:#f57e5c;--color-coral-light:#f5b079;--color-purple:#9b8cf5;--color-purple-bg:#f1eefe;--color-green:#4cc9a0;--color-green-bg:#e6f8f1;--radius-lg:24px;--radius-md:16px;--radius-sm:12px}.home-main-view{background-color:var(--color-bg);width:100%;min-height:100vh;color:var(--color-text-main);box-sizing:border-box;flex-direction:column;gap:16px;margin:0 auto;padding:20px 20px 100px;font-family:Pretendard,Apple SD Gothic Neo,sans-serif;display:flex;overflow-x:hidden}.home-header-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.baby-header-wrap{flex:1;align-items:center;gap:12px;display:flex}.baby-header-img{object-fit:cover;border:2px solid var(--color-card-bg);border-radius:50%;flex-shrink:0;width:48px;height:48px;box-shadow:0 2px 8px #0000000f}.baby-header-info p{color:var(--color-text-sub);margin:0;font-size:13px}.baby-header-info h2{color:var(--color-text-main);margin:2px 0 0;font-size:17px;font-weight:800}.alarm-wrap{flex-shrink:0;position:relative}.alarm-trigger-btn{background-color:var(--color-card-bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:opacity .2s;display:flex;box-shadow:0 2px 8px #0000000d}.alarm-trigger-btn:active{opacity:.7}.alarm-badge{background-color:var(--color-coral-deep);border:2px solid var(--color-bg);border-radius:50%;width:9px;height:9px;position:absolute;top:2px;right:2px}.alarm-dropdown{background-color:var(--color-card-bg);border-radius:var(--radius-md);z-index:50;width:280px;max-height:320px;padding:12px;position:absolute;top:52px;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.alarm-dropdown p{color:var(--color-text-sub);margin:8px 4px;font-size:13px}.alarm-item{background-color:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:8px;padding:12px}.alarm-item:last-child{margin-bottom:0}.alarm-item-title{color:var(--color-text-main);margin:0 0 6px;font-size:13px;font-weight:800}.alarm-item p{color:var(--color-text-sub);margin:2px 0;font-size:12px}.alarm-item-actions{gap:8px;margin-top:8px;display:flex}.alarm-item-actions button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:8px 0;font-size:12px;font-weight:700}.alarm-item-actions button:first-child{background-color:var(--color-coral);color:#fff}.alarm-item-actions button:last-child{background-color:var(--color-border);color:var(--color-text-sub)}.home-card-base{background-color:var(--color-card-bg);border-radius:var(--radius-lg);box-sizing:border-box;padding:20px;box-shadow:0 4px 16px #0000000a}.day-card-header{flex-direction:column;align-items:center;margin-bottom:4px;display:flex}.day-card-title{color:var(--color-text-sub);margin:0;font-size:13px;font-weight:700}.day-card-subinfo{color:var(--color-text-hint);margin-top:2px;font-size:11px}.day-card-value{text-align:center;color:var(--color-coral-deep);letter-spacing:-1px;margin:8px 0 16px;font-size:36px;font-weight:800}.day-card-hint{color:var(--color-text-main);font-weight:700}.home-progress{appearance:none;background-color:var(--color-border);border:none;border-radius:999px;width:100%;height:8px;overflow:hidden}.home-progress::-webkit-progress-bar{background-color:var(--color-border);border-radius:999px}.home-progress::-webkit-progress-value{background:linear-gradient(90deg, var(--color-coral-deep) 0%, var(--color-coral-light) 100%);border-radius:999px;transition:width .4s}.home-progress::-moz-progress-bar{background:linear-gradient(90deg, var(--color-coral-deep) 0%, var(--color-coral-light) 100%);border-radius:999px}.action-cards-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action-click-card{border-radius:var(--radius-lg);color:#fff;cursor:pointer;box-sizing:border-box;flex-direction:column;align-items:flex-start;min-height:150px;padding:20px 16px;transition:transform .15s,opacity .15s;display:flex;box-shadow:0 6px 16px #00000014}.action-click-card:active{opacity:.92;transform:scale(.98)}.action-click-card h2{margin:auto 0 4px;font-size:16px;font-weight:800}.action-click-card p{color:#ffffffd9;margin:0 0 12px;font-size:12px}.action-icon-circle{background-color:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-size:16px;display:flex}.photo-bg{background:linear-gradient(135deg,#f57e5c 0%,#f5a26b 100%)}.record-bg{background:linear-gradient(135deg,#9b8cf5 0%,#b8a9f7 100%)}.action-card-btn{color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:10px;align-self:flex-start;padding:6px 10px;font-size:11px;font-weight:700;display:inline-block}.photo-menu-container{flex-direction:column;gap:8px;animation:.15s ease-in-out fadeIn;display:flex;position:absolute;bottom:16px;left:16px;right:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.photo-card-default{flex-direction:column;flex-grow:1;width:100%;display:flex}.photo-card-default .action-card-btn{align-self:flex-start;margin-top:auto}.photo-card-menu{flex-direction:column;gap:8px;width:100%;margin-top:auto;display:flex}.photo-menu-btn{color:#fff;cursor:pointer;text-align:center;background-color:#ffffff40;border:1px solid #fff6;border-radius:12px;width:100%;padding:10px 0;font-size:14px;font-weight:800;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px #0000000d}.photo-menu-btn:active{background-color:#fff6;transform:scale(.97)}.tip-card-header-wrap{align-items:center;gap:8px;margin-bottom:12px;display:flex}.tip-icon-badge{background-color:#ffefe8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.tip-card-title{color:var(--color-text-main);flex:1;margin:0;font-size:14px;font-weight:800}.tip-card-month-badge{color:#c9a227;white-space:nowrap;background-color:#fff6d8;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.tip-card-content{color:var(--color-text-main);margin:0 0 16px;font-size:15px;font-weight:700;line-height:1.5}.tip-card-link-btn{color:var(--color-coral);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:700;display:flex}.tip-card-link-btn span{font-size:11px}.growth-grid-wrap{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.growth-item-box{border-radius:var(--radius-md);text-align:center;box-sizing:border-box;padding:16px 8px}.growth-item-box h3{margin:0 0 6px;font-size:12px;font-weight:700}.growth-item-box h2{margin:0;font-size:18px;font-weight:800}.bg-orange{background-color:#ffefe8}.bg-green{background-color:var(--color-green-bg)}.bg-purple{background-color:var(--color-purple-bg)}.text-orange{color:var(--color-coral-deep)}.text-green{color:var(--color-green)}.text-purple{color:var(--color-purple)}.text-sub-purple{color:var(--color-purple);margin:4px 0 0;font-size:11px;font-weight:700}.custom-modal-overlay{z-index:100;box-sizing:border-box;background-color:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.custom-modal-body{background-color:var(--color-card-bg);border-radius:var(--radius-lg);box-sizing:border-box;width:100%;max-width:360px;padding:24px 20px}.custom-modal-body h3{color:var(--color-text-main);text-align:center;margin:0 0 16px;font-size:16px;font-weight:800}.custom-modal-body textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-main);resize:none;box-sizing:border-box;outline:none;padding:14px;font-family:inherit;font-size:14px;transition:border-color .2s}.custom-modal-body textarea::placeholder{color:var(--color-text-hint)}.custom-modal-body textarea:focus{border-color:var(--color-coral)}.modal-btn-row{gap:10px;margin-top:16px;display:flex}.modal-btn-row button{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:14px 0;font-size:14px;font-weight:800;transition:opacity .2s}.modal-btn-row button:active{opacity:.8}.modal-btn-save{color:#fff;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%)}.modal-btn-cancel{background-color:var(--color-bg);color:var(--color-text-sub)}.navibar-item{cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.navibar-item span:first-child{font-size:18px}.alarm-wrap>div+div{margin-top:8px}.greeting-badge{color:#f07c60;background-color:#f2e8e0;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.greeting-badge svg{width:14px;height:14px}.greeting-sub{color:#a3968c;margin:4px 0 0;font-size:13px}.photo-gallery-container{box-sizing:border-box!important;background-color:#faf4ef!important;width:100%!important;min-height:100vh!important;margin:0 auto!important;padding:24px 20px 80px!important;font-family:Pretendard,sans-serif!important;overflow-x:hidden!important}.gallery-header{justify-content:center!important;align-items:center!important;width:100%!important;margin-bottom:24px!important;display:flex!important;position:relative!important}.back-btn{color:#a3968c!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:8px 0!important;font-size:15px!important;font-weight:600!important;position:absolute!important;left:0!important}.gallery-title{color:#5d5046!important;margin:0!important;font-size:20px!important;font-weight:700!important}.month-navigator{background-color:#fff!important;border-radius:16px!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px!important;padding:8px 12px!important;display:flex!important;box-shadow:0 4px 16px #5d50460a!important}.month-nav-btn{color:#5d5046!important;cursor:pointer!important;background-color:#fdf9f5!important;border:1px solid #eae2db!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;font-size:16px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.month-nav-btn:active{color:#fff!important;background-color:#f07c60!important;border-color:#f07c60!important;transform:scale(.95)!important}.month-label{color:#5d5046!important;font-size:16px!important;font-weight:700!important}.gallery-content{width:100%!important}.status-message{text-align:center!important;color:#a3968c!important;padding:60px 0!important;font-size:14px!important;font-weight:500!important}.date-group{margin-bottom:24px!important}.date-label{color:#333!important;margin:0 0 12px!important;padding-left:4px!important;font-size:18px!important;font-weight:800!important}.photo-grid{grid-template-columns:repeat(3,1fr)!important;gap:4px!important;width:100%!important;display:grid!important}.photo-item{aspect-ratio:1!important;background-color:#eae2db!important;border-radius:8px!important;width:100%!important;overflow:hidden!important}.photo-img{object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.react-calendar{background:#fff;border:1px solid #a0a096;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar button{border:0;outline:none;margin:0}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em;display:flex}.react-calendar__navigation button{background:0 0;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{font:inherit;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{text-align:center;max-width:100%;font:inherit;background:0 0;padding:10px 6.6667px;font-size:.833em}.react-calendar__tile:disabled{color:#ababab;background-color:#f0f0f0}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{color:#fff;background:#006edc}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.record-calendar-container{box-sizing:border-box!important;background-color:#faf4ef!important;width:100%!important;min-height:100vh!important;margin:0 auto!important;padding:24px 20px 80px!important;font-family:Pretendard,sans-serif!important;overflow-x:hidden!important}.calendar-page-header{justify-content:center!important;align-items:center!important;width:100%!important;margin-bottom:24px!important;display:flex!important;position:relative!important}.calendar-page-header .back-btn{color:#a3968c!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:8px 0!important;font-size:15px!important;font-weight:600!important;position:absolute!important;left:0!important}.calendar-page-header h2{color:#5d5046!important;margin:0!important;font-size:20px!important;font-weight:700!important}.calendar-wrapper{background-color:#fff!important;border-radius:24px!important;margin-bottom:24px!important;padding:20px!important;box-shadow:0 4px 16px #5d50460a!important}.react-calendar{background:0 0!important;border:none!important;width:100%!important;font-family:inherit!important}.react-calendar__navigation{margin-bottom:16px!important}.react-calendar__navigation button{color:#5d5046!important;background:0 0!important;min-width:44px!important;font-size:16px!important;font-weight:800!important}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#fdf9f5!important;border-radius:12px!important}.react-calendar__month-view__weekdays{text-align:center!important;color:#a3968c!important;padding-bottom:12px!important;font-size:13px!important;font-weight:700!important}.react-calendar__month-view__weekdays__weekday abbr{text-decoration:none!important}.react-calendar__month-view__weekdays__weekday--weekend{color:#f07c60!important}.react-calendar__tile{color:#5d5046!important;background:0 0!important;border-radius:12px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;height:52px!important;padding:10px 0 0!important;font-size:14px!important;font-weight:600!important;display:flex!important;position:relative!important}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#fdf9f5!important}.react-calendar__tile--now{color:#f07c60!important;background-color:#fdf9f5!important;border:1px solid #eae2db!important}.react-calendar__tile--active,.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{color:#fff!important;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%)!important;border:none!important;box-shadow:0 4px 10px #f57e5c4d!important}.react-calendar__month-view__days__day--neighboringMonth{color:#eae2db!important}.marked-dot{color:#f07c60!important;margin-top:4px!important;font-size:8px!important;line-height:1!important}.react-calendar__tile--active .marked-dot{color:#fff!important}.record-list-container{flex-direction:column!important;gap:12px!important;display:flex!important}.record-list-title{color:#5d5046!important;margin:0 0 8px 4px!important;font-size:16px!important;font-weight:800!important}.record-items-wrapper{flex-direction:column!important;gap:12px!important;display:flex!important}.record-card{background-color:#fff!important;border:1px solid #eae2db!important;border-radius:16px!important;padding:20px!important;box-shadow:0 4px 16px #5d50460a!important}.record-card p{color:#5d5046!important;word-break:keep-all!important;margin:0!important;font-size:15px!important;line-height:1.5!important}.empty-record{text-align:center!important;background-color:#0000!important;padding:40px 0!important}.empty-record p{color:#a3968c!important;margin:0!important;font-size:14px!important;font-weight:600!important}.record-card-actions{justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:16px!important;display:flex!important}.record-action-btn{color:#a3968c!important;cursor:pointer!important;background-color:#faf4ef!important;border:none!important;border-radius:8px!important;flex:0 0 64px!important;justify-content:center!important;align-items:center!important;width:64px!important;height:36px!important;margin:0!important;padding:0!important;font-size:13px!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.record-action-btn:active{background-color:#eae2db!important;transform:scale(.95)!important}.record-action-btn.delete-btn{color:#f57e5c!important;background-color:#fff5f2!important}.record-edit-mode{flex-direction:column!important;gap:12px!important;display:flex!important}.record-edit-textarea{color:#5d5046!important;box-sizing:border-box!important;resize:none!important;background-color:#fdf9f5!important;border:1px solid #eae2db!important;border-radius:12px!important;outline:none!important;width:100%!important;padding:14px 16px!important;font-family:inherit!important;font-size:15px!important;transition:border-color .2s!important}.record-edit-textarea:focus{background-color:#fff!important;border-color:#f07c60!important}.edit-action-group{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.edit-action-btn{cursor:pointer!important;box-sizing:border-box!important;border:none!important;border-radius:12px!important;outline:none!important;flex:1!important;justify-content:center!important;align-items:center!important;height:48px!important;margin:0!important;padding:0!important;font-size:15px!important;font-weight:700!important;transition:transform .1s!important;display:flex!important}.edit-action-btn:active{transform:scale(.97)!important}.edit-cancel-btn{color:#a3968c!important;background-color:#fff!important;border:1px solid #eae2db!important}.edit-submit-btn{color:#fff!important;background-color:#f07c60!important;box-shadow:0 4px 12px #f07c6040!important}.community-card{background-color:#fff;border:1px solid #fdf9f5;border-radius:24px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 4px 16px #5d50460a}.card-meta{color:#a3968c;align-items:center;gap:8px;font-size:13px;display:flex}.card-author{color:#5d5046;font-weight:600}.card-divider{color:#eae2db}.card-content{margin-bottom:4px}.card-title{color:#5d5046;word-break:keep-all;margin:0;font-size:18px;font-weight:700;line-height:1.4}.card-tags{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.card-tag{color:#f07c60;background-color:#fdf9f5;border:1px solid #f5b079;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.card-footer{border-top:1px dashed #eae2db;flex-direction:column;gap:16px;margin-top:4px;padding-top:16px;display:flex}.card-image-wrapper{border-radius:12px;width:100%;overflow:hidden}.card-thumbnail{object-fit:cover;width:100%;max-height:180px;display:block}.card-actions{justify-content:space-between;align-items:center;display:flex}.card-stats{align-items:center;gap:8px;display:flex}.card-like-btn{color:#5d5046;cursor:pointer;box-sizing:border-box;background-color:#fdf9f5;border:1px solid #eae2db;border-radius:16px;justify-content:center;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:13px;transition:all .2s;display:flex}.card-like-btn:active{transform:scale(.95)}.card-like-btn.liked{color:#f07c60;background-color:#fff5f2;border-color:#f07c60;font-weight:600}.card-comment-count{color:#5d5046;box-sizing:border-box;background-color:#fdf9f5;border:1px solid #eae2db;border-radius:16px;justify-content:center;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:13px;display:flex}.card-detail-btn{color:#f07c60;cursor:pointer;background-color:#faf4ef;border:none;border-radius:14px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .2s}.card-detail-btn:active{background-color:#fdf9f5}.community-page-container{box-sizing:border-box;background-color:#faf4ef;width:100%;min-height:100vh;margin:0 auto;padding-bottom:90px;font-family:Pretendard,sans-serif;position:relative}.community-title-area{padding:24px 20px 16px}.community-title-area h2{color:#5d5046;margin:0;font-size:24px;font-weight:700}.community-tags-scroll{scrollbar-width:none;align-items:center;gap:8px;margin-bottom:20px;padding:0 20px;display:flex;overflow-x:auto}.community-tags-scroll::-webkit-scrollbar{display:none}.tag-btn,.filter-btn{color:#5d5046;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #eae2db;border-radius:19px;flex-shrink:0;height:38px;padding:0 16px;font-size:14px;transition:all .2s}.tag-btn.active,.filter-btn.active{color:#f07c60;background-color:#fff5f2;border-color:#f07c60;font-weight:600}.community-create-section{margin-bottom:24px;padding:0 20px}.create-post-btn{cursor:pointer;background-color:#fff;border:1px solid #eae2db;border-radius:24px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #5d50460d}.create-post-btn:active{transform:scale(.98)}.create-placeholder{color:#a3968c;font-size:15px}.create-icon-circle{color:#fff;background-color:#f07c60;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:700;display:flex}.community-sort-group{gap:12px;margin-bottom:24px;padding:0 20px;display:flex}.sort-btn{color:#a3968c;cursor:pointer;background-color:#fdf9f5;border:1px solid #eae2db;border-radius:12px;flex:1;justify-content:center;align-items:center;height:50px;padding:0;font-size:15px;font-weight:600;transition:all .2s;display:flex}.sort-btn.active{color:#fff;background-color:#f07c60;border-color:#f07c60;box-shadow:0 4px 10px #f07c6033}.community-post-list{flex-direction:column;gap:16px;padding:0 20px;display:flex}.empty-message{text-align:center;color:#a3968c;padding:60px 0;font-size:15px}.bottom-nav-container{z-index:100;background-color:#fff;border-top:1px solid #eae2db;width:100%;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@media (width>=768px){.bottom-nav-container{max-width:680px}}@media (width>=1200px){.bottom-nav-container{max-width:960px}}.community-create-container{box-sizing:border-box;background-color:#faf4ef;width:100%;min-height:100vh;margin:0 auto;padding:24px 20px 40px;font-family:Pretendard,sans-serif}.create-header h2{color:#5d5046;margin:0 0 24px;font-size:24px;font-weight:700}.create-input,.create-textarea{color:#5d5046;box-sizing:border-box;background-color:#fff;border:1px solid #eae2db;border-radius:16px;width:100%;padding:16px;font-family:inherit;font-size:15px;transition:border-color .2s}.create-input:focus,.create-textarea:focus{border-color:#f07c60;outline:none}.create-textarea{resize:none;line-height:1.5}.create-tags-group{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.create-action-group{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:40px!important;display:flex!important}.yt-style-comment-row{box-sizing:border-box!important;background:0 0!important;border-bottom:1px solid #eae2db!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;width:100%!important;padding:12px 0!important;display:flex!important}.yt-avatar-placeholder{background-color:#d9d9d9!important;border-radius:50%!important;flex-shrink:0!important;width:36px!important;height:36px!important}.yt-comment-main{flex-direction:column!important;flex:1!important;min-width:0!important;display:flex!important}.yt-comment-header{align-items:center!important;gap:6px!important;margin-bottom:4px!important;display:flex!important}.yt-author-name{color:#333!important;font-size:13px!important;font-weight:700!important}.yt-author-badge{color:#f07c60!important;background-color:#fff5f2!important;border:1px solid #f5b079!important;border-radius:8px!important;padding:2px 6px!important;font-size:10px!important;font-weight:700!important}.yt-comment-text{color:#111!important;white-space:pre-wrap!important;word-break:break-word!important;margin:0 0 6px!important;font-size:14px!important;line-height:1.4!important}.yt-meta-actions{gap:12px!important;display:flex!important}.yt-meta-btn{color:#888!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;font-size:12px!important;font-weight:600!important}.yt-meta-btn:hover{color:#333!important}.yt-comment-right{flex-shrink:0!important;align-items:flex-start!important;margin-left:12px!important;display:flex!important}.yt-like-btn{cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;flex-direction:column!important;align-items:center!important;gap:2px!important;padding:0!important;display:flex!important}.yt-like-icon{font-size:14px!important}.yt-like-count{color:#888!important;font-size:11px!important;font-weight:500!important}.yt-like-btn.liked .yt-like-count{color:#f07c60!important}.yt-edit-form{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.yt-edit-input{color:#111!important;box-sizing:border-box!important;background:0 0!important;border:none!important;border-bottom:1px solid #111!important;outline:none!important;width:100%!important;padding:4px 0!important;font-size:14px!important}.yt-edit-actions{justify-content:flex-end!important;gap:8px!important;display:flex!important}.yt-edit-btn{cursor:pointer!important;border:none!important;border-radius:16px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important}.yt-edit-btn.cancel{color:#111!important;background-color:#0000!important}.yt-edit-btn.save{color:#fff!important;background-color:#f07c60!important}.community-detail-container{box-sizing:border-box;background-color:#faf4ef;width:100%;min-height:100vh;margin:0 auto;padding:0 0 60px;font-family:Pretendard,sans-serif;overflow-x:hidden}.loading-container{text-align:center;color:#a3968c;box-sizing:border-box;width:100%;margin:0 auto;padding:60px 20px;font-size:15px}.detail-ig-header{background-color:#faf4ef;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ig-header-left{flex-direction:column;gap:2px;display:flex}.ig-author{color:#5d5046;font-size:15px;font-weight:700}.ig-date{color:#a3968c;font-size:12px}.ig-text-action-btn{color:#a3968c;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.ig-text-action-btn:hover{color:#f07c60}.detail-ig-image{background-color:#fff;width:100%;display:block}.detail-ig-image img{object-fit:cover;width:100%;height:auto;max-height:500px;display:block}.detail-ig-actions{flex-direction:column;gap:12px;padding:16px 20px 12px;display:flex}.ig-icons-box{background-color:#fff;border:1px solid #eae2db;border-radius:20px;align-items:center;gap:12px;width:fit-content;padding:8px 16px;transition:all .3s;display:flex}.ig-icons-box:hover{background-color:#fdf9f5;border-color:#f07c60}.ig-like-btn,.ig-comment-count{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px;transition:transform .2s;display:flex}.ig-like-btn:active{transform:scale(1.2)}.ig-like-btn,.ig-comment-count{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.ig-like-btn .icon,.ig-comment-count .icon{font-size:18px}.ig-like-btn .count,.ig-comment-count .count{color:#5d5046;font-size:14px;font-weight:600}.ig-like-btn.liked .count{color:#f07c60}.ig-tags-row{flex-wrap:wrap;gap:8px;display:flex}.ig-tag{color:#f07c60;font-size:13px;font-weight:600}.detail-ig-content{padding:0 20px 24px}.ig-title{color:#5d5046;margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.4}.ig-body-text{color:#5d5046;white-space:pre-wrap;word-break:break-word;margin:0;font-size:15px;line-height:1.6}.ig-divider{border:none;border-top:1px solid #eae2db;margin:0}.detail-ig-comments{padding:24px 20px}.comment-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.comment-count{color:#5d5046;font-size:15px;font-weight:700}.comment-toggle-btn{color:#f07c60;cursor:pointer;background-color:#0000;border:none;padding:4px 8px;font-size:13px;font-weight:600}.comment-input-area{box-sizing:border-box;background-color:#fff;border:1px solid #eae2db;border-radius:12px;width:100%;margin-bottom:24px;padding:10px 12px}.comment-form{box-sizing:border-box;gap:8px;width:100%;display:flex}.comment-input{color:#5d5046;background-color:#0000;border:none;outline:none;flex:1;min-width:0;padding:6px;font-family:inherit;font-size:14px}.comment-submit-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#f07c60;border:none;border-radius:8px;padding:0 14px;font-size:13px;font-weight:600}.empty-comment{text-align:center;color:#a3968c;padding:40px 0;font-size:14px}.comment-items{flex-direction:column;gap:12px;width:100%;display:flex}.ig-bottom-action{justify-content:center;margin-top:40px;display:flex}.ig-list-btn{color:#5d5046;cursor:pointer;background-color:#fff;border:1px solid #eae2db;border-radius:14px;justify-content:center;align-items:center;width:100%;height:50px;font-size:15px;font-weight:600;display:flex}.ig-list-btn:active{background-color:#fdf9f5}.ig-header-right{gap:8px;display:flex}.ig-text-action-btn{color:#5d5046;cursor:pointer;background:#fdf9f5;border:1px solid #eae2db;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.ig-text-action-btn:hover{color:#fff;background-color:#f07c60;border-color:#f07c60}.comment-toggle-btn{color:#f07c60;background:#fdf9f5;border:1px solid #eae2db;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.ig-list-btn{color:#5d5046;cursor:pointer;background-color:#fff;border:1px solid #eae2db;border-radius:12px;width:100%;height:45px;font-size:14px;font-weight:600;transition:all .2s}.ig-list-btn:hover{color:#f07c60;background-color:#fdf9f5;border-color:#f07c60}.ig-list-btn:active{transform:scale(.98)}.community-edit-container{box-sizing:border-box;background-color:#faf4ef;width:100%;min-height:100vh;margin:0 auto;padding:24px 20px 40px;font-family:Pretendard,sans-serif}.edit-header h2{color:#5d5046;margin:0 0 24px;font-size:24px;font-weight:700}.form-group{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.form-label{color:#5d5046;font-size:15px;font-weight:700}.edit-input,.edit-textarea{color:#5d5046;box-sizing:border-box;background-color:#fff;border:1px solid #eae2db;border-radius:16px;width:100%;padding:16px;font-family:inherit;font-size:15px;transition:border-color .2s}.edit-input:focus,.edit-textarea:focus{border-color:#f07c60;outline:none}.edit-textarea{resize:none;line-height:1.5}.file-upload-label{cursor:pointer;background-color:#fdf9f5;border:2px dashed #eae2db;border-radius:16px;justify-content:center;align-items:center;padding:20px;transition:background-color .2s;display:flex}.file-upload-label:active{background-color:#faf4ef}.image-preview-wrapper{background-color:#fff;border:1px solid #eae2db;border-radius:16px;width:100%;margin-top:12px;overflow:hidden}.edit-tags-group{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tag-btn{color:#5d5046;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #eae2db;border-radius:19px;height:38px;padding:0 16px;font-size:14px;transition:all .2s}.tag-btn.active{color:#f07c60;background-color:#fff5f2;border-color:#f07c60;font-weight:600}.edit-action-group{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:40px!important;display:flex!important}.action-btn{transition:transform .1s;cursor:pointer!important;box-sizing:border-box!important;appearance:none!important;border-radius:14px!important;outline:none!important;flex:1!important;justify-content:center!important;align-items:center!important;height:52px!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:16px!important;font-weight:600!important;line-height:1!important;display:flex!important}.baby-container{background-color:#faf4ef;flex-direction:column;width:100%;min-height:100vh;margin:0 auto;font-family:Pretendard,sans-serif;display:flex;position:relative}.baby-label{color:#a3968c;margin-top:4px;margin-bottom:-4px;font-size:13px;font-weight:700;display:block}.baby-input{color:#333;box-sizing:border-box;background-color:#fff;border:1px solid #eae2db;border-radius:16px;outline:none;width:100%;margin-bottom:12px;padding:16px;font-size:14px;transition:border-color .2s}.baby-input::placeholder{color:#c9beb4;font-weight:400}.baby-input:focus{border-color:#f07c60}.baby-profile-section{justify-content:center;margin-bottom:30px;display:flex;position:relative}.baby-image-label{cursor:pointer;position:relative}.baby-image-circle{color:#f57e5c;background-color:#fff5f0;border:2px dashed #f5b079;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.placeholder-text{color:#c98b6e;font-size:14px;font-weight:600}.camera-icon{color:#fff;background-color:#f07c60;border:4px solid #faf4ef;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;bottom:5px;right:5px;box-shadow:0 4px 8px #0000001a}.baby-header-section{text-align:left;padding:60px 24px 30px}.baby-sub-title{color:#8c7b6d;margin:0 0 8px;font-size:16px}.baby-title{color:#2b2118;letter-spacing:-.5px;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700;line-height:1.3}.personality-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;margin-bottom:20px;display:grid}.personality-btn{color:#a3968c;cursor:pointer;background:#fffbf8;border:1px solid #f0e6dc;border-radius:16px;padding:13px 0;font-size:13px;font-weight:500;transition:all .2s;box-shadow:0 2px 6px #00000008}.personality-btn:hover{border-color:#f5b079}.personality-btn.active{color:#fff;background:linear-gradient(135deg,#f5876a 0%,#f5a579 100%);border-color:#0000;font-weight:600;box-shadow:0 4px 10px #f07c6059}.row-inputs{gap:12px;display:flex}.half{flex:1}.skip-btn{color:#a3968c;cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:13px;text-decoration:underline}.baby-bottom-sheet{background-color:#faf4ef;border-radius:32px 32px 0 0;flex-direction:column;flex:1;padding:0 24px 24px;display:flex}.baby-form{flex-direction:column;gap:4px;display:flex}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);border:none;border-radius:16px;width:100%;margin-top:16px;padding:18px 0;font-size:16px;font-weight:800;transition:opacity .2s;box-shadow:0 6px 16px #f57e5c4d}.submit-btn:active{opacity:.8}.baby-input[type=date]{color:#333;font-family:inherit}.baby-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(60%)sepia(40%)saturate(500%)hue-rotate(320deg);cursor:pointer}.baby-input select,select.baby-input{appearance:none;color:#333;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23A3968C' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px;font-family:inherit}.baby-input select option{color:#333}.direct-tags-group{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;display:flex!important}.direct-diary-container{box-sizing:border-box!important;background-color:#faf4ef!important;width:100%!important;min-height:100vh!important;margin:0 auto!important;padding:24px 20px 100px!important;font-family:Pretendard,sans-serif!important;overflow-x:hidden!important}.direct-diary-card{box-sizing:border-box!important;background-color:#fff!important;border-radius:24px!important;width:100%!important;padding:24px 20px!important;box-shadow:0 4px 16px #5d50460a!important}.direct-diary-header h2{color:#5d5046!important;text-align:center!important;margin:0 0 24px!important;font-size:22px!important;font-weight:700!important}.direct-diary-form{flex-direction:column!important;gap:24px!important;width:100%!important;display:flex!important}.custom-input:focus,.custom-select:focus,.custom-textarea:focus{border-color:#f07c60!important}.direct-tags-group{flex-flow:wrap!important;justify-content:flex-start!important;gap:8px!important;display:flex!important}.submit-btn{color:#fff!important;background-color:#f07c60!important;border:1px solid #f07c60!important}.diary-edit-container{box-sizing:border-box!important;background-color:#faf4ef!important;width:100%!important;min-height:100vh!important;margin:0 auto!important;padding:24px 20px 100px!important;font-family:Pretendard,sans-serif!important;overflow-x:hidden!important}.diary-edit-card{box-sizing:border-box!important;background-color:#fff!important;border-radius:24px!important;width:100%!important;padding:24px 20px!important;box-shadow:0 4px 16px #5d50460a!important}.diary-edit-header h2{color:#5d5046!important;text-align:center!important;margin:0 0 24px!important;font-size:22px!important;font-weight:700!important}.diary-edit-form{flex-direction:column!important;gap:24px!important;width:100%!important;display:flex!important}.form-group{flex-direction:column!important;gap:10px!important;width:100%!important;display:flex!important}.form-label{color:#5d5046!important;text-align:left!important;font-size:15px!important;font-weight:700!important}.custom-input,.custom-select,.custom-textarea{color:#5d5046!important;box-sizing:border-box!important;background-color:#fdf9f5!important;border:1px solid #eae2db!important;border-radius:12px!important;outline:none!important;width:100%!important;padding:14px 16px!important;font-family:inherit!important;font-size:15px!important;transition:border-color .2s!important}.custom-input:focus,.custom-select:focus,.custom-textarea:focus{background-color:#fff!important;border-color:#f07c60!important}.custom-input::placeholder,.custom-textarea::placeholder{color:#b5afa4!important}.custom-textarea{resize:none!important;min-height:150px!important;line-height:1.5!important}.select-wrapper{width:100%!important;position:relative!important}.custom-select{appearance:none!important;cursor:pointer!important;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23A3968C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 16px center!important;background-repeat:no-repeat!important}.edit-tags-group{flex-flow:wrap!important;justify-content:flex-start!important;gap:8px!important;display:flex!important}.tag-btn{color:#5d5046!important;white-space:nowrap!important;cursor:pointer!important;background-color:#fff!important;border:1px solid #eae2db!important;border-radius:19px!important;height:38px!important;margin:0!important;padding:0 16px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important}.tag-btn.active{color:#f07c60!important;background-color:#fff5f2!important;border-color:#f07c60!important}.tag-inputs-container{background-color:#fdf9f5!important;border:1px solid #eae2db!important;border-radius:16px!important;flex-direction:column!important;gap:12px!important;margin-top:4px!important;padding:16px!important;display:flex!important}.tag-input-row{justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.tag-input-label{color:#5d5046!important;flex-shrink:0!important;width:50px!important;font-size:14px!important;font-weight:700!important}.small-input{border-radius:10px!important;flex:1!important;height:40px!important;padding:0 12px!important}.tag-input-unit{color:#a3968c!important;text-align:right!important;width:30px!important;font-size:14px!important;font-weight:600!important}.file-upload-label{cursor:pointer!important;box-sizing:border-box!important;background-color:#fdf9f5!important;border:2px dashed #eae2db!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:20px!important;display:flex!important}.file-upload-text{color:#f5b079!important;font-size:15px!important;font-weight:600!important}.hidden-file-input{display:none!important}.image-preview-wrapper{border:1px solid #eae2db!important;border-radius:16px!important;width:100%!important;margin-top:12px!important;overflow:hidden!important}.image-preview{object-fit:cover!important;width:100%!important;max-height:250px!important;display:block!important}.action-group{box-sizing:border-box!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;margin-top:16px!important;display:flex!important}.action-btn{cursor:pointer!important;box-sizing:border-box!important;appearance:none!important;border-radius:12px!important;outline:none!important;flex:1!important;justify-content:center!important;align-items:center!important;height:52px!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:16px!important;font-weight:700!important;line-height:1!important;transition:transform .1s!important;display:flex!important}.action-btn:active{transform:scale(.97)!important}.cancel-btn{color:#a3968c!important;background-color:#fff!important;border:1px solid #eae2db!important}.submit-btn{color:#fff!important;background-color:#f07c60!important;border:1px solid #f07c60!important;box-shadow:0 6px 16px #f57e5c40!important}:root{--main-bg:#faf4ef;--card-white:#fff;--color-border:#eae2db;--text-main:#3a332d;--text-sub:#a3968c;--text-hint:#b5afa4;--color-coral:#f07c60;--color-coral-deep:#f57e5c;--color-coral-light:#f5b079;--color-coral-bg:#ffefe8;--color-purple:#9b8cf5;--color-purple-bg:#f1eefe;--color-green:#4cc9a0;--color-green-bg:#e6f8f1;--shadow-light:0 4px 16px #0000000a;--shadow-card:0 6px 16px #00000014;--radius-lg:24px;--radius-md:16px;--radius-sm:12px}.diary-page-wrap{background-color:var(--main-bg);width:100%;min-height:100vh;color:var(--text-main);box-sizing:border-box;margin:0 auto;padding:20px 20px 100px;font-family:Pretendard,Apple SD Gothic Neo,sans-serif;overflow-x:hidden}.diary-page-header{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.diary-page-wrap h2{color:var(--text-main);margin:4px 0 0;font-size:20px;font-weight:800}.diary-page-wrap hr{display:none}.diary-page-wrap input[type=date]{background-color:var(--card-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--text-hint);box-sizing:border-box;cursor:pointer;appearance:none;outline:none;margin-bottom:16px;padding:8px 12px;font-size:12px;font-weight:600;transition:border-color .2s}.diary-page-wrap input[type=date]:focus{border-color:var(--color-coral);box-shadow:var(--shadow-card)}.diary-page-wrap input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.55)sepia()saturate(3)hue-rotate(330deg);cursor:pointer;padding:4px}.diary-card{background-color:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);box-sizing:border-box;cursor:pointer;margin-bottom:16px;padding:20px;transition:transform .15s,box-shadow .15s;position:relative}.diary-card:active{box-shadow:var(--shadow-card);transform:scale(.985)}.diary-card h3{color:var(--text-main);margin:0 0 8px;font-size:16px;font-weight:800}.diary-card p{color:var(--text-sub);margin:0 0 6px;font-size:14px;line-height:1.5}.diary-card p:last-of-type{color:var(--text-hint);margin-top:10px;font-size:12px;font-weight:600}.diary-empty-text{text-align:center;color:var(--text-sub);padding:40px 0;font-size:14px}.chip-sleep,.chip-temp,.chip-toilet{border-radius:999px;align-items:center;gap:4px;margin:4px 6px 4px 0;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.chip-sleep{background-color:var(--color-purple-bg);color:var(--color-purple)}.chip-temp{background-color:var(--color-coral-bg);color:var(--color-coral-deep)}.chip-toilet{background-color:var(--color-green-bg);color:var(--color-green)}.diary-page-wrap button{transition:opacity .15s,transform .15s}.diary-page-wrap button:active{opacity:.85;transform:scale(.96)}.diary-card button{background-color:var(--main-bg);color:var(--text-sub);cursor:pointer;border:none;border-radius:10px;margin-top:10px;padding:6px 12px;font-size:12px;font-weight:700}.diary-card button:active{background-color:var(--color-border)}.diary-page-wrap{position:relative}.diary-write-fab{color:#fff;cursor:pointer;z-index:60;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;line-height:1;transition:transform .3s,background .3s;display:flex;position:fixed;bottom:96px;right:24px;box-shadow:0 8px 20px #f57e5c59}@media (width>=461px) and (width<=767px){.diary-write-fab{right:calc(50% - 186px)}}@media (width>=768px) and (width<=1199px){.diary-write-fab{right:calc(50% - 316px)}}@media (width>=1200px){.diary-write-fab{right:calc(50% - 456px)}}.diary-detail-wrap{background-color:var(--main-bg);box-sizing:border-box;width:100%;min-height:100vh;margin:0 auto;padding:20px 20px 60px;font-family:Pretendard,Apple SD Gothic Neo,sans-serif}.diary-detail-wrap h2{color:var(--text-main);margin:4px 0 16px;font-size:20px;font-weight:800}.diary-detail-card{background-color:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);box-sizing:border-box;padding:24px 20px}.diary-detail-card h3{color:var(--text-main);margin:0 0 12px;font-size:18px;font-weight:800}.diary-detail-card p{color:var(--text-sub);margin:0 0 8px;font-size:14px;line-height:1.6}.diary-detail-wrap>button{background-color:var(--card-white);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--text-sub);cursor:pointer;margin-top:20px;padding:16px 0;font-size:14px;font-weight:700;display:block}.diary-edit-wrap{background-color:var(--main-bg);box-sizing:border-box;width:100%;min-height:100vh;margin:0 auto;padding:20px 20px 60px;font-family:Pretendard,Apple SD Gothic Neo,sans-serif}.diary-edit-wrap h2{color:var(--text-main);margin:4px 0 16px;font-size:20px;font-weight:800}.diary-edit-wrap form{background-color:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);box-sizing:border-box;flex-direction:column;gap:12px;padding:20px;display:flex}.diary-edit-wrap input,.diary-edit-wrap textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--text-main);box-sizing:border-box;outline:none;padding:14px;font-family:inherit;font-size:14px;transition:border-color .2s}.diary-edit-wrap input::placeholder,.diary-edit-wrap textarea::placeholder{color:var(--text-hint)}.diary-edit-wrap input:focus,.diary-edit-wrap textarea:focus{border-color:var(--color-coral)}.diary-edit-wrap textarea{resize:none;min-height:120px}.diary-edit-wrap form button[type=submit]{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);border:none;margin-top:4px;padding:16px 0;font-size:15px;font-weight:800}.diary-write-wrap{background-color:var(--main-bg);box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;margin:0 auto;padding:20px 20px 100px;font-family:Pretendard,Apple SD Gothic Neo,sans-serif;display:flex}.diary-write-card{background-color:var(--card-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);box-sizing:border-box;margin-top:12px;padding:24px 20px}.diary-write-card h2{color:var(--text-main);text-align:center;margin:0 0 16px;font-size:16px;font-weight:800}.diary-write-card form{flex-direction:column;gap:12px;display:flex}.diary-write-card textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--text-main);box-sizing:border-box;resize:none;outline:none;padding:14px;font-family:inherit;font-size:14px;transition:border-color .2s}.diary-write-card textarea::placeholder{color:var(--text-hint)}.diary-write-card textarea:focus{border-color:var(--color-coral)}.diary-write-card input[type=file]{color:var(--text-sub);background-color:var(--main-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;padding:10px 12px;font-size:13px}.diary-write-btn-row{gap:10px;margin-top:4px;display:flex}.diary-write-btn-row button{border-radius:var(--radius-md);cursor:pointer;border:none;flex:1;padding:14px 0;font-size:14px;font-weight:800;transition:opacity .2s}.diary-write-save-btn{color:#fff;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%)}.diary-write-cancel-btn{background-color:var(--main-bg);color:var(--text-sub)}.week-calendar-month-row{justify-content:center;align-items:center;gap:16px;margin-bottom:12px;display:flex}.week-calendar-month{color:var(--text-main);font-size:14px;font-weight:700}.week-calendar-arrow{background-color:var(--card-white);width:32px;height:32px;color:var(--text-sub);cursor:pointer;box-shadow:var(--shadow-light);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.week-calendar-arrow:active{background-color:var(--color-coral-bg);color:var(--color-coral-deep)}.week-day-list{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:16px;display:grid}.week-day-item{border-radius:var(--radius-md);background-color:var(--card-white);box-shadow:var(--shadow-light);cursor:pointer;flex-direction:column;align-items:center;gap:6px;padding:14px 0 20px;transition:background-color .2s,color .2s,box-shadow .2s;display:flex;position:relative}.week-day-dot{background-color:var(--color-coral);border-radius:50%;width:5px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.week-day-item.active .week-day-dot{background-color:#fff}.week-day-label{color:var(--text-sub);letter-spacing:-.2px;font-size:13px;font-weight:700}.week-day-num{color:var(--text-main);font-size:15px;font-weight:800}.week-day-dot-slot{background-color:#0000;border-radius:50%;width:5px;height:5px}.week-day-dot-slot.has-diary{background-color:var(--color-coral)}.week-day-item.active .week-day-dot-slot.has-diary{background-color:#fff}.week-day-item.active{box-shadow:var(--shadow-card);background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%)}.week-day-item.active .week-day-label,.week-day-item.active .week-day-num{color:#fff}.diary-label-chip{background-color:var(--color-coral-bg);color:var(--color-coral-deep);border-radius:999px;align-items:center;margin-bottom:10px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.diary-fab-menu{z-index:60;flex-direction:column;align-items:flex-end;gap:10px;animation:.2s ease-out forwards fadeUp;display:flex;position:fixed;bottom:164px;right:24px}@media (width>=461px) and (width<=767px){.diary-fab-menu{right:calc(50% - 186px)}}@media (width>=768px) and (width<=1199px){.diary-fab-menu{right:calc(50% - 316px)}}@media (width>=1200px){.diary-fab-menu{right:calc(50% - 456px)}}.diary-fab-menu button{background-color:var(--card-white);width:116px;color:var(--text-main);border:1px solid var(--color-border);box-shadow:var(--shadow-card);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:700;transition:background-color .2s,transform .1s;display:flex}.diary-fab-menu button:active{background-color:var(--main-bg);transform:scale(.96)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.diary-loading-overlay{z-index:9999;background-color:#3a332d8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.diary-loading-card{background-color:var(--card-white);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-card);flex-direction:column;align-items:center;gap:10px;padding:32px 24px;display:flex}.diary-loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-coral);border-radius:50%;width:36px;height:36px;margin-bottom:4px;animation:.7s linear infinite diary-spin}@keyframes diary-spin{to{transform:rotate(360deg)}}.diary-loading-header{color:var(--text-hint);letter-spacing:.5px;margin:0;font-size:11px;font-weight:800}.diary-loading-tip{color:var(--color-coral-deep);text-align:center;white-space:pre-line;min-height:40px;margin:4px 0 0;font-size:13px;font-weight:700;line-height:1.5;animation:.4s diary-tip-fade}@keyframes diary-tip-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ebook-create-page{box-sizing:border-box;background:#fcf8f5;width:100%;min-height:100vh;margin:0 auto;padding:24px 20px 100px}.create-header{text-align:center;margin-bottom:22px}.create-header h2{color:#2e241e;margin-bottom:6px;font-size:34px;font-weight:700}.create-header p{color:#8f8177;text-align:center;margin:0;font-size:14px;line-height:1.6}.create-card{box-sizing:border-box;background:#fff;border-radius:28px;width:100%;margin:0;padding:32px 18px;box-shadow:0 10px 30px #0000000d}.create-card h3{text-align:center;color:#2e241e;margin-bottom:28px;font-size:22px}.create-label{text-align:center;margin-bottom:10px;font-size:17px;font-weight:600;display:block}.date-input{box-sizing:border-box;background:#fff;border:1px solid #f2d8c5;border-radius:16px;width:100%;height:52px;margin-bottom:28px;padding:0 14px;font-size:16px}.create-submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f17c48,#f59a58);border:none;border-radius:30px;width:100%;height:56px;margin:0;font-size:20px;font-weight:700;transition:all .2s}.create-submit:hover{transform:translateY(-2px)}@media (width>=768px){.create-card{padding:40px 32px}.create-header h2{font-size:38px}.create-card h3{font-size:24px}}@media (width>=1200px){.create-card{padding:48px 40px}.create-header h2{font-size:42px}}.ebook-diary-list{margin:0;padding:0;list-style:none}.ebook-diary-item{cursor:pointer;box-sizing:border-box;background:#faf4ef;border:1px solid #eae2db;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;transition:all .2s;display:flex}.ebook-diary-item.selected{background:#fff5f0;border:2px solid #f07c60}.ebook-diary-info{flex:1;min-width:0}.ebook-diary-title{color:#5d5046;text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:15px;font-weight:700;overflow:hidden}.ebook-diary-date{color:#a3968c;margin:0;font-size:12px}.ebook-diary-detail-btn{color:#f07c60;cursor:pointer;background:#fff;border:1px solid #f2d8c5;border-radius:16px;flex-shrink:0;padding:7px 11px;font-size:12px;font-weight:700}.ebook-diary-detail-btn:hover{background:#fff5f0}.ebook-selected-count{color:#a3968c;margin:16px 0;font-size:13px}.ebook-diary-modal-overlay{z-index:1000;box-sizing:border-box;background:#2e241e73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ebook-diary-modal{box-sizing:border-box;background:#fff;border-radius:24px;width:100%;max-width:380px;max-height:75vh;padding:28px 22px 22px;position:relative;overflow-y:auto;box-shadow:0 16px 40px #00000026}.ebook-diary-modal-close{color:#8f8177;cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;position:absolute;top:12px;right:16px}.ebook-diary-modal-date{color:#a3968c;margin:0 0 6px;font-size:12px}.ebook-diary-modal-title{color:#2e241e;text-align:left;margin:0 32px 18px 0;font-size:21px;font-weight:700}.ebook-diary-modal-image{object-fit:cover;border-radius:16px;width:100%;max-height:240px;margin-bottom:18px;display:block}.ebook-diary-modal-content{color:#5d5046;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.7}.ebook-diary-modal-confirm{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f17c48,#f59a58);border:none;border-radius:24px;width:100%;height:48px;margin-top:24px;font-size:16px;font-weight:700}.cover-select-title,.diary-select-title{text-align:center;color:#5d5046;margin-bottom:16px;font-size:16px;font-weight:700}.create-divider{border:0;border-top:1px solid #f1ece8;margin:24px 0}.cover-options-container{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;display:grid}@media (width>=480px){.cover-options-container{grid-template-columns:repeat(3,1fr)}}@media (width>=768px){.cover-options-container{grid-template-columns:repeat(4,1fr)}}.cover-option-item{cursor:pointer;background:#fff;border:1px solid #eae2db;border-radius:14px;flex-direction:column;justify-content:center;padding:12px;transition:all .2s;display:flex}.cover-option-item.active{background:#fdf9f5;border:2px solid #f07c60}.cover-option-header{justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cover-check-circle{color:#0000;background-color:#fff;border:2px solid #c0b5ac;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.cover-check-circle.checked{color:#fff;background-color:#f07c60;border-color:#f07c60}.cover-option-name{color:#5d5046;margin:0;font-size:13px;font-weight:700}.cover-thumbnails{justify-content:center;gap:12px;width:100%;margin-top:8px;display:flex}.cover-thumbnail{aspect-ratio:1/1.4;background-color:#f1ece8;border-radius:8px;width:100%;max-width:140px;height:auto;overflow:hidden;box-shadow:0 4px 12px #00000014}.cover-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.record-quickadd-overlay{z-index:200;box-sizing:border-box;background-color:#3a332d8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.record-quickadd-card{box-sizing:border-box;background-color:#fff;border-radius:24px;width:100%;max-width:340px;padding:24px 20px;box-shadow:0 6px 16px #00000014}.record-quickadd-title{color:#3a332d;text-align:center;margin:0 0 16px;font-size:16px;font-weight:800}.record-quickadd-form{flex-direction:column;gap:12px;display:flex}.record-quickadd-label{color:#a3968c;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.record-quickadd-label input{color:#3a332d;box-sizing:border-box;appearance:none;-moz-appearance:textfield;border:1px solid #eae2db;border-radius:16px;outline:none;width:100%;padding:14px;font-family:inherit;font-size:14px;transition:border-color .2s}.record-quickadd-label input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.record-quickadd-label input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-quickadd-label input::placeholder{color:#b5afa4}.record-quickadd-label input:focus{border-color:#f07c60}.record-quickadd-label input:disabled{color:#b5afa4;background-color:#faf4ef}.record-quickadd-error{color:#e24b4a;text-align:center;margin:0;font-size:12px;font-weight:700}.record-quickadd-btn-row{gap:10px;margin-top:4px;display:flex}.record-quickadd-btn-row button{cursor:pointer;border:none;border-radius:16px;flex:1;padding:14px 0;font-size:14px;font-weight:800;transition:opacity .2s,transform .1s}.record-quickadd-btn-row button:active{transform:scale(.97)}.record-quickadd-btn-row button:disabled{cursor:default;opacity:.7}.record-quickadd-save-btn{color:#fff;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%)}.record-quickadd-cancel-btn{color:#a3968c;background-color:#faf4ef}.record-quickadd-delete-btn{color:#e05a4a;cursor:pointer;background-color:#fff;border:1px solid #f3d9d4;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700}.record-quickadd-delete-btn:disabled{opacity:.5;cursor:not-allowed}.growth-chart-wrapper{flex-direction:column;gap:12px;display:flex}.growth-chart-header{justify-content:flex-end;display:flex}.record-add-btn{color:#f07c60;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #eae2db;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;transition:background-color .2s,transform .1s}.record-add-btn:active{background-color:#ffefe8;transform:scale(.97)}.metric-toggle{background-color:#faf4ef;border-radius:16px;gap:6px;padding:4px;display:flex}.metric-toggle button{color:#a3968c;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:8px 0;font-size:13px;font-weight:700;transition:background-color .2s,color .2s}.metric-toggle button.active{color:#f07c60;background-color:#fff;box-shadow:0 4px 16px #0000000a}.viewmode-toggle{justify-content:center;gap:8px;display:flex}.viewmode-toggle button{color:#a3968c;cursor:pointer;background-color:#fff;border:1px solid #eae2db;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s}.viewmode-toggle button.active{color:#fff;background-color:#f07c60;border-color:#f07c60}.growth-chart-box{box-sizing:border-box;background-color:#fff;border-radius:24px;padding:12px 8px;box-shadow:0 4px 16px #0000000a}.growth-chart-empty{text-align:center;color:#a3968c;margin:0;padding:40px 0;font-size:13px}.growth-chart-scroll{scrollbar-width:none;overflow:auto hidden}.growth-chart-scroll::-webkit-scrollbar{display:none}.growth-line-svg{display:block}.growth-point-label{fill:#3a332d;font-size:10px;font-weight:700}.growth-x-label{fill:#b5afa4;font-size:10px}.growth-point-hit{cursor:pointer}.growth-tooltip-group{pointer-events:none}.growth-tooltip-bg{fill:#3a332d;opacity:.92}.growth-tooltip-text{fill:#fff;font-size:11px;font-weight:800}.growth-tooltip-date{fill:#eae2db;font-size:9px}.growth-legend{color:#a3968c;align-items:center;gap:16px;padding:0 8px;font-size:12px;font-weight:700;display:flex}.legend-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.legend-dot.baby{background-color:#f07c60}.legend-dot.standard{background-color:#c9c0b8;border-radius:0;width:12px;height:2px}.growth-speed-card{box-sizing:border-box;background-color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 4px 16px #0000000a}.speed-title{color:#3a332d;margin:0 0 6px;font-size:13px;font-weight:800}.speed-value{color:#a3968c;margin:0 0 4px;font-size:13px;font-weight:700}.speed-message{color:#f57e5c;margin:0;font-size:13px;font-weight:700}.speed-empty{color:#b5afa4;margin:0;font-size:12px;line-height:1.5}.growth-chart-scroll{cursor:grab;touch-action:pan-x}.growth-std-label{fill:#a3968c;font-size:9px;font-weight:700}.growth-tooltip-diff-up{fill:#ffb199;font-size:10px;font-weight:700}.growth-tooltip-diff-down{fill:#9fd8c6;font-size:10px;font-weight:700}.growth-tooltip-diff-flat{fill:#c9c0b8;font-size:10px;font-weight:700}.growth-edit-hint{color:#b5afa4;text-align:center;margin:0;font-size:11px}.theme-1{--c-bg:#f4f7f2;--c-text:#fff;--c-btn:#7a9e71;--c-btn-txt:#fff;--c-shadow:#7a9e7166;--c-tone:linear-gradient(160deg, #d4e0cd 0%, #a9c2a0 100%)}.theme-2{--c-bg:#fff5f7;--c-text:#fff;--c-btn:#e87a9a;--c-btn-txt:#fff;--c-shadow:#e87a9a66;--c-tone:linear-gradient(160deg, #fad0c4 0%, #ffd1ff 100%)}.theme-3{--c-bg:#eaf0eb;--c-text:#fff;--c-btn:#4b6b56;--c-btn-txt:#fff;--c-shadow:#4b6b5666;--c-tone:linear-gradient(160deg, #b5c9bc 0%, #7d9c88 100%)}.theme-4{--c-bg:#f9f9ec;--c-text:#fff;--c-btn:#9fa854;--c-btn-txt:#fff;--c-shadow:#9fa85466;--c-tone:linear-gradient(160deg, #e2e8c1 0%, #c8d485 100%)}.theme-5{--c-bg:#fff3eb;--c-text:#fff;--c-btn:#d98863;--c-btn-txt:#fff;--c-shadow:#d9886366;--c-tone:linear-gradient(160deg, #f5d3c1 0%, #e8ac8e 100%)}.theme-6{--c-bg:#f7f3ee;--c-text:#fff;--c-btn:#9e7960;--c-btn-txt:#fff;--c-shadow:#9e796066;--c-tone:linear-gradient(160deg, #e3d4c8 0%, #c2a590 100%)}.theme-7{--c-bg:#f0f7fb;--c-text:#fff;--c-btn:#629cc2;--c-btn-txt:#fff;--c-shadow:#629cc266;--c-tone:linear-gradient(160deg, #cde2f0 0%, #9bc4e3 100%)}.theme-8{--c-bg:#1a2235;--c-text:#fff;--c-btn:#4a6382;--c-btn-txt:#fff;--c-shadow:#4a638299;--c-tone:linear-gradient(160deg, #243b53 0%, #486581 100%)}.book-card-container{aspect-ratio:3/4;background:var(--c-bg);box-sizing:border-box;border-radius:14px;width:100%;margin-bottom:24px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 1px #00000026,0 18px 34px #00000029,0 3px 10px #00000014}.book-card-container:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 1px #00000026,0 24px 44px #0003,0 4px 12px #0000001a}.book-card-container:before{content:"";z-index:4;pointer-events:none;background:linear-gradient(90deg,#00000040,#0000);width:10px;height:100%;position:absolute;top:0;left:0}.book-card-bg-wrap{position:absolute;inset:0}.book-card-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.book-card-bg-tone{background:var(--c-tone);mix-blend-mode:multiply;opacity:.35;position:absolute;inset:0}.book-card-bg-light{mix-blend-mode:soft-light;background:radial-gradient(circle at 75% 15%,#ffffff40,#0000 55%);position:absolute;inset:0}.book-card-bg-vignette{background:linear-gradient(#0000008c 0%,#0000000d 28% 65%,#00000080 100%);position:absolute;inset:0}.book-title-wrap{z-index:2;text-align:left;pointer-events:none;position:absolute;top:20px;left:20px;right:90px}.book-title-eyebrow{letter-spacing:2px;color:#ffffffbf;text-shadow:0 1px 6px #00000080;margin-bottom:8px;font-family:Playfair Display,serif;font-size:10px;font-style:italic;font-weight:700;display:block}.book-title{color:#fff;text-align:left;word-break:keep-all;letter-spacing:-.2px;text-shadow:0 1px 3px #0000008c,0 4px 14px #00000073;margin:0;font-family:Gowun Batang,Nanum Myeongjo,serif;font-size:22px;font-weight:700;line-height:1.4}.detail-link-btn{z-index:5;color:#3a322c;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:8px;padding:6px 12px;font-family:Gowun Batang,serif;font-size:11px;font-weight:800;transition:all .2s;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #00000026}.detail-link-btn:hover{background:#fff;transform:translateY(-1px)}.book-delete-btn{z-index:3;color:#3a322c;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;border:none;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:800;transition:all .2s;position:absolute;bottom:18px;left:18px;box-shadow:0 4px 12px #00000026}.book-delete-btn:active{background:var(--c-btn);color:var(--c-btn-txt)}.order-floating-btn{z-index:3;background:var(--c-btn);color:var(--c-btn-txt);cursor:pointer;box-shadow:-4px 6px 16px var(--c-shadow);border:none;border-radius:18px 0 0 18px;align-items:center;gap:5px;padding:10px 20px 10px 16px;font-family:Gowun Batang,serif;font-size:12px;font-weight:800;transition:transform .15s;display:flex;position:absolute;bottom:18px;right:-10px}.order-floating-btn:active{transform:translate(4px)}.btn-icon{flex-shrink:0}.milestone-container{box-sizing:border-box;width:100%;padding:4px 0;font-family:Pretendard,-apple-system,sans-serif}.milestone-page-title{text-align:center;color:#5d5046;margin:0 0 24px;font-size:22px;font-weight:800}.milestone-age-nav{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:24px;display:flex}.nav-arrow-btn{color:#f07c60;cursor:pointer;background-color:#fff;border:1px solid #eae2db;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:24px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 16px #5d50460a}.nav-arrow-btn:hover:not(:disabled){background-color:#fdf9f5;border-color:#f5b079}.nav-arrow-btn:active:not(:disabled){background-color:#fff5f2;transform:scale(.92)}.nav-arrow-btn:disabled{color:#d3c7be;cursor:not-allowed;box-shadow:none;background-color:#faf4ef;border-color:#f1ece8}.milestone-select-wrapper{flex:1;position:relative}.milestone-age-select{color:#5d5046;text-align:center;appearance:none;cursor:pointer;background-color:#fff;border:1px solid #eae2db;border-radius:16px;outline:none;width:100%;height:48px;padding:0 16px;font-size:15px;font-weight:700;transition:border-color .15s;box-shadow:0 4px 16px #5d50460a}.milestone-age-select:focus{border-color:#f07c60}.milestone-select-wrapper:after{content:"⌄";color:#a3968c;pointer-events:none;font-size:18px;position:absolute;top:45%;right:16px;transform:translateY(-50%)}.milestone-summary-banner{background:linear-gradient(135deg,#fff6f1 0%,#ffeee4 100%);border:1px solid #fbdfcb;border-radius:18px;align-items:center;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex}.summary-banner-ring{flex-shrink:0;width:56px;height:56px;position:relative}.summary-ring-svg{width:56px;height:56px;transform:rotate(-90deg)}.summary-ring-bg{fill:none;stroke:#fbdfcb;stroke-width:6px}.summary-ring-fill{fill:none;stroke:#f07c60;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .4s}.summary-ring-text{color:#f07c60;font-size:13px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.summary-banner-info{flex-direction:column;gap:4px;display:flex}.summary-banner-label{color:#c48a6e;font-size:12px;font-weight:700}.summary-banner-value{color:#2e241e;font-size:15px;font-weight:800}.milestone-category-tabs{scrollbar-width:none;background:#f4eee8;border-radius:14px;gap:4px;margin-bottom:18px;padding:4px;display:flex;overflow-x:auto}.milestone-category-tabs::-webkit-scrollbar{display:none}.category-tab-btn{white-space:nowrap;color:#a3968c;cursor:pointer;letter-spacing:-.2px;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 14px;font-size:13px;font-weight:700;transition:all .18s}.category-tab-btn:hover{color:#7a6d63}.category-tab-btn.active{color:#f07c60;background:#fff;box-shadow:0 2px 6px #f07c6026}.milestone-groups{flex-direction:column;gap:14px;display:flex}.milestone-group{background:#fff;border:1px solid #f1ece8;border-radius:18px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 10px #2e241e0a}.milestone-group:hover{box-shadow:0 4px 16px #2e241e12}.milestone-group-header{cursor:pointer;box-sizing:border-box;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 20px;display:flex}.milestone-group-header-left{align-items:center;gap:8px;min-width:0;display:flex}.milestone-group-dot{background:#f07c60;border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-신체·발달{background:#f07c60}.dot-사회·정서{background:#e893c2}.dot-감각·모방{background:#7fb8e0}.dot-언어·소통{background:#8fcb8b}.dot-구강·위생{background:#e0b65a}.dot-인지·학습{background:#a995e0}.dot-전체{background:#f07c60}.milestone-group-title{color:#2e241e;letter-spacing:-.2px;white-space:nowrap;font-size:15px;font-weight:800}.milestone-group-count{color:#f07c60;white-space:nowrap;font-size:12px;font-weight:700}.milestone-group-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.milestone-progress-track{background:#f1ece8;border-radius:999px;width:56px;height:6px;overflow:hidden}.milestone-progress-fill{background:linear-gradient(90deg,#f57e5c 0%,#f5b079 100%);border-radius:999px;height:100%;transition:width .3s}.milestone-group-chevron{color:#c0b5ac;font-size:13px;transition:transform .2s}.milestone-group-chevron.collapsed{transform:rotate(180deg)}.milestone-list{box-sizing:border-box;flex-direction:column;gap:2px;width:100%;margin:0;padding:0 20px 18px;list-style:none;display:flex}.milestone-item{border-top:1px solid #f6f1ec;width:100%;display:block}.milestone-item:first-child{border-top:none}.checkbox-wrapper{box-sizing:border-box;align-items:center;width:100%;padding:10px 0;display:flex}.custom-check{color:#0000;background:#f4eee8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:12px;font-size:11px;font-weight:900;transition:all .2s;display:flex}.custom-check.checked{color:#fff;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);box-shadow:0 2px 6px #f07c604d}.checkbox-text{color:#6b5d51;word-break:keep-all;letter-spacing:-.1px;flex:1;font-size:14px;font-weight:500;line-height:1.5}.milestone-item.achieved .checkbox-text{color:#2e241e;font-weight:600}.milestone-empty{text-align:center;color:#a3968c;padding:40px 0;font-size:14px}.compare-chart-inside{box-sizing:border-box;width:100%;max-width:100%}.compare-chart-main-title{text-align:center;color:#333;margin:0 0 24px;font-size:17px;font-weight:800}.compare-desc{color:#a3968c;text-align:center;margin:-8px 0 12px;font-size:12px}.radar-box{width:100%;height:280px;margin:0 auto;position:relative}.compare-divider{background:#ece3db;height:1px;margin:28px 0}.compare-stat-rows{flex-direction:column;gap:14px;display:flex}.comp-row{box-sizing:border-box;background:#faf4ef;border:1px solid #efe5dd;border-radius:16px;flex-direction:column;align-items:flex-start;width:100%;padding:16px;display:flex}.comp-lbl{color:#5d5046;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.comp-val{text-align:left;color:#8f8177;box-sizing:border-box;width:100%;font-size:14px;line-height:1.5;display:block}.comp-val strong{color:#f07c60;font-weight:800}.comp-badge{color:#8f8177;box-sizing:border-box;background:0 0;border-radius:0;width:100%;margin-top:6px;margin-left:0;padding:0;font-size:12px;font-weight:700;line-height:1.4;display:block}.badge-up{color:#f07c60;background:0 0}.badge-down{color:#a3968c;background:0 0}.compare-footnote{text-align:center;color:#a3968c;margin-top:22px;font-size:12px;line-height:1.6}.loading-box,.error-box{color:#a3968c;justify-content:center;align-items:center;width:100%;height:260px;font-size:15px;font-weight:600;display:flex}.ebook-page{box-sizing:border-box;background-color:#faf4ef;width:100%;min-height:100vh;margin:0 auto;padding-bottom:90px;position:relative;overflow-x:hidden}.ebook-header{justify-content:space-between;align-items:center;padding:24px 20px;display:flex}.ebook-title{color:#333;margin:0;font-size:22px;font-weight:800}.create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);border:none;border-radius:20px;padding:10px 16px;font-size:13px;font-weight:800;transition:transform .1s;box-shadow:0 4px 10px #f57e5c33}.create-btn:active{transform:scale(.98)}.book-list{margin-bottom:24px;padding:0 20px}@media (width>=768px){.book-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}}@media (width>=1200px){.book-list{grid-template-columns:repeat(3,1fr)}}.empty-book{text-align:center;color:#a3968c;padding:40px 0;font-size:14px}.ebook-tab{background-color:#f2e8e0;border-radius:30px;margin:0 20px 24px;padding:6px;display:flex}.ebook-tab button{color:#a3968c;cursor:pointer;background:0 0;border:none;border-radius:24px;flex:1;justify-content:center;align-items:center;padding:14px 0;font-size:15px;font-weight:800;transition:all .3s;display:flex}.ebook-tab button.active{color:#333;background-color:#fff;box-shadow:0 2px 8px #0000000d}.content-card{background-color:#fff;border:1px solid #eae2db;border-radius:24px;margin:0 20px 24px;padding:24px;box-shadow:0 4px 12px #00000005}.card-title{color:#333;margin-top:0;margin-bottom:20px;font-size:18px;font-weight:800}.milestone-gauge-card{background-color:#fff;border:1px solid #eae2db;border-radius:24px;margin:0 20px 24px;padding:20px 24px;box-shadow:0 4px 12px #00000005}.gauge-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.gauge-title{color:#333;font-size:16px;font-weight:800}.gauge-count{color:#f07c60;background:#fff5f0;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:700}.gauge-track{background:#f2e8e0;border-radius:10px;width:100%;height:12px;margin-bottom:12px;position:relative;overflow:visible}.gauge-fill{background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);border-radius:10px;height:100%;transition:width .8s}.gauge-marker{background:#c0392b;border-radius:2px;width:2px;height:20px;position:absolute;top:-4px;transform:translate(-50%)}.gauge-marker-label{color:#c0392b;white-space:nowrap;font-size:10px;font-weight:700;position:absolute;top:22px;left:50%;transform:translate(-50%)}.gauge-desc{color:#a3968c;text-align:center;margin:18px 0 0;font-size:13px}.gauge-create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f57e5c 0%,#f5b079 100%);border:none;border-radius:20px;width:100%;margin-top:14px;padding:14px 0;font-size:15px;font-weight:800;transition:transform .1s;display:block;box-shadow:0 4px 10px #f57e5c33}.gauge-create-btn:active{transform:scale(.98)}.book-pagination{grid-column:1/-1;justify-content:center;align-items:center;gap:6px;margin-top:16px;display:flex}.page-nav-btn,.page-num-btn{border:1px solid var(--color-border,#eae2db);background:var(--color-surface,#fff);width:32px;height:32px;color:var(--color-text-muted,#a3968c);cursor:pointer;border-radius:50%;font-size:14px;font-weight:700}.page-nav-btn:disabled{opacity:.4;cursor:default}.page-num-btn.active{background:var(--gradient-accent,linear-gradient(135deg, #f57e5c 0%, #f5b079 100%));color:#fff;border:none}.theme-1{--m-bg:#fdf9f5;--m-text:#3a332d;--m-border:#eae2db;--m-arrow:#8eb285}.theme-2{--m-bg:#fff5f7;--m-text:#5c4149;--m-border:#f7d4dd;--m-arrow:#f29bb4}.theme-3{--m-bg:#f0f4f1;--m-text:#2c3e33;--m-border:#c2d1c8;--m-arrow:#5b7a66}.theme-4{--m-bg:#f9f9ec;--m-text:#4a4a28;--m-border:#e3e3c5;--m-arrow:#b8c46e}.theme-5{--m-bg:#fff3eb;--m-text:#523428;--m-border:#f7d5c1;--m-arrow:#e89e78}.theme-6{--m-bg:#f7f3ee;--m-text:#45372b;--m-border:#dfd3c8;--m-arrow:#b08d73}.theme-7{--m-bg:#f0f7fb;--m-text:#2a4354;--m-border:#c8e1f2;--m-arrow:#7fb3d4}.theme-8{--m-bg:#1a2235;--m-text:#e8eef2;--m-border:#2c3e5b;--m-arrow:#6a8bb0}.book-detail-page{background-color:var(--m-bg);box-sizing:border-box;background-repeat:repeat;background-size:140px 140px;background-attachment:fixed;width:100%;min-height:100vh;margin:0 auto;padding-bottom:90px;transition:background-color .3s;position:relative;overflow-x:hidden}.book-detail-container{box-sizing:border-box;padding:24px 20px}.detail-divider{background-color:var(--m-arrow);opacity:.5;border:none;border-radius:4px;width:32px;height:3px;margin:0 auto 32px;display:block}.detail-content-wrapper{margin-bottom:24px}.book-page-viewer{align-items:center;gap:8px;display:flex}@media (width>=768px){.book-page-viewer{gap:20px}}.book-page-item{text-align:left;flex-direction:column;flex:1;align-items:stretch;min-width:0;display:flex}.page-img-wrapper{justify-content:center;align-items:center;width:100%;margin-bottom:16px;display:flex}.page-image{object-fit:contain;border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 8px 24px #00000026}.book-page-item.is-cover{justify-content:center;align-items:center}.page-img-wrapper.is-cover-wrapper{border-radius:12px;position:relative;margin-bottom:0!important}.page-image.is-cover-img{border-radius:12px;width:100%;height:auto}.page-nav-arrow{background:var(--m-border);width:34px;height:34px;color:var(--m-text);cursor:pointer;border:none;border-radius:40% 60% 60% 40%/50% 40% 60% 50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Gaegu,sans-serif;font-size:18px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000014}@media (width>=768px){.page-nav-arrow{width:44px;height:44px;font-size:22px}}.page-nav-arrow:active:not(:disabled){background-color:var(--m-arrow);color:#fff;transform:scale(.92)}.page-nav-arrow:disabled{color:var(--m-border);cursor:not-allowed;opacity:.4}.close-btn{-webkit-backdrop-filter:blur(8px);width:100%;color:var(--m-text);cursor:pointer;background:#fffc;border:1px solid #ffffffe6;border-radius:14px;padding:16px;font-size:16px;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 12px #00000008}.close-btn:hover{background:var(--m-arrow);color:#fff;border-color:var(--m-arrow);opacity:1}.detail-title{color:var(--m-text);text-align:center;letter-spacing:-.5px;margin:0 0 16px;font-family:Gowun Batang,Noto Serif KR,serif;font-size:26px;font-weight:700}@media (width>=768px){.detail-title{font-size:30px}}.detail-content{-webkit-backdrop-filter:blur(12px);text-align:left;color:var(--m-text);letter-spacing:-.2px;word-break:keep-all;white-space:pre-wrap;text-indent:1em;background:#ffffffa6;border:1px solid #ffffffe6;border-radius:16px;margin:12px 0 0;padding:28px 24px;font-family:Gaegu,Gowun Batang,sans-serif;font-size:21px;font-weight:600;line-height:2;box-shadow:0 8px 24px #00000008}@media (width>=768px){.detail-content{font-size:23px}}.page-number{background:var(--m-arrow);color:#fff;border-radius:20px;margin:16px auto 0;padding:8px 24px;font-family:Gaegu,sans-serif;font-size:16px;font-weight:700;display:inline-block;position:relative;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #0000001f}.theme-8 .page-number{box-shadow:0 0 10px #ffca2866}.polaroid-frame{border:2px solid var(--m-border);aspect-ratio:1;box-sizing:border-box;background-color:#fff;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:20px;padding:12px 12px 36px;display:flex;position:relative;box-shadow:0 8px 24px #00000014}.polaroid-image-container{border-radius:2px;width:100%;height:100%;overflow:hidden}.polaroid-image{object-fit:cover;width:100%;height:100%;box-shadow:none;border-radius:0;margin:0;display:block}.polaroid-empty{color:var(--m-border);flex-direction:column;align-items:center;display:flex}.polaroid-empty-icon{opacity:.5}.polaroid-empty-text{opacity:.6;margin-top:12px;font-size:13px;font-weight:600}.theme-8 .polaroid-empty-text{color:#ffe082}.theme-8 .polaroid-empty-icon{color:#ffe082;opacity:.8}.polaroid-image-container,.page-img-wrapper.is-cover-wrapper .page-image.is-cover-img{clip-path:polygon(1% 3%,25% 0%,50% 1.5%,75% 0%,99% 2%,100% 25%,98.5% 50%,100% 75%,99% 98%,75% 100%,50% 98.5%,25% 100%,0% 97%,1.5% 75%,0% 50%,1.5% 25%)}.theme-1 .polaroid-frame{border:2px solid #d4c4b7;box-shadow:3px 6px 15px #8b735526}.theme-2 .polaroid-frame{border:3px dashed #f3b6c9;border-radius:12px}.theme-3 .polaroid-frame{border:2px solid #7b9d87;box-shadow:6px 6px #d8e2da}.theme-4 .polaroid-frame{border:2px solid #eae0b7}.theme-5 .polaroid-frame{border:none;box-shadow:0 0 0 3px #fad0c4,0 10px 25px #ff9a9e4d}.theme-6 .polaroid-frame{border:2px solid #dce8f2;box-shadow:3px 6px 15px #96b4c833}.theme-7 .polaroid-frame{border:2px solid #eee;border-top:6px solid #ff9a9e}.theme-8 .polaroid-frame{background-color:#1a2235;border:2px solid #5c7699;box-shadow:0 0 20px #ffca2826,0 12px 30px #0a0f19b3}.theme-1 .is-cover-wrapper .page-image.is-cover-img{box-shadow:0 10px 28px #8b735533}.theme-2 .is-cover-wrapper .page-image.is-cover-img{border:3px dashed #f3b6c9}.theme-3 .is-cover-wrapper .page-image.is-cover-img{border:2px solid #7b9d87;box-shadow:6px 6px #d8e2da}.theme-4 .is-cover-wrapper .page-image.is-cover-img{border:2px solid #eae0b7}.theme-5 .is-cover-wrapper .page-image.is-cover-img{box-shadow:0 0 0 3px #fad0c4,0 10px 25px #ff9a9e4d}.theme-6 .is-cover-wrapper .page-image.is-cover-img{border:2px solid #dce8f2;box-shadow:3px 6px 15px #96b4c840}.theme-7 .is-cover-wrapper .page-image.is-cover-img{border:2px solid #eee;border-top:6px solid #ff9a9e}.theme-8 .is-cover-wrapper .page-image.is-cover-img{border:2px solid #5c7699;box-shadow:0 0 20px #ffca2826,0 12px 30px #0a0f19b3}.theme-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='none' stroke='%238EB285' stroke-width='1.8' opacity='0.3'%3E%3Cpath d='M10 30q15-10 30 0t30 0'/%3E%3Cpath d='M70 90q15-10 30 0t30 0'/%3E%3Ccircle cx='110' cy='30' r='4'/%3E%3Ccircle cx='30' cy='100' r='3'/%3E%3C/g%3E%3C/svg%3E")}.theme-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='none' stroke='%23F29BB4' stroke-width='1.8' opacity='0.32'%3E%3Ccircle cx='20' cy='20' r='5'/%3E%3Ccircle cx='32' cy='13' r='5'/%3E%3Ccircle cx='32' cy='28' r='5'/%3E%3Ccircle cx='44' cy='20' r='5'/%3E%3Ccircle cx='100' cy='90' r='4'/%3E%3Ccircle cx='110' cy='84' r='4'/%3E%3C/g%3E%3C/svg%3E")}.theme-3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='%235B7A66' opacity='0.3'%3E%3Cpath d='m20 10 2 6L28 18l-6 2-2 6-2-6-6-2 6-2Z'/%3E%3Cpath d='m112 80 1.6 4.8L118 86l-4.4 1.6-1.6 4.4-1.6-4.4L106 86l4.4-1.6Z'/%3E%3C/g%3E%3C/svg%3E")}.theme-4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='none' stroke='%23B8C46E' stroke-width='1.8' opacity='0.3'%3E%3Ccircle cx='25' cy='25' r='7'/%3E%3Cpath d='M25 10v5M25 35v5M10 25h5M35 25h5'/%3E%3Cpath d='M100 100c4-4 4-10 0-15'/%3E%3Cpath d='M100 100c-4-4-4-10 0-15'/%3E%3C/g%3E%3C/svg%3E")}.theme-5{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='none' stroke='%23E89E78' stroke-width='1.8' opacity='0.3'%3E%3Cpath d='M13 30h12a7 7 0 1 0-3-13.5A9 9 0 0 0 5 23a5.5 5.5 0 0 0 8 7Z'/%3E%3Cpath d='M93 95h12a7 7 0 1 0-3-13.5A9 9 0 0 0 85 88a5.5 5.5 0 0 0 8 7Z'/%3E%3C/g%3E%3C/svg%3E")}.theme-6{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='none' stroke='%237FB3D4' stroke-width='1.8' opacity='0.3'%3E%3Cpath d='M18 25c9-7 18-2 18 4-4 0-9 2-11 6 7 0 11 3 11 9-9 2-18-2-18-11Z'/%3E%3Cpath d='M98 90c7-5 13-1 13 3-3 0-7 1-8 4 4 0 8 2 8 6-7 1-12-2-13-8Z'/%3E%3C/g%3E%3C/svg%3E")}.theme-7{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg opacity='0.3'%3E%3Cpath fill='%23FFB74D' d='m22 14 2.2 6.6L31 22l-6.4 2-2 6.4-2.2-6.4L14 22l6.4-1.8Z'/%3E%3Cpath fill='none' stroke='%234FC3F7' stroke-width='1.8' d='M93 95h12a7 7 0 1 0-3-13.5A9 9 0 0 0 85 88a5.5 5.5 0 0 0 8 7Z'/%3E%3C/g%3E%3C/svg%3E")}.theme-8{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cg fill='%23FFE082' opacity='0.55'%3E%3Ccircle cx='20' cy='20' r='2'/%3E%3Ccircle cx='60' cy='45' r='1.4'/%3E%3Ccircle cx='105' cy='15' r='2.2'/%3E%3Ccircle cx='90' cy='80' r='1.6'/%3E%3Ccircle cx='30' cy='100' r='2'/%3E%3Ccircle cx='75' cy='25' r='1.2'/%3E%3Ccircle cx='45' cy='75' r='1.4'/%3E%3Cpath d='m118 100 2 6 6 2-6 2-2 6-2-6-6-2 6-2Z'/%3E%3Cpath d='m15 55 1.5 4.5 4.5 1.5-4.5 1.5-1.5 4.5-1.5-4.5-4.5-1.5 4.5-1.5Z'/%3E%3C/g%3E%3C/svg%3E")}.polaroid-frame:before,.page-img-wrapper.is-cover-wrapper:before{content:"";z-index:10;pointer-events:none;opacity:.95;background-repeat:no-repeat;position:absolute;inset:-30px}.theme-1 .polaroid-frame:before,.theme-1 .is-cover-wrapper:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E8F5E9' stroke='%238EB285' stroke-width='2'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 22l10-10'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238EB285' stroke-width='2'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 22l10-10'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238EB285' stroke-width='2.5'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E8F5E9' stroke='%238EB285' stroke-width='2'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 22l10-10'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238EB285' stroke-width='2.5'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3C/svg%3E");background-position:-18px -14px, right -14px top 30%, -10px bottom 26%, right -16px bottom 40px, 50% bottom -14px;background-size:50px 50px,36px 36px,30px 30px,28px 28px,24px 24px}.theme-2 .polaroid-frame:before,.theme-2 .is-cover-wrapper:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF0F5' stroke='%23F29BB4' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='3' fill='%23F29BB4'/%3E%3Cpath d='M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F29BB4' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F29BB4' stroke-width='2.5'%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF0F5' stroke='%23F29BB4' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='3' fill='%23F29BB4'/%3E%3Cpath d='M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F29BB4' stroke-width='2.5'%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3C/svg%3E");background-position:-16px -14px, right -14px top 28%, -12px bottom 30%, right -14px bottom 46px, 50% bottom -10px;background-size:48px 48px,30px 30px,26px 26px,26px 26px,18px 18px}.theme-3 .polaroid-frame:before,.theme-3 .is-cover-wrapper:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E8F5E9' stroke='%235B7A66' stroke-width='1.5'%3E%3Cpath d='m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3l1.9 5.8 1.9-5.8a2 2 0 0 1 1.3-1.3l5.8-1.9-5.8-1.9a2 2 0 0 1-1.3-1.3Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B7A66' stroke-width='2'%3E%3Cpath d='m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3l1.9 5.8 1.9-5.8a2 2 0 0 1 1.3-1.3l5.8-1.9-5.8-1.9a2 2 0 0 1-1.3-1.3Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B7A66' stroke-width='2.5'%3E%3Cpath d='m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3l1.9 5.8 1.9-5.8a2 2 0 0 1 1.3-1.3l5.8-1.9-5.8-1.9a2 2 0 0 1-1.3-1.3Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E8F5E9' stroke='%235B7A66' stroke-width='1.5'%3E%3Cpath d='m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3l1.9 5.8 1.9-5.8a2 2 0 0 1 1.3-1.3l5.8-1.9-5.8-1.9a2 2 0 0 1-1.3-1.3Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B7A66' stroke-width='2.5'%3E%3Cpath d='m12 3-1.9 5.8a2 2 0 0 1-1.3 1.3L3 12l5.8 1.9a2 2 0 0 1 1.3 1.3l1.9 5.8 1.9-5.8a2 2 0 0 1 1.3-1.3l5.8-1.9-5.8-1.9a2 2 0 0 1-1.3-1.3Z'/%3E%3C/svg%3E");background-position:right -14px top -10px, -12px bottom 42px, right 26px bottom -12px, -14px top 28%, right 30% bottom -10px;background-size:42px 42px,24px 24px,20px 20px,26px 26px,18px 18px}.theme-4 .polaroid-frame:before,.theme-4 .is-cover-wrapper:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF9C4' stroke='%23B8C46E' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M5 5l1.5 1.5M17.5 17.5L19 19M2 12h2M20 12h2M5 19l1.5-1.5M17.5 6.5L19 5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8C46E' stroke-width='2'%3E%3Cpath d='M12 22c4-4 4-10 0-14'/%3E%3Cpath d='M12 22c-4-4-4-10 0-14'/%3E%3Cpath d='M12 22V8'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8C46E' stroke-width='2'%3E%3Cpath d='M12 22c4-4 4-10 0-14'/%3E%3Cpath d='M12 22c-4-4-4-10 0-14'/%3E%3Cpath d='M12 22V8'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF9C4' stroke='%23B8C46E' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M5 5l1.5 1.5M17.5 17.5L19 19M2 12h2M20 12h2M5 19l1.5-1.5M17.5 6.5L19 5'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8C46E' stroke-width='2.5'%3E%3Cpath d='M12 22c4-4 4-10 0-14'/%3E%3Cpath d='M12 22c-4-4-4-10 0-14'/%3E%3Cpath d='M12 22V8'/%3E%3C/svg%3E");background-position:-18px -14px, right -14px top 30%, -10px bottom 26%, right -16px bottom 40px, 50% bottom -14px;background-size:50px 50px,36px 36px,30px 30px,28px 28px,24px 24px}.theme-5 .polaroid-frame:before,.theme-5 .is-cover-wrapper:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF' stroke='%23E89E78' stroke-width='1'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF' stroke='%23E89E78' stroke-width='1.5'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF' stroke='%23E89E78' stroke-width='2'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF' stroke='%23E89E78' stroke-width='1.5'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF' stroke='%23E89E78' stroke-width='2'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3E%3C/svg%3E");background-position:right -20px top -16px, -16px bottom 44px, right 20px bottom -10px, -14px top 28%, right 30% top -12px;background-size:52px 52px,34px 34px,22px 22px,24px 24px,26px 26px}.theme-6 .polaroid-frame:before,.theme-6 .is-cover-wrapper:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF' stroke='%237FB3D4' stroke-width='1.5'%3E%3Cpath d='M16 7h.01'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3Cpath d='m20 7 2 .5-2 .5'/%3E%3Cpath d='M10 18v3'/%3E%3Cpath d='M14 17.75V21'/%3E%3Cpath d='M7 18a6 6 0 0 0 3.84-10.61'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237FB3D4' stroke-width='2'%3E%3Cpath d='M16 7h.01'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237FB3D4' stroke-width='2.5'%3E%3Cpath d='M16 7h.01'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF' stroke='%237FB3D4' stroke-width='1.5'%3E%3Cpath d='M16 7h.01'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3Cpath d='m20 7 2 .5-2 .5'/%3E%3Cpath d='M10 18v3'/%3E%3Cpath d='M14 17.75V21'/%3E%3Cpath d='M7 18a6 6 0 0 0 3.84-10.61'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237FB3D4' stroke-width='2.5'%3E%3Cpath d='M16 7h.01'/%3E%3Cpath d='M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20'/%3E%3C/svg%3E");background-position:-16px -12px, right -12px bottom 40px, right 28px bottom -12px, -12px bottom 28%, 50% top -14px;background-size:44px 44px,26px 26px,20px 20px,24px 24px,22px 22px}.theme-7 .polaroid-frame:before,.theme-7 .is-cover-wrapper:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF59D' stroke='%23FFB74D' stroke-width='1.5'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2381D4FA' stroke='%234FC3F7' stroke-width='1.5'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF59D' stroke='%23FFB74D' stroke-width='2'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2381D4FA' stroke='%234FC3F7' stroke-width='2'%3E%3Cpath d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF59D' stroke='%23FFB74D' stroke-width='2.5'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");background-position:right -14px top -10px, -18px bottom 42px, right 24px bottom -10px, -14px top 26%, right 32% top -12px;background-size:40px 40px,46px 46px,20px 20px,22px 22px,18px 18px}.theme-8 .polaroid-frame:before,.theme-8 .is-cover-wrapper:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFE082' stroke='%23FFCA28' stroke-width='1.5'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFE082' stroke='%23FFCA28' stroke-width='1.5'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFE082' stroke='%23FFCA28' stroke-width='2'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFE082' stroke='%23FFCA28' stroke-width='2'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFE082' stroke='%23FFCA28' stroke-width='2.5'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E");background-position:-18px -14px, right -14px bottom 42px, right 26px bottom -8px, -14px top 30%, right 32% top -12px;filter:drop-shadow(0 0 8px #ffca2880);background-size:50px 50px,32px 32px,18px 18px,16px 16px,16px 16px}.theme-8 .detail-content,.theme-8 .close-btn{color:#f4f1e8;background:#1a2235bf;border:1px solid #ffe08226}.theme-8 .close-btn:hover{background:var(--m-arrow);color:#1a2235;border-color:var(--m-arrow)}
