@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=IBM+Plex+Sans+KR:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--safe-area-top:env(safe-area-inset-top);--safe-area-bottom:env(safe-area-inset-bottom);--mobile-tabbar-height:calc(70px + var(--safe-area-bottom));--brand-50:#f5f3ff;--brand-100:#edeaff;--brand-200:#dcd8ff;--brand-300:#c7c0ff;--brand-400:#a79dff;--brand-500:#857cf3;--brand-600:#736de6;--brand-700:#625ed1;--brand-800:#5250ab;--brand-900:#40436e;--accent-mint-50:#eefcf7;--accent-mint-100:#dcf8ee;--accent-mint-200:#bbeee0;--accent-mint-300:#91e3cf;--accent-mint-400:#67d6bd;--accent-mint-500:#48cbb0;--accent-mint-600:#34ba9b;--accent-mint-700:#278f79;--accent-coral-300:#ffbc8b;--accent-coral-400:#ffa274;--surface-0:#fffffff5;--surface-1:#fcfbff;--surface-2:#f5f6ff;--line-soft:#e6e8f6;--line-strong:#d8dbee;--text-strong:#3b4260;--text-body:#565d79;--text-muted:#727b96;--shadow-soft:0 18px 40px #5e67a214;--shadow-brand:0 18px 40px #736de633;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-body:"IBM Plex Sans KR", "Noto Sans KR", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-ui:"Noto Sans KR", "IBM Plex Sans KR", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-display:"Do Hyeon", "Noto Sans KR", "Pretendard", sans-serif;--font-brand:"Plus Jakarta Sans", "Noto Sans KR", "Pretendard", sans-serif;--font-data:"Plus Jakarta Sans", "Noto Sans KR", "Pretendard", sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 12% 18%,#857cf32e,#0000 26%),radial-gradient(circle at 88% 14%,#48cbb029,#0000 20%),linear-gradient(#fcfbff 0%,#f5f6ff 58%,#f7fcfa 100%)}button,input,textarea,select{font:inherit}button{font-family:var(--font-ui);cursor:pointer;border:0}input,textarea,select{width:100%;font-family:var(--font-body);color:var(--text-strong);border:1px solid var(--line-strong);padding:var(--space-3) var(--space-4);background:var(--surface-0);border-radius:16px;outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--brand-500);box-shadow:0 0 0 4px #736de624}textarea{resize:vertical;min-height:120px}.page{width:100%;min-height:100dvh;padding:36px 20px 60px}.app-page{padding-top:36px;padding-bottom:calc(132px + var(--safe-area-bottom))}.app-shell{flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;display:flex}.app-main{flex-direction:column;gap:28px;display:flex}.layout{grid-template-columns:minmax(0,2fr) minmax(360px,430px);align-items:start;gap:24px;display:grid}.hero{justify-content:space-between;align-items:center;gap:24px;margin-bottom:0;display:flex}.hero>div:first-child{max-width:680px}.eyebrow{margin:0 0 var(--space-2);font-family:var(--font-ui);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero h1{font-family:var(--font-display);color:var(--text-strong);letter-spacing:-.05em;margin:0;font-size:44px;font-weight:400;line-height:1.02}.hero-text{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:16px;line-height:1.65}.hero-actions{align-items:center;gap:var(--space-2);background:linear-gradient(180deg, #fffffff0 0%, var(--surface-2) 100%);border:1px solid var(--line-soft);border-radius:24px;padding:8px;display:flex;box-shadow:inset 0 1px #ffffffe6}.app-header{margin-bottom:0}.app-header-actions{justify-content:flex-end;gap:var(--space-3);box-shadow:var(--shadow-soft);border-radius:28px}.app-header-actions-info{width:auto;box-shadow:none;background:0 0;border:0;padding:0}.app-header-chip{min-width:230px;padding:var(--space-4) var(--space-5);background:linear-gradient(180deg, #fff 0%, var(--surface-1) 100%);border:1px solid var(--line-strong);border-radius:22px;box-shadow:inset 0 1px #fffffff5}.app-header-chip span{font-family:var(--font-ui);color:var(--text-muted);margin-bottom:6px;font-size:12px;display:block}.app-header-chip strong{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--text-strong);letter-spacing:-.03em;font-size:17px}.app-header-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:min(32vw,280px);display:block;overflow:hidden}.app-header-select-card{background:linear-gradient(180deg, #fff 0%, var(--surface-1) 100%);border:1px solid var(--line-strong);border-radius:22px;min-width:220px;padding:12px 14px;box-shadow:inset 0 1px #fffffff5}.app-header-select-card span{font-family:var(--font-ui);color:var(--text-muted);margin-bottom:6px;font-size:12px;display:block}.app-header-select{min-height:44px;font-family:var(--font-ui);color:var(--text-strong);background:#fffffff5;border-radius:16px;padding:10px 12px;font-size:14px;font-weight:700}.app-header-badge-wrap{justify-content:center;align-items:center;min-height:56px;padding:0 10px;display:flex}.app-header-actions-info .app-header-badge-wrap{min-height:auto;padding:0}.app-header-badge{min-height:36px;font-family:var(--font-ui);letter-spacing:-.02em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.app-header-badge-default{color:#6a7690;background:#f2f5fb}.app-header-badge-mint{color:#167f6c;background:#e6fbf3}.app-header-badge-slate{color:#61708d;background:#eef2fb}.today-button{background:linear-gradient(135deg, var(--brand-700) 0%, var(--accent-mint-500) 100%);color:#fff;letter-spacing:-.02em;min-height:56px;box-shadow:var(--shadow-brand);border-radius:18px;padding:0 22px;font-size:16px;font-weight:800}.panel{background:linear-gradient(180deg, #fffffff7 0%, var(--surface-1) 100%);border:1px solid var(--line-soft);box-shadow:var(--shadow-soft);border-radius:30px;padding:24px}.side-panel{position:sticky;top:20px}.mobile-side-panel-bar{display:none}@media (width<=760px){.page{padding:18px 14px calc(90px + var(--safe-area-bottom))}.app-shell{gap:14px}.app-main{gap:16px}.layout{display:block}.hero{flex-direction:column;align-items:flex-start;gap:8px}.hero h1{font-size:28px;line-height:1.08}.hero-text{margin-top:6px;font-size:13px;line-height:1.5}.app-header-actions{width:100%;box-shadow:none;border-radius:16px;flex-wrap:wrap;gap:8px;padding:8px 10px}.app-header-chip,.app-header-select-card{min-width:0;box-shadow:none;border-radius:14px;flex:140px;padding:10px 12px}.app-header-chip strong{font-size:15px}.app-header-badge-wrap{min-height:auto;padding:0}.app-header-badge{min-height:26px;padding:0 10px;font-size:11px}.today-button{border-radius:14px;min-height:44px;padding:0 14px;font-size:14px}.panel{border-radius:20px;padding:16px;box-shadow:0 12px 28px #6f7caa14}}.panel-head,.side-head{margin-bottom:var(--space-4)}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.panel-head h2,.side-head h2{font-family:var(--font-ui);color:var(--text-strong);letter-spacing:-.04em;margin:0;font-size:clamp(24px,2.4vw,30px);font-weight:800}.panel-head p,.side-head p{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:14px;line-height:1.55}.simple-panel-head{margin-bottom:var(--space-4)}.modal-overlay{z-index:999;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#0f172a5c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{overscroll-behavior:contain;background:linear-gradient(#fff 0%,#fbfdfc 100%);border:1px solid #e5ecea;border-radius:28px;flex-direction:column;gap:20px;width:100%;max-width:980px;max-height:calc(100dvh - 40px);padding:28px;display:flex;overflow-y:auto;box-shadow:0 30px 80px #0f172a3d}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.modal-head h2{font-family:var(--font-ui);letter-spacing:-.04em;color:var(--text-strong);margin:0;font-size:32px;font-weight:800}.modal-head p{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:15px;line-height:1.55}.modal-close{width:56px;height:56px;color:var(--text-strong);background:linear-gradient(#fff 0%,#f3f6f8 100%);border:1px solid #e5ebef;border-radius:18px;font-size:24px;font-weight:800;line-height:1;box-shadow:0 10px 24px #0f172a0f}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{color:var(--text-strong);font-size:14px;font-weight:700}.save-button{background:linear-gradient(90deg, var(--brand-500) 0%, var(--accent-mint-500) 100%);color:#fff;width:100%;box-shadow:var(--shadow-brand);border-radius:18px;padding:16px 18px;font-size:16px;font-weight:800}.save-button:disabled{opacity:.48;cursor:default;box-shadow:none}.mypage-section{background:linear-gradient(#fcfefd 0%,#f7fbf8 100%);border:1px solid #e6efea;border-radius:24px;padding:18px}.mypage-summary-section{background:linear-gradient(#fcfdff 0%,#f5f9ff 100%);border-color:#e3edf4}.mypage-section-head{margin-bottom:14px}.mypage-section-head h3{font-family:var(--font-ui);letter-spacing:-.03em;color:var(--text-strong);margin:0;font-size:18px;font-weight:800}.mypage-section-head p{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.mypage-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.modal-grid .form-group{background:#ffffffe0;border:1px solid #e7efeb;border-radius:20px;padding:14px}.modal-grid .form-group label{color:#475569;letter-spacing:-.01em;font-size:13px;font-weight:800}.modal-grid .form-group input,.modal-grid .form-group select{color:#111827;background:#fff;border-color:#dbe6e0;border-radius:18px;min-height:58px;padding:14px 16px;font-size:18px;font-weight:700}.mypage-stats-box{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.mypage-save-row{gap:var(--space-2);display:grid}.mypage-stat{gap:var(--space-2);background:linear-gradient(#fff 0%,#f6faf8 100%);border:1px solid #e2ece7;border-radius:20px;flex-direction:column;padding:16px 18px;display:flex;box-shadow:inset 0 1px #ffffffdb}.mypage-stat span{font-family:var(--font-ui);color:var(--text-muted);font-size:12px}.mypage-stat strong{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:20px}.mypage-stat-emphasis{background:linear-gradient(#fff 0%,#f1fbf6 100%);border-color:#d8ede2}.mypage-stat-highlight{background:linear-gradient(#fff 0%,#f3fbff 100%);border-color:#dcebf4}.mypage-stat-emphasis strong,.mypage-stat-highlight strong{font-size:24px}.modal-footer{justify-content:flex-end;margin-top:2px;display:flex}.modal-save{width:auto;min-width:180px}.today-button,.modal-close,.modal-save{transition:transform .18s,box-shadow .18s,border-color .18s}.today-button:hover,.modal-close:hover,.modal-save:hover{transform:translateY(-1px)}.today-button:focus-visible,.modal-close:focus-visible,.modal-save:focus-visible{outline-offset:2px;outline:3px solid #736de629}@media (width<=1100px){.layout{grid-template-columns:1fr}.side-panel{position:static}}@media (width<=1024px){.app-page{padding-top:28px}.app-header-actions{flex-direction:column;align-items:stretch}.app-header-chip{width:100%;min-width:0}}@media (width>=761px){.app-page{padding-bottom:60px}}@media (width<=760px){.page{padding:18px 12px calc(var(--mobile-tabbar-height) + 20px)}.app-page{padding-top:calc(10px + var(--safe-area-top));padding-bottom:calc(var(--mobile-tabbar-height) + 24px)}.app-shell{gap:var(--space-3);height:auto;min-height:0;overflow:visible}.app-main{min-height:auto;padding-bottom:calc(var(--mobile-tabbar-height) + 8px);flex:none;overflow:visible}.app-main>:last-child,.layout>:last-child,.panel:last-child{scroll-margin-bottom:calc(var(--mobile-tabbar-height) + 16px)}.hero{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px}.eyebrow{letter-spacing:.06em;margin-bottom:6px;font-size:11px}.hero h1{font-size:clamp(28px,9.5vw,36px);line-height:1.04}.hero-text{margin-top:var(--space-2);font-size:14px;line-height:1.45}.hero-actions{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;display:grid}.app-header{align-items:stretch}.app-header-actions{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;padding:0}.app-header-chip,.today-button{width:100%}.app-header-chip{border-radius:18px;min-width:0;padding:14px 16px}.app-header-chip strong{font-size:16px}.app-header-truncate{max-width:100%}.app-header-select-card{border-radius:18px;min-width:0;padding:12px 14px}.app-header-select{min-height:42px;padding:9px 10px;font-size:13px}.app-header-badge-wrap{justify-content:flex-start;min-height:44px;padding:0}.app-header-badge{min-height:34px;padding:0 12px;font-size:12px}.app-header-actions-info{align-self:flex-start;width:auto}.today-button{min-height:56px;padding:14px 16px}.panel{border-radius:22px;padding:16px}.panel-head{flex-direction:column;align-items:flex-start}.panel-head h2,.side-head h2{font-size:20px}.modal-overlay{padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));align-items:flex-start}.modal-card{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));gap:var(--space-4);border-radius:22px;padding:18px}.modal-head{z-index:2;background:linear-gradient(#fff 0%,#fffffff5 100%);flex-direction:column;margin:-18px -18px 16px;padding:18px 18px 12px;position:sticky;top:-18px}.modal-head h2{font-size:28px}.modal-close{border-radius:16px;width:48px;height:48px;font-size:20px}.modal-grid{grid-template-columns:1fr}.mypage-section{border-radius:20px;padding:14px}.mypage-section-head{margin-bottom:var(--space-3)}.mypage-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.modal-grid .form-group{border-radius:18px;padding:12px}.modal-grid .form-group input,.modal-grid .form-group select{min-height:54px;font-size:16px}.mypage-stats-box{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mypage-stat{border-radius:18px;gap:6px;padding:12px 10px}.mypage-stat span{font-size:11px;line-height:1.3}.mypage-stat strong{font-size:16px}.mypage-stat-emphasis strong,.mypage-stat-highlight strong{font-size:18px}.modal-footer{padding:12px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#fffffff0 0%,#fff 45%);margin:18px -18px -18px;position:sticky;bottom:-18px}}.calendar-panel{gap:16px;display:grid}.month-picker-heading{align-items:center;display:inline-flex;position:relative}.month-picker-trigger{width:auto;color:inherit;text-align:left;font:inherit;font-weight:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.month-picker-caret{color:var(--text-muted);font-size:.72em;transform:translateY(1px)}.month-picker-native{opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.month-picker-modal{z-index:80;padding:calc(48px + env(safe-area-inset-top)) 18px 24px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.month-picker-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c148f;border:0;width:100%;height:100%;position:absolute;inset:0}.month-picker-sheet{z-index:1;color:#f4f7ff;background:#14161df5;border:1px solid #ffffff0f;border-radius:20px;width:min(284px,100vw - 44px);padding:12px 12px 10px;position:relative;box-shadow:0 18px 36px #03050e61}.month-picker-wheel-frame{background:#0a0c12c7;border-radius:16px;margin:0;padding:0;position:relative}.month-picker-wheel-frame:before,.month-picker-wheel-frame:after{content:"";z-index:2;pointer-events:none;height:46px;position:absolute;left:0;right:0}.month-picker-wheel-frame:before{background:linear-gradient(#0a0c12f0 0%,#0a0c1200 100%);top:0}.month-picker-wheel-frame:after{background:linear-gradient(#0a0c1200 0%,#0a0c12f0 100%);bottom:0}.month-picker-wheel-highlight{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:14px;height:44px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.month-picker-wheel-columns{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid;position:relative}.month-picker-wheel-column{overscroll-behavior:contain;scrollbar-width:none;gap:4px;max-height:208px;padding:68px 0;display:grid;overflow-y:auto}.month-picker-wheel-column::-webkit-scrollbar{display:none}.month-picker-wheel-item{color:#edf1ff80;letter-spacing:-.04em;text-align:center;background:0 0;border:0;border-radius:14px;min-height:44px;padding:0 8px;font-size:22px;font-weight:700;transition:color .16s,transform .16s,opacity .16s}.month-picker-wheel-item.selected{color:#fdfdff}.month-picker-wheel-item:not(.selected):active{color:#ffffffe0}.month-tools{align-items:center;gap:10px;display:flex}.month-actions{background:linear-gradient(180deg, #fffffff5 0%, var(--surface-2) 100%);border:1px solid var(--line-soft);border-radius:20px;align-items:center;gap:8px;padding:5px;display:flex;box-shadow:inset 0 1px #ffffffd9}.icon-button{width:48px;height:48px;color:var(--text-strong);box-shadow:var(--shadow-soft);background:linear-gradient(#fff 0%,#f2f5f7 100%);border:1px solid #e5ebef;border-radius:16px;font-size:24px;font-weight:800;line-height:1;transition:transform .18s,border-color .18s,box-shadow .18s}.icon-button:hover{border-color:#cfdad4;transform:translateY(-1px)}.icon-button:focus-visible{outline-offset:2px;outline:3px solid #736de629}.calendar-filter-box{background:linear-gradient(#fffffffa 0%,#f6f8fff5 100%);border:1px solid #ced9eed1;border-radius:24px;margin-bottom:0;padding:18px;box-shadow:0 18px 34px #7582bb14}.calendar-filter-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:14px;display:flex}.calendar-filter-head-copy{min-width:0}.calendar-filter-head h3{font-family:var(--font-ui);color:#2d3554;margin:0;font-size:16px}.calendar-filter-head p{color:#7d86a0;margin:6px 0 0;font-size:13px;line-height:1.5}.calendar-filter-summary{display:none}.calendar-filter-head-tools{flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.calendar-filter-toggle{min-height:32px;color:var(--text-body);font-family:var(--font-ui);letter-spacing:-.02em;background:#f8fafff5;border:1px solid #d6dfeff5;border-radius:999px;padding:0 12px;font-size:12px;font-weight:800;line-height:1}.calendar-filter-body{gap:10px;display:grid}.calendar-filter-actions{background:#f1f4fcf5;border:1px solid #d3ddf0e6;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:208px;padding:6px;display:grid;box-shadow:inset 0 1px #ffffffe0}.calendar-filter-bulk-button{color:#77819c;min-height:40px;font-family:var(--font-ui);letter-spacing:-.02em;background:0 0;border-radius:999px;padding:0 16px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,color .18s}.calendar-filter-bulk-button:hover{transform:translateY(-1px)}.calendar-filter-bulk-button-active{color:#fff;background:linear-gradient(135deg, var(--brand-500) 0%, var(--accent-mint-500) 100%);box-shadow:0 10px 20px #6c7be738}.calendar-filter-bulk-button-muted.calendar-filter-bulk-button-active{background:linear-gradient(135deg,#9ba4d3 0%,#7e88bf 100%);box-shadow:0 10px 18px #7e88bf33}.calendar-filter-grid{flex-wrap:wrap;gap:10px;display:flex}.filter-pill{width:auto;font-family:var(--font-ui);background:#ffffffe0;border:1px solid #d6dfefe0;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s,opacity .18s}.filter-pill:hover{transform:translateY(-1px)}.filter-pill-inactive{color:#8f99b2;opacity:.68}.filter-pill-active{opacity:1;box-shadow:inset 0 1px #ffffffa3}.filter-tone-period.filter-pill-active{color:#c04d6f;background:#ffe8ee;border-color:#f8bfd0}.filter-tone-predicted.filter-pill-active{color:#c45a64;background:#ffe8ee;border-color:#ffcbd9}.filter-tone-ovulation.filter-pill-active{color:#b87910;background:#fff0cb;border-color:#ffd878}.filter-tone-fertile.filter-pill-active{color:#179b86;background:#def9f2;border-color:#9de7d9}.filter-tone-med.filter-pill-active{color:#4774d3;background:#e7f0ff;border-color:#c4d7ff}.filter-tone-procedure.filter-pill-active{color:#7a60d7;background:#efe9ff;border-color:#d3c3ff}.filter-tone-ivf.filter-pill-active{color:#138f7d;background:#e1f7f2;border-color:#a7e5d8}.filter-tone-memo.filter-pill-active{color:#c04c85;background:#fee7f4;border-color:#f8bfd8}.week-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:10px;display:grid}.week-row span{text-align:center;font-family:var(--font-ui);color:#9098ac;font-size:13px;font-weight:800}.week-row span:first-child{color:#f07a87}.week-row span:last-child{color:#55a7f5}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.empty-cell{min-height:112px}.date-card{text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:22px;align-items:stretch;min-height:112px;padding:0;transition:transform .18s;display:flex;position:relative;overflow:visible}.date-card:hover{transform:translateY(-1px)}.date-card.selected,.date-card.today-card{box-shadow:none;background:0 0;border:0}.date-face{z-index:1;isolation:isolate;background:#fffffffc;border:1px solid #dde5eee6;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;min-height:112px;padding:14px 14px 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 22px #7b88b514}.date-face>*{z-index:1;position:relative}.date-card.today-card .date-face{box-shadow:0 10px 22px #7b88b514,inset 0 0 0 1px #6ee0c770}.date-card.selected .date-face{outline-offset:-1px;background:linear-gradient(#f7f8fff5 0%,#f0f3ffe6 100%);outline:1.5px solid #736de666;box-shadow:0 6px 14px #6673bc24}.date-card.selected.today-card .date-face{box-shadow:0 6px 14px #6673bc24,inset 0 0 0 1px #736de62e}.date-card-period .date-face{background:#fff0f3;border-color:#ffbfccf2}.date-card-period .date-number{color:#8f2429}.date-card-predicted .date-face{background:#fff6f6;border-color:#ffbcc1e6}.date-card-predicted .date-face:after{content:"";z-index:0;border-radius:inherit;opacity:.16;pointer-events:none;background:linear-gradient(#ffb6c166 0%,#ffb6c100 100%);animation:2.8s ease-in-out infinite predictedPeriodPulse;position:absolute;inset:0}.date-card-predicted .date-number{color:#c45a64}.date-card-fertile .date-face{background:#effdf8;border-color:#78e6c1f5;box-shadow:0 10px 22px #7b88b514,inset 0 0 0 1px #a8f2d86b}.date-card-ovulation .date-face{background:#fff6db;border:2px solid #ffb10ff5}.date-card-ovulation .date-number{color:#8a5111}.date-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);width:100%;display:flex}.date-top-side{justify-content:flex-end;align-items:flex-start;gap:4px;min-height:22px;display:flex}.date-number-wrap{align-items:center;gap:6px;min-width:0;display:inline-flex}.date-number{z-index:1;font-family:var(--font-data);color:#2f3756;font-variant-numeric:tabular-nums;font-size:21px;font-weight:800;line-height:1;position:relative}.date-number-sunday{color:#f06b7c}.date-number-saturday{color:#43a2f8}.date-ovulation-marker{background:#fff9e8eb;border:2px solid #f2ba37;border-radius:999px;flex-shrink:0;width:10px;height:10px;margin-top:1px;box-shadow:inset 0 0 0 1px #ffffffb8}.date-round-badge{min-height:22px;color:var(--brand-700);font-family:var(--font-ui);letter-spacing:-.02em;white-space:nowrap;background:#736de61f;border:1px solid #736de62e;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.date-retrieval-round{color:#8a5a00;min-height:18px;font-family:var(--font-ui);letter-spacing:-.02em;white-space:nowrap;background:#ffd69938;border:1px solid #ffb10f66;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.date-card.selected .date-number{color:#2f3356;background:#736de61a;border-radius:10px;padding:2px 6px}.date-today-chip{background:var(--accent-mint-600);color:#fff;letter-spacing:-.02em;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:0 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 10px 18px #6579e433}.date-bottom{justify-content:flex-end;align-items:flex-start;gap:var(--space-2);flex-direction:column;width:100%;min-height:44px;display:flex}.date-event-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px;width:100%;min-width:0;display:grid}.date-event-list{align-content:end;gap:6px;width:100%;min-height:44px;display:grid}.date-event-list-empty{min-height:44px}.date-event-chip{max-width:100%;min-height:22px;font-family:var(--font-ui);letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;box-shadow:none;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:800;line-height:1.2;display:inline-flex;overflow:hidden}.date-event-overflow{color:#4d5a77;min-width:22px;height:22px;font-family:var(--font-ui);letter-spacing:-.03em;background:#e8edfb;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.date-card-complex .date-event-overflow{color:#53617e;background:#e9eefb;box-shadow:inset 0 0 0 1px #b5c1e08f}.date-ovulation-badge{color:#a66a00;min-height:20px;font-family:var(--font-ui);letter-spacing:-.03em;white-space:nowrap;background:#ffe9b5;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.date-primary-tag-row{justify-content:flex-start;align-items:center;width:100%;min-height:24px;display:flex}.date-primary-tag{max-width:100%;min-height:24px;font-family:var(--font-ui);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:800;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 8px 16px #4f5e9d14}.date-primary-tag.period-badge{color:#fff;background:#ff5158}.date-primary-tag.period-end-badge{color:#fff;background:#ff9d62}.date-primary-tag.ovulation-badge{color:#8d5c00;background:#ffe8a8}.date-primary-tag.fertile-badge{color:#13815d;background:#d7fae9}.date-primary-tag.predicted-badge{color:#c56478;background:#ffe7ec}.date-marker-row{justify-content:flex-start;align-items:center;gap:5px;width:auto;min-height:10px;display:flex}.date-marker{background:#cbd5e1;border-radius:999px;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #ffffffbd}.date-marker.period-badge{background:#ff8b9d}.date-marker.period-end-badge{background:#ffa470}.date-marker.predicted-badge{background:#ff9fb1}.date-marker.ovulation-badge{background:#ffb53f}.date-marker.fertile-badge{background:#36cdb0}.date-marker.med-badge{background:#5d8cff}.date-marker.procedure-badge{background:#9874f2}.date-marker.ivf-badge,.date-marker.cycletype-badge{background:#2ebc9d}.date-marker.memo-badge{background:#f173b6}.date-marker-count{font-family:var(--font-ui);color:#7a86a1;font-size:10px;font-weight:800;line-height:1}.date-event-chip.period-badge{color:#c93b45;background:#ffe2e5}.date-event-chip.period-end-badge{color:#d46d2f;background:#ffe8db}.date-event-chip.ovulation-badge{color:#a76c05;background:#fff0c7}.date-event-chip.fertile-badge{color:#188167;background:#dcf7ec}.date-event-chip.predicted-badge{color:#c06478;background:#ffe8ee}.date-event-chip.med-badge{color:#3c6fd7;background:#e9f0ff}.date-event-chip.procedure-badge{color:#7352d6;background:#f2edff}.date-event-chip.ivf-badge,.date-event-chip.cycletype-badge{color:#15816b;background:#e4f8f2}.date-event-chip.memo-badge,.date-event-chip.overflow-badge{color:#6a7690;background:#f2f5fb}@keyframes predictedPeriodPulse{0%{opacity:.06}50%{opacity:.34}to{opacity:.06}}.summary-box{background:linear-gradient(#f8fafb 0%,#f4f8f7 100%);border:1px solid #e5ecea;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;padding:16px;display:grid}.summary-overview-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.summary-overview-card{gap:var(--space-2);background:#ffffffc7;border:1px solid #e7efeb;border-radius:18px;flex-direction:column;min-height:92px;padding:14px 12px;display:flex}.summary-overview-card-period{background:linear-gradient(#fff4f5 0%,#ffe9eb 100%);border-color:#ffcfd6}.summary-overview-card-period-end{background:linear-gradient(#fff9f4 0%,#ffefe4 100%);border-color:#ffd6bd}.summary-overview-card-round{background:linear-gradient(#eef8f7 0%,#e1f5f2 100%);border-color:#cceee9}.summary-overview-label{font-family:var(--font-ui);letter-spacing:-.02em;color:#667085;font-size:12px;font-weight:800}.summary-overview-value{font-family:var(--font-data);letter-spacing:-.04em;color:var(--text-strong);word-break:break-word;font-size:20px;line-height:1.12;display:block}.summary-row{gap:var(--space-2);background:#ffffffb8;border:1px solid #e7efeb;border-radius:16px;flex-direction:column;grid-column:1/-1;padding:12px 14px;display:flex}.summary-row-compact{grid-column:span 1;gap:6px}.summary-row span{font-family:var(--font-ui);letter-spacing:-.01em;color:#64748b;font-size:12px;font-weight:700}.summary-row strong{color:#111827;word-break:break-word;font-size:15px}.summary-chip{border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:100%;min-height:34px;padding:8px 12px;font-size:13px;font-weight:800;line-height:1;display:inline-flex}.summary-chip-wrap{white-space:normal;border-radius:14px;line-height:1.25}.summary-chip-positive{color:#b91c1c;background:#fee2e2}.summary-chip-warning{color:#c2410c;background:#ffedd5}.summary-chip-info{color:#075985;background:#e0f2fe}.summary-chip-muted{color:#64748b;background:#f1f5f9}.summary-chip-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.summary-pill{letter-spacing:-.02em;border:1px solid #0000;border-radius:999px;align-items:center;width:auto;max-width:100%;min-height:34px;padding:8px 13px;font-size:13px;font-weight:800;line-height:1.2;display:inline-flex;box-shadow:inset 0 1px #ffffffbf}.summary-pill-medication{color:#1d4ed8;background:#eef4ff;border-color:#dbe7ff}.summary-pill-procedure{color:#7c3aed;background:#f5f3ff;border-color:#e9ddff}.summary-pill-embryo{color:#0f766e;background:#edfdf4;border-color:#d3f6e2}.summary-pill-note{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.selected-date-summary-panel{scroll-margin-bottom:calc(var(--mobile-tabbar-height) + 16px);background:#fffffffc;border:1px solid #dce5eef0;border-radius:26px;margin-top:18px;padding:18px;box-shadow:0 18px 34px #7684ad17}.selected-date-summary-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.selected-date-summary-head h3{font-family:var(--font-data);letter-spacing:-.04em;color:var(--text-strong);margin:0;font-size:32px;line-height:1}.selected-date-summary-head p{color:var(--text-muted);margin:8px 0 0;font-size:14px;line-height:1.5}.selected-date-summary-button{background:var(--brand-600);color:#fff;letter-spacing:-.02em;width:auto;min-height:46px;box-shadow:var(--shadow-brand);border-radius:16px;padding:0 18px;font-size:14px;font-weight:800}.selected-date-summary-box{margin-bottom:var(--space-3)}.selected-date-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.selected-date-summary-hint{color:#7a86a1;margin:0;font-size:12px;line-height:1.5}.quick-toggle-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.toggle-chip,.type-chip{color:#111827;background:#f8fbfa;border:1px solid #e5ecea;border-radius:16px;padding:12px 14px;font-weight:700}.toggle-chip-active,.type-chip-active{color:#fff}.period-active{background:#ef4444}.period-end-active{background:#f97316}.ivf-active{background:#0ea5e9}.ivf-end-active{background:#7c3aed}.fresh-active{background:#f97316}.frozen-active{background:#2563eb}.cycle-type-wrap{margin-bottom:16px}.cycle-type-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cycle-type-label{font-family:var(--font-ui);color:#64748b;margin-bottom:10px;font-size:12px;font-weight:800}.accordion-block{background:#fcfdfd;border:1px solid #e5ecea;border-radius:18px;margin-bottom:14px;overflow:hidden}.accordion-button{color:#111827;background:#f8fbfa;justify-content:space-between;align-items:center;width:100%;padding:15px 16px;font-weight:800;display:flex}.accordion-content{border-top:1px solid #e8efec;padding:14px}.section-inline-actions{justify-content:flex-end;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.small-action-button{background:linear-gradient(135deg, var(--brand-500) 0%, var(--accent-mint-500) 100%);color:#fff;letter-spacing:-.02em;border-radius:14px;width:auto;min-height:44px;padding:0 16px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 10px 20px #736de629}.small-action-button.light{color:#334155;box-shadow:none;background:linear-gradient(#fff 0%,#f7faf9 100%);border:1px solid #d8e2dc}.small-action-button:hover{transform:translateY(-1px)}.selected-inline-list{gap:var(--space-2);flex-wrap:wrap;margin-bottom:14px;display:flex}.selected-inline-chip{color:#1d4ed8;background:#eef6ff;border-radius:999px;width:auto;padding:8px 12px;font-size:12px;font-weight:700}.procedure-chip-inline{color:#6d28d9;background:#f5f3ff}.med-group{gap:var(--space-3);display:grid}.med-group+.med-group{margin-top:18px}.med-group-title{font-family:var(--font-ui);letter-spacing:-.01em;color:#475569;margin-bottom:0;font-size:14px;font-weight:800}.pill-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.medication-pill-grid,.procedure-pill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pill-button{text-align:center;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;border:1px solid #dce8f3;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:auto;min-width:0;min-height:78px;padding:14px 12px;font-size:15px;font-weight:800;line-height:1.25;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.medication-pill-grid .pill-button{min-height:70px;padding:12px 8px;font-size:12px}.med-pill{color:#1d4ed8;background:linear-gradient(#eef5ff 0%,#e8f0ff 100%)}.procedure-pill{color:#6d28d9;background:#f5f3ff}.pill-active.med-pill{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 12px 24px #1d4ed82e}.pill-active.procedure-pill{color:#fff;background:#6d28d9}.pill-editing{outline:2px solid #111827}.pill-sub-label{text-align:center;opacity:.82;font-size:11px;line-height:1.2}.dose-picker-panel{background:linear-gradient(#fbfdfc 0%,#f6faf8 100%);border:1px solid #e2ece7;border-radius:20px;margin-top:2px;padding:14px}.dose-picker-inline-panel{grid-column:1/-1;margin-top:-2px}.dose-picker-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.dose-picker-head strong{letter-spacing:-.03em;color:var(--text-strong);font-size:15px;line-height:1.25}.dose-picker-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.remove-small-button{color:#b91c1c;background:#fee2e2;border-radius:12px;width:auto;padding:8px 12px;font-weight:700}.remove-small-button.neutral{color:#334155;background:#fff;border:1px solid #d8e2dc}.dose-chip-row{justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.dose-chip{color:#111827;background:#fff;border:1px solid #dbe7e0;border-radius:999px;width:auto;min-height:46px;padding:0 14px;font-weight:700}.custom-dose-row{grid-template-columns:1fr auto;gap:10px;display:grid}.save-inline-button{color:#fff;background:#111827;border-radius:14px;width:auto;padding:12px 16px;font-weight:700}.transfer-detail-panel{background:linear-gradient(#fbfdff 0%,#f4f8ff 100%);border:1px solid #e6edf4;border-radius:18px;margin-top:16px;padding:14px}.transfer-detail-head{margin-bottom:var(--space-3)}.transfer-detail-head strong{color:#111827;margin-bottom:4px;font-size:14px;display:block}.transfer-detail-head p{color:#64748b;margin:0;font-size:12px;line-height:1.45}.transfer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.section-help-text{color:#6b7280;margin:0 0 12px;font-size:13px}.memo-accordion-content{background:linear-gradient(#fbfdfc 0%,#f7fbf9 100%);gap:14px;display:grid}.memo-form-group{background:#ffffffeb;border:1px solid #e4ece8;border-radius:22px;margin:0;padding:14px;box-shadow:inset 0 1px #ffffffdb}.memo-textarea{min-height:180px;color:var(--text-strong);background:linear-gradient(#fff 0%,#fcfefd 100%);border-color:#d7e4de;border-radius:20px;padding:18px 18px 20px;font-size:17px;line-height:1.6}.memo-textarea::placeholder{line-height:1.45}.memo-save-button{margin-top:2px}.embryo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.pill-button:hover,.dose-chip:hover{transform:translateY(-1px)}.mobile-side-panel-backdrop{display:none}@media (width<=760px){.calendar-panel{box-shadow:none;background:0 0;border:0;border-radius:0;gap:10px;padding:0}.calendar-panel .panel-head{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-bottom:0;padding:0 2px}.calendar-panel .panel-head>div{min-width:0}.calendar-panel .panel-head p,.calendar-panel .calendar-filter-head p{display:none}.calendar-panel .panel-head h2{letter-spacing:-.05em;font-size:18px}.calendar-panel .month-tools{flex-direction:row;align-items:center;gap:6px;width:auto}.calendar-panel .month-actions{box-shadow:none;border-radius:16px;gap:4px;padding:3px}.calendar-panel .icon-button{width:36px;height:36px;box-shadow:none;border-radius:12px;font-size:18px}.calendar-filter-box{box-shadow:none;border-radius:14px;padding:8px 10px}.calendar-filter-head{flex-direction:row;align-items:center;gap:10px;margin-bottom:0}.calendar-filter-head h3{font-size:13px}.calendar-filter-summary{color:var(--text-muted);letter-spacing:-.02em;margin-top:4px;font-size:11px;font-weight:700;display:inline-flex}.calendar-filter-body{gap:6px;margin-top:6px}.calendar-filter-actions{width:100%;min-width:0;padding:4px}.calendar-filter-bulk-button{min-height:34px;padding:0 10px;font-size:11px}.calendar-filter-grid{gap:4px}.filter-pill{letter-spacing:-.03em;padding:6px 9px;font-size:10.5px}.calendar-filter-box-collapsed{padding-bottom:10px}.month-picker-modal{padding:calc(64px + env(safe-area-inset-top)) 20px 24px}.week-row,.calendar-grid{gap:4px;width:100%;min-width:0}.week-row>*,.calendar-grid>*{min-width:0}.week-row{margin-bottom:4px}.week-row span{font-size:11px}.date-card,.empty-cell{aspect-ratio:auto;border-radius:12px;min-width:0;min-height:58px}.date-card{padding:0}.date-face{width:100%;min-width:0;min-height:60px;box-shadow:none;border-color:#e5ebf2;border-radius:12px;padding:6px 4px 4px}.date-top{gap:3px;min-width:0}.date-top-side{min-height:14px}.date-number-wrap{gap:4px}.date-number{font-size:13px}.date-ovulation-marker{border-width:1.5px;width:8px;height:8px}.date-retrieval-round{min-height:14px;padding:0 4px;font-size:8px}.date-round-badge{max-width:44px;min-height:16px;padding:0 5px;font-size:8px}.date-card.selected .date-number{border-radius:8px;min-width:auto;min-height:auto;padding:1px 5px}.date-card.selected .date-face,.date-card.today-card .date-face,.date-card.selected.today-card .date-face,.date-card-fertile .date-face{box-shadow:none}.date-primary-tag-row{min-width:0;min-height:14px}.date-primary-tag{min-width:0;max-width:100%;min-height:14px;box-shadow:none;border-radius:999px;padding:0 5px;font-size:7px}.date-bottom{justify-content:flex-end;gap:2px;min-width:0;min-height:22px}.date-marker-row{gap:3px;min-height:5px}.date-marker{width:4px;height:4px;box-shadow:none}.date-marker-count{font-size:8px}.date-event-row{gap:3px}.date-event-row-complex{align-items:center}.date-event-list{gap:3px;min-height:20px}.date-event-list-complex{align-content:center;min-height:18px}.date-event-list-empty{min-height:20px}.date-event-chip{justify-content:flex-start;width:100%;min-width:0;min-height:10px;padding:0 5px;font-size:9px;line-height:1.05;display:flex}.date-event-overflow{color:#4f5d7b;background:#e6ebfb;min-width:17px;height:17px;padding:0 4px;font-size:9px}.date-ovulation-badge{min-height:16px;padding:0 5px;font-size:8px}.summary-box{gap:10px;padding:14px}.summary-overview-grid{gap:var(--space-2)}.summary-overview-card{border-radius:16px;min-height:78px;padding:11px 8px}.summary-overview-label{white-space:nowrap;font-size:10px}.summary-overview-value{letter-spacing:-.05em;white-space:nowrap;font-size:13px;line-height:1.12}.summary-row{padding:11px 12px}.summary-chip-list{gap:6px}.summary-pill{min-height:30px;padding:7px 11px;font-size:12px}.quick-toggle-row,.cycle-type-row{gap:var(--space-2)}.toggle-chip,.type-chip{border-radius:14px;min-height:52px;padding:10px;font-size:14px}.medication-pill-grid,.procedure-pill-grid{gap:var(--space-2)}.med-group .pill-button{letter-spacing:-.04em;border-radius:14px;gap:2px;min-height:62px;padding:10px 6px;font-size:11px;line-height:1.08}.med-group .pill-sub-label{letter-spacing:-.03em;opacity:.78;font-size:10px;font-weight:700;line-height:1.05}.dose-picker-inline-panel{border-radius:16px;padding:12px}.dose-picker-head{gap:var(--space-2);margin-bottom:10px}.dose-picker-actions{gap:6px}.remove-small-button{border-radius:10px;padding:7px 10px;font-size:12px;line-height:1}.dose-chip-row{gap:6px;margin-bottom:10px}.dose-chip{border-radius:999px;min-height:40px;padding:0 12px;font-size:13px}.custom-dose-row,.embryo-grid,.transfer-grid{grid-template-columns:1fr}.custom-dose-row{gap:var(--space-2)}.custom-dose-row input{border-radius:14px;min-height:44px;padding:10px 12px;font-size:13px}.save-inline-button{white-space:nowrap;border-radius:14px;min-height:44px;padding:0 14px;font-size:13px}.procedure-pill-grid .pill-button{border-radius:14px;min-height:62px;padding:10px 8px;font-size:12px;line-height:1.2}.selected-date-summary-panel{border-radius:22px;margin-top:14px;padding:14px}.selected-date-summary-head{margin-bottom:var(--space-3);flex-direction:column}.selected-date-summary-head h3{font-size:26px}.selected-date-quick-actions{width:100%}.selected-date-summary-head p{margin-top:6px;font-size:13px}.selected-date-summary-button{border-radius:14px;width:100%;min-height:44px;font-size:13px;box-shadow:0 10px 18px #736de624}.selected-date-summary-hint{font-size:11px}.memo-accordion-content{gap:var(--space-3)}.memo-form-group{border-radius:20px;padding:12px}.memo-textarea{border-radius:18px;min-height:150px;padding:16px;font-size:16px}.mobile-side-panel-backdrop{z-index:994;background:#0f172a6b;display:block;position:fixed;inset:0}.side-panel.mobile-side-panel{z-index:995;width:min(92vw,420px);max-width:420px;height:100vh;padding:18px 16px calc(28px + env(safe-area-inset-bottom));overscroll-behavior:contain;box-shadow:none;pointer-events:none;border-radius:28px 0 0 28px;margin:0;transition:transform .24s,box-shadow .24s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(calc(100% + 24px))}.side-panel.mobile-side-panel.mobile-side-panel-open{pointer-events:auto;transform:translate(0);box-shadow:-24px 0 60px #0f172a38}.mobile-side-panel-bar{z-index:1;background:linear-gradient(#fff 0%,#fffffff0 100%);justify-content:flex-end;margin:-4px 0 12px;padding:4px 0 10px;display:flex;position:sticky;top:-18px}}.reports-page{gap:16px}.reports-page .panel{box-shadow:none;background:#fbfcfe;border-color:#e6ebf3}.stats-layout{gap:16px;display:grid}.stats-selector-panel{padding:20px 22px 18px}.stats-selector-top{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.stats-selector-copy h2{font-family:var(--font-ui);letter-spacing:-.04em;color:var(--text-strong);margin:0;font-size:28px;font-weight:800}.stats-selector-copy p{color:var(--text-muted);margin:8px 0 0;font-size:14px;line-height:1.55}.stats-title-row{align-items:center;display:inline-flex}.stats-title-row h2{margin:0}.stats-selector-current{background:#f8faff;border:1px solid #dde4f1;border-radius:18px;min-width:220px;padding:12px 14px}.stats-selector-current span{font-family:var(--font-ui);color:#6c7692;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.stats-selector-current strong{font-family:var(--font-data);letter-spacing:-.04em;color:#1f2743;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;display:block}.round-selector-row{flex-wrap:wrap;gap:10px;display:flex}.round-chip{color:#44506e;width:auto;font-family:var(--font-ui);box-shadow:none;background:#fbfcff;border:1px solid #dbe3ef;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:800}.round-chip-active{color:var(--brand-700);background:#f2efff;border-color:#cfd6fb;box-shadow:inset 0 0 0 1px #857cf314}.stats-overview-panel{gap:var(--space-4);padding:20px 22px;display:grid}.stats-kpi-group{gap:12px;display:grid}.stats-kpi-group+.stats-kpi-group{padding-top:var(--space-4);border-top:1px solid #edf1f7}.stats-kpi-group-head{gap:6px;display:grid}.stats-section-kicker,.stats-list-kicker{color:#6f7896;width:fit-content;font-family:var(--font-ui);letter-spacing:.01em;background:#f3f5fb;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.stats-kpi-group-head p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.stats-summary-grid{align-items:start;gap:12px;display:grid}.stats-summary-grid-primary{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-summary-grid-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-card{min-height:118px;box-shadow:none;background:#fff;border:1px solid #e3e8f1;border-radius:18px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.stats-card span{font-family:var(--font-ui);color:#69738f;font-size:13px;font-weight:700}.stats-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.stats-card strong{font-family:var(--font-data);letter-spacing:-.05em;color:#162033;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.04}.stats-card-default{background:#fff}.stats-card-context{background:#fafbff}.stats-card-subtle{background:#fafcff;border-color:#e8edf6}.stats-card-subtle strong{color:#24304a;font-size:26px}.stats-card-focus{background:#f7f4ff;border-color:#e6e0ff}.stats-card-focus span{color:var(--brand-700)}.stats-card-highlight{background:#eefbf6;border-color:#d5f0e4}.stats-card-highlight span{color:#17846c}.stats-section{padding:20px 22px}.stats-section .panel-head{margin-bottom:var(--space-4)}.stats-section .panel-head h2,.stats-list-head h3{font-family:var(--font-ui);letter-spacing:-.03em;font-weight:800}.stats-section .panel-head h2{font-size:24px}.stats-section .panel-head p{max-width:56ch}.embryo-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.embryo-stat-card{background:#fbfcff;border:1px solid #e3e9f2;border-radius:20px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.embryo-stat-card span{font-family:var(--font-ui);color:#69738f;font-size:13px;font-weight:700}.embryo-stat-card strong{font-family:var(--font-data);color:#172133;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:28px;line-height:1.05}.stats-list-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.stats-list-card{background:#fff;border:1px solid #e4e9f1;border-radius:22px;gap:12px;padding:18px;display:grid}.stats-list-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stats-list-title-wrap{gap:8px;display:grid}.stats-list-head,.stats-list-head span{margin:0}.stats-list-title-wrap h3{color:#142033;margin:0;font-size:20px;line-height:1.15}.stats-list-total{text-align:right;background:#f6f8fc;border-radius:16px;min-width:94px;padding:10px 12px}.stats-list-total span{font-family:var(--font-ui);color:#7a84a0;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.stats-list-total strong{font-family:var(--font-data);color:#1a2437;font-variant-numeric:tabular-nums;font-size:20px;line-height:1}.stats-list-aggregate{background:#f8fbff;border:1px solid #e3e9f4;border-radius:16px;gap:6px;padding:12px 14px;display:grid}.stats-list-aggregate span{font-family:var(--font-ui);color:#6c7692;font-size:12px;font-weight:700}.stats-list-aggregate strong{font-family:var(--font-data);color:#162033;font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:21px;line-height:1.2}.stats-list-aggregate-muted{background:#fbfcfe}.stats-list-aggregate-muted strong{font-family:var(--font-ui);letter-spacing:-.02em;color:#6f7896;font-size:15px;font-weight:700}.stats-sub-list{gap:8px;display:grid}.stats-sub-row{background:#f7f9fc;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.stats-dose-meta{gap:4px;display:grid}.stats-dose-meta span{color:#2b3852;font-size:13px;font-weight:700}.stats-dose-meta small{font-family:var(--font-ui);color:#7a84a0;font-size:11px;font-weight:700}.stats-sub-row strong{font-family:var(--font-data);color:#142033;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}.procedure-stats-wrap{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.procedure-stats-chip{justify-content:space-between;align-items:center;gap:var(--space-2);color:#5d49c6;font-family:var(--font-ui);background:#f7f5ff;border:1px solid #e5e1fb;border-radius:16px;padding:12px 14px;font-weight:700;display:flex}.procedure-stats-chip strong{font-family:var(--font-data);color:#4434a2;font-variant-numeric:tabular-nums;font-size:16px}.empty-state{color:var(--text-body);background:#fafcff;border:1px dashed #d8dfec;border-radius:18px;padding:18px;line-height:1.6}.empty-state-actionable{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.empty-state-copy strong{font-family:var(--font-ui);color:var(--text-strong);margin-bottom:6px;font-size:15px;font-weight:800;display:block}.empty-state-copy p{margin:0}.empty-state-button{white-space:nowrap;min-height:48px;padding:0 18px}@media (width<=1180px){.stats-summary-grid-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-summary-grid-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.stats-selector-top{flex-direction:column;align-items:stretch}.stats-selector-current,.embryo-stats-grid,.stats-summary-grid-secondary{min-width:0}.embryo-stats-grid,.stats-summary-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.empty-state-actionable{flex-direction:column;align-items:stretch}}@media (width<=760px){.reports-page,.stats-layout{gap:14px}.stats-selector-panel,.stats-overview-panel,.stats-section{padding:18px 16px}.stats-selector-copy h2{font-size:24px}.stats-selector-current{min-width:0}.round-selector-row{gap:8px}.round-chip{padding:10px 14px;font-size:13px}.stats-kpi-group{gap:10px}.stats-summary-grid-primary,.stats-summary-grid-secondary,.embryo-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats-card,.embryo-stat-card{border-radius:18px;min-height:0;padding:14px}.stats-card strong{font-size:24px}.stats-card-subtle strong,.stats-section .panel-head h2{font-size:22px}.stats-list-grid{grid-template-columns:1fr}.stats-list-card{border-radius:20px;padding:16px}.stats-list-top{flex-direction:column}.stats-list-total{text-align:left;width:100%;min-width:0}.stats-list-aggregate strong{font-size:18px}.procedure-stats-wrap{grid-template-columns:1fr}.empty-state-button{width:100%}}.full-span{grid-column:1/-1}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-page,.info-grid,.mypage-layout{gap:22px;display:grid}.home-page{align-items:start}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-card{height:100%}.info-list{color:var(--text-body);margin:0;padding-left:18px;line-height:1.7}.info-pill-grid{flex-wrap:wrap;gap:10px;display:flex}.secondary-action-button{border:1px solid var(--line-strong);background:linear-gradient(180deg, #fff 0%, var(--surface-2) 100%);min-height:56px;color:var(--text-strong);letter-spacing:-.02em;box-shadow:var(--shadow-soft);border-radius:18px;padding:0 22px;font-size:16px;font-weight:800}.home-inline-text,.policy-card p{color:var(--text-body);margin:0;line-height:1.6}.app-logo-lockup{align-items:center;gap:18px;display:flex}.app-logo-symbol{flex:none;place-items:center;display:grid}.app-logo-symbol-svg{display:block}.app-logo-copy{gap:6px;display:grid}.app-logo-eyebrow{font-family:var(--font-ui);letter-spacing:.16em;color:var(--text-muted);font-size:11px;font-weight:700}.app-logo-wordmark{font-family:var(--font-brand);letter-spacing:-.055em;align-items:baseline;gap:0;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:.92;display:flex}.app-logo-wordmark-primary{color:#7b7cf3}.app-logo-wordmark-accent{color:var(--accent-mint-500)}.app-logo-korean{font-family:var(--font-ui);letter-spacing:-.02em;color:var(--text-muted);font-size:13px;font-weight:700}.mypage-layout{grid-template-columns:1fr;align-items:start}.mypage-policy-grid{gap:14px;display:grid}.policy-card{border:1px solid var(--line-soft);background:var(--surface-2);border-radius:20px;padding:18px}.policy-card strong{margin-bottom:var(--space-2);color:var(--text-strong);display:block}.mypage-auth-card{gap:var(--space-3);display:grid}.mypage-google-button:disabled{cursor:not-allowed;opacity:.56}.mypage-inline-logout-button,.mypage-google-button{justify-self:start}.mypage-action-row{flex-wrap:wrap;gap:12px;display:flex}.danger-outline-button{color:#b42318;background:linear-gradient(#fff 0%,#fff6f6 100%);border-color:#f3cccc}.home-showcase{gap:20px}.home-showcase-top{background:#fffffff2;border:1px solid #e4e8f6f0;border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(300px,420px);align-items:center;gap:12px;padding:28px 30px;display:grid;overflow:hidden;box-shadow:0 24px 48px #707ba914}.home-showcase-hero-card{gap:20px;min-width:0;display:grid}.home-showcase-hero-copy{align-content:start;gap:10px;display:grid}.home-showcase-hero-copy h1{max-width:11ch;font-family:var(--font-display);letter-spacing:-.055em;color:var(--text-strong);margin:0;font-size:clamp(32px,3.1vw,46px);font-weight:400;line-height:1.08}.home-showcase-hero-copy h1 span{color:var(--brand-500)}.home-showcase-hero-copy p{max-width:44ch;color:var(--text-body);margin:0;font-size:15px;line-height:1.6}.home-showcase-metric-grid{grid-template-columns:repeat(3,minmax(148px,1fr));gap:12px;display:grid}.home-showcase-metric-card{background:#ffffffeb;border:1px solid #e0e5f2f0;border-radius:20px;min-width:0;min-height:142px;padding:18px 18px 16px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6}.home-showcase-metric-card>span:not(.home-showcase-metric-icon){font-family:var(--font-ui);letter-spacing:-.03em;color:#7e86a3;margin-bottom:12px;font-size:15px;font-weight:800;line-height:1.2;display:block}.home-showcase-metric-card strong{font-family:var(--font-data);letter-spacing:-.045em;color:var(--text-strong);font-variant-numeric:tabular-nums;word-break:keep-all;font-size:24px;font-weight:700;line-height:1.24;display:block}.home-showcase-metric-icon{place-items:center;width:28px;height:28px;margin-top:14px;display:inline-grid}.home-showcase-metric-icon svg{width:100%;height:100%;display:block}.home-showcase-metric-card-violet{background:#f4f2ff;border-color:#ddd7ff}.home-showcase-metric-card-violet .home-showcase-metric-icon,.home-showcase-metric-card-violet span{color:var(--brand-500)}.home-showcase-metric-card-mint{background:#eefcf7;border-color:#d8f2e9}.home-showcase-metric-card-mint .home-showcase-metric-icon,.home-showcase-metric-card-mint span{color:var(--accent-mint-600)}.home-showcase-metric-card-peach{background:#fff7f0;border-color:#ffe2cc}.home-showcase-metric-card-peach .home-showcase-metric-icon,.home-showcase-metric-card-peach span{color:var(--accent-coral-400)}.home-showcase-scene{justify-self:end;width:100%;max-width:420px;min-height:320px;position:relative}.home-showcase-blob{border-radius:48% 52% 44% 56%/42% 44% 56% 58%;position:absolute;box-shadow:0 28px 52px #7780ae24}.home-showcase-blob-back{color:#6c61d2;background:linear-gradient(#ece6ff 0%,#d5d1ff 100%);width:214px;height:272px;bottom:32px;right:28px;transform:rotate(-6deg)}.home-showcase-blob-front{color:#25b297;background:linear-gradient(#dff8f1 0%,#bdebdc 100%);width:196px;height:246px;bottom:18px;right:150px;transform:rotate(8deg)}.home-showcase-blob-tail{background:#62d5ba;border-radius:999px;width:68px;height:12px;position:absolute;top:96px;right:-18px;transform:rotate(-44deg)}.home-showcase-face{align-items:center;gap:14px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%)}.home-showcase-face-eye{background:currentColor;border-radius:999px;width:10px;height:10px}.home-showcase-face-smile{border-bottom:4px solid;border-radius:0 0 18px 18px;width:28px;height:14px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.home-showcase-face-blush{background:#ff9399e0;border-radius:999px;width:16px;height:16px;position:absolute;top:54%}.home-showcase-face-blush-left{left:30%}.home-showcase-face-blush-right{right:30%}.home-showcase-scene-star{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:.9;width:24px;height:24px;position:absolute}.home-showcase-scene-star-peach{background:#ffb88d;top:40px;right:240px}.home-showcase-scene-star-violet{background:#cbc3ff;width:18px;height:18px;top:108px;right:290px}.home-showcase-scene-star-coral{background:#ff9da8;width:14px;height:14px;top:78px;right:210px}.home-showcase-scene-shadow{filter:blur(4px);background:#ada59d2e;border-radius:999px;width:240px;height:24px;position:absolute;bottom:6px;right:62px}.home-showcase-bottom{grid-template-columns:minmax(0,1.28fr) repeat(3,minmax(0,.84fr));align-items:stretch;gap:16px;display:grid}.home-showcase-summary-card{background:#fffffff5;border:1px solid #e4e8f6f0;border-radius:28px;gap:14px;padding:20px 20px 18px;display:grid;box-shadow:0 22px 44px #707ba914}.home-showcase-summary-kicker{color:var(--text-body);align-items:center;gap:10px;font-size:14px;font-weight:800;display:inline-flex}.home-showcase-summary-dot{background:var(--accent-mint-400);border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 4px #67d6bd29}.home-showcase-summary-card h2{font-family:var(--font-data);letter-spacing:-.05em;color:var(--brand-500);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(28px,2.6vw,38px);line-height:1.02}.home-showcase-summary-card p{color:var(--text-body);margin:0;font-size:14px;line-height:1.6}.home-showcase-schedule-list{gap:10px;margin-top:6px;display:grid}.home-showcase-schedule-row{background:#fafbffeb;border:1px solid #e0e5f2e6;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.home-showcase-schedule-icon{border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.home-showcase-schedule-icon svg{width:18px;height:18px;display:block}.home-showcase-schedule-icon-violet{color:var(--brand-500);background:#eee9ff}.home-showcase-schedule-icon-coral{color:#f48392;background:#ffeceb}.home-showcase-schedule-icon-mint{color:var(--accent-mint-600);background:#e7fbf4}.home-showcase-schedule-label{color:var(--text-strong);font-size:14px;font-weight:700}.home-showcase-schedule-row strong{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:15px}.home-showcase-action-tile{color:#fff;text-align:left;border-radius:26px;align-content:start;gap:14px;min-height:224px;padding:18px;display:grid;position:relative;box-shadow:0 24px 42px #6873a829}.home-showcase-action-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff38;border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.home-showcase-action-icon svg{width:30px;height:30px;display:block}.home-showcase-action-tile strong{font-family:var(--font-display);letter-spacing:-.045em;font-size:26px;font-weight:400;line-height:1.05}.home-showcase-action-tile p{color:#ffffffe6;margin:0;font-size:13px;line-height:1.6}.home-showcase-action-arrow{width:42px;height:42px;color:var(--brand-700);background:#fffffff0;border-radius:999px;place-items:center;font-size:30px;line-height:1;display:grid;position:absolute;bottom:16px;right:16px}.home-showcase-action-tile-mint{background:linear-gradient(#bff0e4 0%,#89dcc6 100%)}.home-showcase-action-tile-violet{background:linear-gradient(#aaa0ff 0%,#8479f0 100%)}.home-showcase-action-tile-slate{background:linear-gradient(#b6bbe0 0%,#98a1cb 100%)}@media (width<=1380px){.home-showcase-bottom{grid-template-columns:minmax(0,1.26fr) repeat(3,minmax(0,.88fr))}}@media (width<=1180px){.home-showcase-top{grid-template-columns:1fr;gap:18px}.home-showcase-scene{justify-self:center;max-width:440px;min-height:280px}.home-showcase-blob-back{width:212px;height:270px;right:54px}.home-showcase-blob-front{width:194px;height:244px;right:196px}}@media (width<=1024px){.home-showcase-hero-card{gap:18px}.home-showcase-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.home-showcase-summary-card{grid-column:1/-1}}@media (width<=760px){.home-page{gap:16px}.home-showcase{gap:18px}.home-showcase-top{gap:14px;padding:22px 18px}.home-showcase-hero-card{gap:16px}.home-showcase-hero-copy h1{font-size:32px}.home-showcase-hero-copy p{font-size:14px}.home-showcase-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-showcase-metric-card:last-child{grid-column:1/-1}.home-showcase-metric-card{border-radius:20px;min-height:0;padding:14px}.home-showcase-metric-card>span:not(.home-showcase-metric-icon){margin-bottom:var(--space-2);font-size:12px}.home-showcase-metric-card strong{font-size:18px}.home-showcase-metric-icon{width:20px;height:20px;margin-top:10px}.home-showcase-scene{display:none}.home-showcase-bottom{grid-template-columns:1fr;gap:12px}.home-showcase-summary-card{border-radius:26px;padding:18px}.home-showcase-summary-card h2{font-size:28px}.home-showcase-summary-card p{font-size:13px}.home-showcase-schedule-row{grid-template-columns:auto 1fr;gap:10px}.home-showcase-schedule-row strong{grid-column:2;justify-self:start}.home-showcase-action-tile{border-radius:24px;gap:12px;min-height:180px;padding:18px 18px 20px}.home-showcase-action-icon{border-radius:18px;width:54px;height:54px}.home-showcase-action-icon svg{width:30px;height:30px}.home-showcase-action-tile strong{font-size:24px}.home-showcase-action-tile p{font-size:13px;line-height:1.55}.home-showcase-action-arrow{width:40px;height:40px;font-size:28px;bottom:16px;right:16px}.app-logo-lockup{align-items:flex-start;gap:14px}.app-logo-wordmark{font-size:30px}.app-logo-eyebrow{letter-spacing:.12em;font-size:10px}.mypage-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mypage-auth-card{grid-column:1/-1}.mypage-action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mypage-action-row .logout-button,.mypage-action-row .secondary-action-button{width:100%;margin-top:0}}.auth-page{background:radial-gradient(circle at 15% 20%, #fff3, transparent 26%), radial-gradient(circle at 82% 78%, #ffffff29, transparent 24%), linear-gradient(135deg, var(--brand-700) 0%, var(--brand-500) 52%, var(--accent-mint-500) 100%);color:#fff;min-height:100vh;position:relative;overflow:hidden}.auth-glow{filter:blur(30px);opacity:.5;pointer-events:none;border-radius:999px;position:absolute}.auth-glow-left{background:#b4acff57;width:280px;height:280px;top:12%;left:-8%}.auth-glow-right{background:#65dfc14d;width:320px;height:320px;bottom:10%;right:-6%}.auth-topbar,.auth-footer{z-index:1;justify-content:space-between;align-items:center;gap:16px;padding:22px 28px;display:flex;position:relative}.auth-brand{align-items:center;gap:14px;display:flex}.auth-brand-mark{letter-spacing:.08em;background:#ffffff2e;border:1px solid #ffffff47;border-radius:18px;place-items:center;width:52px;height:52px;font-size:15px;font-weight:800;display:grid;box-shadow:inset 0 1px #ffffff40}.auth-brand-mark .app-logo-symbol-svg{width:100%;height:100%;display:block}.auth-brand-copy{gap:3px;display:grid}.auth-brand-copy strong{font-family:var(--font-brand);letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.15}.auth-brand-copy span{font-family:var(--font-ui);color:#ffffffd6;font-size:13px}.auth-nav-links{align-items:center;gap:12px;display:flex}.auth-nav-links button,.auth-legal-links button{width:auto;color:inherit;background:0 0}.auth-nav-links button{color:#ffffffeb;background:#ffffff14;border:1px solid #fff3;border-radius:999px;padding:8px 14px}.auth-body{z-index:1;grid-template-columns:minmax(280px,1fr) minmax(340px,470px);align-items:center;gap:36px;width:min(1180px,100% - 48px);min-height:calc(100vh - 158px);margin:0 auto;padding:20px 0 48px;display:grid;position:relative}.auth-intro{max-width:560px}.auth-eyebrow{color:#ffffffc2}.auth-intro h1{font-family:var(--font-display);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(36px,4.8vw,58px);font-weight:400;line-height:1.16}.auth-intro-text{color:#ffffffd6;letter-spacing:-.02em;max-width:440px;margin:22px 0 0;font-size:19px;line-height:1.82}.auth-card{color:var(--text-strong);background:#fffffff5;border:1px solid #ffffff70;border-radius:34px;padding:34px 32px 28px;box-shadow:0 28px 80px #10211e29}.auth-card-head{text-align:center;margin-bottom:22px}.auth-card-head h2{font-family:var(--font-display);color:var(--text-strong);margin:14px 0 8px;font-size:34px;font-weight:400}.auth-card-head p{color:var(--text-muted);margin:0;line-height:1.6}.auth-error-message{text-align:center;color:#d14343;margin:0;font-size:14px;font-weight:700;line-height:1.6}.auth-google-start-button{background:linear-gradient(135deg, var(--brand-500) 0%, var(--accent-mint-500) 100%);color:#fff;width:100%;min-height:58px;box-shadow:var(--shadow-brand);border-radius:18px;margin-top:22px;font-size:16px;font-weight:800}.auth-google-start-button:disabled{cursor:not-allowed;opacity:.56;transform:none}.auth-legal-links{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;display:flex}.auth-legal-links button{color:var(--brand-700);padding:0;font-size:13px;font-weight:700}.auth-footer{color:#ffffffe6;font-size:13px}.legal-modal-card{max-width:860px}.legal-chip{background:var(--brand-50);border:1px solid var(--brand-200);min-height:30px;color:var(--brand-700);letter-spacing:.02em;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.legal-sections{gap:18px;display:grid}.legal-section{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:22px;padding:20px}.legal-section h3{color:var(--text-strong);margin:0 0 10px;font-size:18px}.legal-section p{color:var(--text-body);margin:0;line-height:1.7}.legal-section p+p{margin-top:10px}.legal-list{color:var(--text-body);margin:12px 0 0;padding-left:20px;line-height:1.7}.logout-button{margin-top:18px}@media (width<=1024px){.auth-body{grid-template-columns:1fr;width:min(640px,100% - 32px);min-height:auto;padding-top:16px}.auth-intro{text-align:center;order:2;max-width:none}.auth-intro-text{max-width:none}.auth-card{order:1}}@media (width<=720px){.auth-topbar,.auth-footer{padding:18px 16px}.auth-topbar,.auth-footer,.auth-nav-links{flex-wrap:wrap}.auth-body{gap:24px;width:calc(100% - 24px);padding-bottom:28px}.auth-card{border-radius:28px;padding:26px 20px 24px}.auth-brand-copy strong{font-size:23px}.auth-intro h1{font-size:34px;line-height:1.2}}.bottom-tab-bar{z-index:40;width:100%;padding:6px 10px calc(8px + var(--safe-area-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f9fafcf5;border:1px solid #e4e8f3e6;border-bottom:none;border-radius:20px 20px 0 0;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0;transform:none;box-shadow:0 -8px 20px #505c8414}.bottom-tab{min-height:58px;color:var(--text-muted);background:0 0;border-radius:16px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:6px;transition:transform .18s,background .18s,color .18s,box-shadow .18s;display:flex;position:relative}.bottom-tab:hover{transform:translateY(-1px)}.bottom-tab-icon{width:36px;height:36px;box-shadow:none;border:1px solid #ffffffe0;border-radius:12px;place-items:center;transition:transform .18s,box-shadow .18s,background .18s;display:grid}.bottom-tab-icon-svg,.bottom-tab-icon .app-logo-symbol-svg{width:30px;height:30px;display:block}.bottom-tab-active{color:var(--brand-700);background:#fffffff5;box-shadow:inset 0 0 0 1px #736de61f}.bottom-tab-active .bottom-tab-icon{box-shadow:none;transform:none}.bottom-tab-label{letter-spacing:-.02em;font-size:12px;font-weight:800}.bottom-tab[data-tab=home] .bottom-tab-icon{background:linear-gradient(#fff8ef 0%,#f2fff9 100%)}.bottom-tab[data-tab=calendar] .bottom-tab-icon{background:linear-gradient(#f3f0ff 0%,#f7f8ff 100%)}.bottom-tab[data-tab=reports] .bottom-tab-icon{background:linear-gradient(#f1f3ff 0%,#effcf7 100%)}.bottom-tab[data-tab=info] .bottom-tab-icon{background:linear-gradient(#fff6ed 0%,#fff1f2 100%)}.bottom-tab[data-tab=mypage] .bottom-tab-icon{background:linear-gradient(#f2efff 0%,#f8f6ff 100%)}.bottom-tab[data-tab=home].bottom-tab-active .bottom-tab-icon{box-shadow:inset 0 1px #fffffffa,0 14px 30px #48cbb02e}.bottom-tab[data-tab=calendar].bottom-tab-active .bottom-tab-icon,.bottom-tab[data-tab=mypage].bottom-tab-active .bottom-tab-icon{box-shadow:inset 0 1px #fffffffa,0 14px 30px #736de62e}.bottom-tab[data-tab=reports].bottom-tab-active .bottom-tab-icon{box-shadow:inset 0 1px #fffffffa,0 14px 30px #48cbb02e}.bottom-tab[data-tab=info].bottom-tab-active .bottom-tab-icon{box-shadow:inset 0 1px #fffffffa,0 14px 30px #ffa27438}@media (width<=760px){.bottom-tab-bar{z-index:60;width:100%;padding:5px 8px calc(9px + var(--safe-area-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcfffa;border:1px solid #e0e4f4e6;border-bottom:none;border-radius:16px 16px 0 0;gap:4px;margin-top:0;bottom:0;left:0;right:0;box-shadow:0 -6px 16px #505c8414}.bottom-tab{border-radius:12px;gap:2px;min-height:48px;padding:5px 4px 3px}.bottom-tab:hover{transform:none}.bottom-tab-active{background:#ffffffeb;box-shadow:inset 0 0 0 1px #736de61a}.bottom-tab-icon{width:28px;height:28px;box-shadow:none;border-color:#ffffffd1;border-radius:10px}.bottom-tab-active .bottom-tab-icon{box-shadow:none;transform:none}.bottom-tab-icon-svg,.bottom-tab-icon .app-logo-symbol-svg{width:20px;height:20px}.bottom-tab-label{letter-spacing:-.02em;font-size:10px;line-height:1.1}}@media (width>=761px){.bottom-tab-bar.bottom-tab-bar-hide-desktop{display:none}.bottom-tab-bar{border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfbffeb;border-radius:30px;align-self:flex-start;gap:10px;width:fit-content;max-width:100%;margin:0 0 10px;padding:10px;display:inline-flex;position:static;bottom:auto;left:auto;transform:none;box-shadow:0 18px 42px #6266ab1a}.bottom-tab{border-radius:22px;flex-direction:row;flex:none;gap:10px;min-width:110px;min-height:58px;padding:10px 16px}.bottom-tab-icon{border-radius:14px;width:40px;height:40px}.bottom-tab-label{letter-spacing:-.02em;font-size:14px}}.loading-screen{background:radial-gradient(circle at 15% 20%,#ffffff24,#0000 26%),radial-gradient(circle at 82% 78%,#ffffff1f,#0000 24%),linear-gradient(135deg,#5f57d8 0%,#736de6 48%,#3fc8b0 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;padding:24px;display:flex}.loading-screen p{color:#ffffffe0;margin:0;font-size:16px}.loading-logo-lockup{background:linear-gradient(#fffffff7 0%,#f6f9fff2 100%);border:1px solid #ffffff85;border-radius:32px;padding:20px 26px;position:relative;box-shadow:0 22px 46px #181c3e2e,inset 0 1px #ffffffeb}.loading-logo-lockup:before{content:"";z-index:-1;filter:blur(12px);background:radial-gradient(circle,#ffffff2e 0%,#fff0 72%);border-radius:42px;position:absolute;inset:-18px}.loading-brand-logo{align-items:center;gap:16px}.loading-brand-logo .app-logo-symbol{background:radial-gradient(circle at 35% 30%,#fff 0%,#f3f7ff 100%);border-radius:24px;padding:8px;box-shadow:inset 0 1px #fffffff2}.loading-brand-logo .app-logo-wordmark{font-size:clamp(38px,4vw,52px)}.loading-brand-logo .app-logo-wordmark-primary{color:#635be0}.loading-brand-logo .app-logo-wordmark-accent{color:#34bfa6}.loading-brand-logo .app-logo-korean{color:#434c70d1}.spinner{border:4px solid #ffffff42;border-top-color:#fff;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite app-spinner}@keyframes app-spinner{to{transform:rotate(360deg)}}
