@import"https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.left-1\/2{left:50%}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.max-h-\[90vh\]{max-height:90vh}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t-transparent{border-top-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.break-words{overflow-wrap:break-word}.text-transparent{color:#0000}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:opacity-80:hover{opacity:.8}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}:root{color-scheme:light;color:#1f2532;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3fffb;font-family:Plus Jakarta Sans,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fff9}::-webkit-scrollbar-thumb{background:linear-gradient(#69dbb9d9,#9790ffc7);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#49d2a9f2,#9790ffe6)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}*{box-sizing:border-box;margin:0;padding:0}:root{--brand-50: #fff9f4;--brand-100: #ffe9dd;--brand-200: #ffd6c2;--brand-300: #ffc4aa;--brand-400: #ffb291;--brand-500: #ffa37e;--brand-600: #f18a62;--brand-700: #d9704b;--mint-50: #f3fffb;--mint-100: #d9f9ed;--mint-200: #b8f0de;--mint-300: #92e6cc;--mint-400: #69dbb9;--mint-500: #46cfa6;--mint-600: #33b292;--indigo-50: #f6f6ff;--indigo-200: #e0dcff;--indigo-400: #bab5ff;--indigo-500: #9790ff;--neutral-50: #fdfdfd;--neutral-100: #f6f8fb;--neutral-200: #e8ecf2;--neutral-300: #d5dce6;--neutral-600: #566073;--neutral-900: #1f2532;--surface-card: rgba(255, 255, 255, .92);--surface-card-strong: rgba(255, 255, 255, .98);--surface-muted: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);--shadow-soft: 0 20px 50px rgba(21, 77, 80, .12);--shadow-lift: 0 16px 36px rgba(94, 219, 185, .16);--font-display: "Plus Jakarta Sans", "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-kor: "Gowun Dodum", "Pretendard", sans-serif;--radius-md: 18px;--radius-lg: 26px;--radius-pill: 999px}body{font-family:var(--font-display);background:linear-gradient(140deg,#f9fffb,#f6faff 40%,#eefcf7);min-height:100vh;color:var(--neutral-900);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:-20vh;pointer-events:none;background-repeat:no-repeat;opacity:.45;z-index:-2}body:before{background-image:radial-gradient(28rem 28rem at 15% 20%,rgba(105,219,185,.28),transparent 70%),radial-gradient(20rem 20rem at 80% 0%,rgba(255,211,186,.32),transparent 70%)}body:after{background-image:radial-gradient(24rem 24rem at 85% 75%,rgba(186,181,255,.28),transparent 70%),radial-gradient(18rem 18rem at 20% 85%,rgba(255,226,208,.3),transparent 70%);transform:rotate(8deg)}#root{min-height:100vh;width:100%}.container-responsive{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1.25rem,2vw,2.5rem)}.app-glass{background:var(--surface-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg)}.card-casual{background:var(--surface-card-strong);border-radius:var(--radius-lg);padding:clamp(1.5rem,2vw,2.4rem);box-shadow:var(--shadow-soft);border:1px solid rgba(255,255,255,.6);transition:transform .28s ease,box-shadow .28s ease}.glass-card{background:var(--surface-card);border-radius:var(--radius-lg);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:transform .24s ease,box-shadow .24s ease}.glass-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.card-casual:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.page-shell{width:100%;max-width:1080px;margin:0 auto;padding:clamp(2.2rem,4vw,3.2rem) clamp(1.5rem,4vw,3rem) clamp(3rem,5vw,3.8rem);display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}.section-stack{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.4rem)}.tile-grid{display:grid;gap:clamp(1.2rem,3vw,2rem)}.tile-grid--responsive{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.dashboard-quick-grid{display:grid;gap:clamp(1rem,2.5vw,1.6rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-shell{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(1.6rem,3vw,2.4rem)}.form-panel{background:var(--surface-card-strong);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.55);box-shadow:var(--shadow-soft);padding:clamp(1.6rem,3vw,2.4rem);display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.6rem)}.form-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.form-panel__title{font-family:var(--font-kor);font-size:clamp(1.2rem,2.1vw,1.6rem);color:var(--neutral-900)}.form-panel__subtitle{font-size:.9rem;color:#1f243099}.form-grid-2{display:grid;gap:clamp(.9rem,2vw,1.4rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid-3{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.field-stack{display:flex;flex-direction:column;gap:.45rem}.field-label{font-weight:600;font-size:.92rem;color:#1f2430c7;display:flex;align-items:center;justify-content:space-between;gap:.4rem}.field-helper{font-size:.78rem;color:#1f24308c}.toggle-chip{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem .95rem;border-radius:18px;border:1px solid rgba(70,207,166,.26);background:#f0fffad9;font-size:.85rem;font-weight:600;color:#115e59b8;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.toggle-chip:hover{transform:translateY(-1px);box-shadow:0 10px 22px #46cfa62e}.toggle-chip--active{background:linear-gradient(120deg,#46cfa62e,#9790ff2e);border-color:#46cfa680;color:var(--neutral-900)}.range-track{display:flex;align-items:center;gap:1rem}.range-value{min-width:2.5rem;text-align:center;font-weight:700;color:var(--mint-600);font-size:1.1rem}.ui-range{width:100%;accent-color:var(--mint-500)}.submit-stack{display:flex;flex-direction:column;gap:.75rem}.status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:999px;background:#00c8a01f;color:var(--mint-600);font-weight:600;font-size:.82rem}.meal-list{display:flex;flex-direction:column;gap:.6rem}.meal-item{display:flex;justify-content:space-between;align-items:center;gap:.8rem;background:#ffffffbf;border-radius:14px;padding:.65rem .85rem;border:1px solid rgba(240,240,245,.7)}.chip-button{padding:.55rem .9rem;border-radius:16px;border:1px solid rgba(31,36,48,.08);background:#ffffffd9;font-size:.82rem;font-weight:600;color:#1f2430b3;cursor:pointer;transition:all .15s ease}.chip-button:hover{background:#fff;box-shadow:0 8px 18px #11142d14}.chip-button--highlight{background:#ffba9133;color:var(--brand-600);border-color:#ff7a5659}.empty-hint{text-align:center;padding:1.8rem;border-radius:var(--radius-md);background:#fffc;border:1px dashed rgba(31,36,48,.1);font-size:.9rem;color:#1f243099}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-title{font-family:var(--font-kor);font-size:clamp(1.35rem,2.2vw,1.8rem);color:var(--neutral-900)}.section-subtitle{font-size:.95rem;color:#1f24309e}.stack-gap-sm{display:grid;gap:clamp(1rem,2vw,1.6rem)}.progress-bar{width:100%;height:.55rem;background:var(--mint-100);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--mint-400),var(--mint-300));border-radius:999px}.ui-input{width:100%;padding:.85rem 1.05rem;border-radius:18px;border:2px solid rgba(200,200,200,.4);background:#ffffffd1;box-shadow:0 6px 18px #1f24300d;font-size:1rem;color:var(--neutral-900);transition:border-color .2s ease,box-shadow .25s ease,background .25s ease}.ui-input:focus{outline:none;border-color:#68d4c499;background:#fff;box-shadow:0 10px 36px #2135471f}.ui-input-error{border-color:#ff76768c!important;background:#ffebeba6!important}.ui-helper-text{font-size:.85rem;color:#e35252;margin-top:.35rem;display:flex;align-items:center;gap:.35rem}.btn-primary{width:100%;border:none;border-radius:var(--radius-pill);padding:.95rem;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(120deg,var(--mint-500),var(--mint-300));box-shadow:0 18px 45px #46cfa638;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 48px #69dbb93d}.btn-primary:disabled{cursor:not-allowed;background:linear-gradient(120deg,#46cfa673,#92e6cc73);box-shadow:none}.btn-secondary{padding:.75rem 1.4rem;border-radius:var(--radius-pill);background:#fffffff2;border:1px solid rgba(70,207,166,.35);color:var(--mint-600);font-weight:600;transition:background .2s ease,transform .2s ease}.btn-secondary:hover{background:#fff;transform:translateY(-1px)}.nav-shell{position:sticky;top:0;z-index:1000;background:#ffffffe0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 18px 30px #1f24300f}.nav-inner{max-width:1280px;margin:0 auto;padding:1.1rem clamp(1.5rem,3vw,2.6rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.nav-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-kor);font-size:clamp(1.2rem,1.9vw,1.55rem);color:var(--brand-600);cursor:pointer}.nav-links{display:flex;align-items:center;gap:.6rem}.nav-link{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.15rem;border-radius:999px;font-size:.95rem;font-weight:600;color:var(--neutral-600);background:transparent;border:none;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;white-space:nowrap}.nav-link:hover{background:#ffe1d299;color:var(--brand-600);transform:translateY(-1px)}.nav-link--active{background:#46cfa629;color:var(--mint-600);box-shadow:inset 0 0 0 1px #46cfa647}.nav-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:16px;border:none;background:#fffffff2;box-shadow:0 12px 28px #46cfa62e;font-size:1.3rem;color:var(--mint-600);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.nav-bell:hover{transform:translateY(-2px);box-shadow:0 16px 32px #49d2a942}.nav-bell-count{position:absolute;top:-6px;right:-4px;background:linear-gradient(120deg,#ffb291,#ffa37e);color:#fff;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:700;box-shadow:0 6px 16px #ffb38e59}.nav-user-card{display:flex;align-items:center;gap:.75rem;background:#ffffffe6;border-radius:16px;padding:.55rem .9rem;box-shadow:0 12px 28px #1f243014}.nav-user-avatar{width:2.2rem;height:2.2rem;border-radius:14px;background:linear-gradient(135deg,var(--mint-200),var(--brand-200));display:grid;place-items:center;font-size:1.1rem}.nav-logout{border:none;background:transparent;color:var(--neutral-600);font-size:.85rem;font-weight:600;cursor:pointer;padding-left:.6rem;border-left:1px solid rgba(90,96,112,.2);transition:color .2s ease}.nav-logout:hover{color:var(--brand-600)}.main-content{flex:1;padding:clamp(2rem,4vw,3rem) clamp(1.25rem,4vw,3rem)}.bottom-nav{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);width:min(95%,360px);background:#fffffff2;border-radius:26px;box-shadow:0 18px 36px #11142d1f;padding:.35rem;display:flex;justify-content:space-around;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);z-index:999}.bottom-nav button{flex:1;border:none;background:transparent;color:var(--neutral-600);font-weight:600;padding:.65rem .5rem;border-radius:20px;display:grid;place-items:center;gap:.2rem;font-size:.8rem}.bottom-nav button span:first-child{font-size:1.25rem}.bottom-nav button.active{color:var(--mint-600);background:#46cfa62e}.badge-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .9rem;border-radius:999px;background:#6c63ff1f;color:var(--indigo-500);font-weight:600;font-size:.85rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem}.section-title{font-family:var(--font-kor);font-size:clamp(1.35rem,2.2vw,1.75rem);color:var(--neutral-900);letter-spacing:-.01em}.subtle-text{color:#5b6070bf;font-size:.95rem}.emoji-bubble{width:3.2rem;height:3.2rem;border-radius:20px;background:#ffffffeb;display:grid;place-items:center;font-size:1.3rem;box-shadow:0 12px 30px #1f24301f}@media (max-width: 1023px){.nav-links,.nav-user-card{display:none}}@media (min-width: 1024px){.bottom-nav{display:none}}.mobile-logout-btn{position:absolute;top:clamp(.75rem,2vw,1.25rem);right:clamp(.75rem,3vw,1.25rem);padding:clamp(.5rem,1.5vw,.65rem) clamp(.8rem,2.5vw,1.1rem);border:none;background:#fffffff2;color:#e63946;font-family:var(--font-kor);font-weight:600;font-size:clamp(.75rem,2vw,.85rem);border-radius:clamp(14px,4vw,20px);box-shadow:0 8px 24px #11142d26;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(230,57,70,.2);transition:all .2s ease;z-index:100;white-space:nowrap}.mobile-logout-btn:hover{background:#ff47571a;border-color:#e63946;transform:translateY(-1px);box-shadow:0 12px 32px #e6394633}.mobile-logout-btn:active{transform:translateY(0)}@media (max-width: 480px){.dashboard-quick-grid,.form-grid-2{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.fade-in-up{animation:fade-in-up .6s ease forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.badge-card-small__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.badge-card-small__list{display:flex;flex-direction:column;gap:.85rem}.badge-card-small__item{display:flex;align-items:flex-start;gap:.75rem}.badge-card-small__icon{font-size:1.8rem;flex-shrink:0}.badge-card-small__text{display:flex;flex-direction:column;gap:.2rem;flex:1}.badge-card-small__title{font-weight:600;font-size:.95rem;color:var(--neutral-900);line-height:1.3}.badge-card-small__meta{font-size:.82rem;color:#1f243099;line-height:1.4}.badge-summary__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.2rem}.badge-summary__list{display:flex;flex-direction:column;gap:.85rem}.badge-summary__item{display:flex;align-items:flex-start;gap:.75rem}.badge-summary__icon{font-size:1.8rem;flex-shrink:0}.badge-summary__text{display:flex;flex-direction:column;gap:.2rem;flex:1}.badge-summary__title{font-weight:600;font-size:.95rem;color:var(--neutral-900);line-height:1.3}.badge-summary__meta{font-size:.82rem;color:#1f243099;line-height:1.4}.badge-primary{display:inline-flex;align-items:center;padding:.45rem .9rem;border-radius:999px;background:linear-gradient(120deg,var(--mint-500),var(--mint-300));color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 8px 20px #46cfa640}
