:root{--color-bg:#f5f5f4;--color-bg-deep:#f0f0ee;--color-surface:#fff;--color-ink:#1c1917;--color-ink-muted:#78716c;--color-line:#e7e5e4;--color-accent:#0f766e;--color-accent-ink:#fff;--color-danger:#b91c1c;--font-sans:"Pretendard", "IBM Plex Sans KR", sans-serif;--font-display:"Noto Serif KR", "Source Serif 4", serif;--text-body:1rem;--text-title:1.375rem;--text-display:1.75rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-control:12px;--touch-min:44px;--shell-max:28rem;--ease-out:cubic-bezier(.22, 1, .36, 1);font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-ink);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-bg);background-image:radial-gradient(120% 70% at 50% -20%, color-mix(in srgb, var(--color-ink) 5%, transparent), transparent 55%), linear-gradient(180deg, #f7f7f6 0%, var(--color-bg) 42%, var(--color-bg-deep) 100%);background-attachment:fixed;min-height:100svh;margin:0}#app{min-height:100svh}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn{min-height:var(--touch-min);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);transition:background-color .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out), transform .12s var(--ease-out), opacity .16s var(--ease-out);border:1px solid #0000;font-size:.9375rem;font-weight:600}.btn--primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.btn--primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 86%, #000);border-color:color-mix(in srgb, var(--color-accent) 86%, #000)}.btn--secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-line)}.btn--secondary:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-ink) 22%, var(--color-line));background:color-mix(in srgb, var(--color-surface) 92%, var(--color-bg))}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.app-mark{letter-spacing:.14em;color:var(--color-ink);opacity:.7;margin:0;font-size:.75rem;font-weight:600}.app-year{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink-muted);margin:0;font-size:.9375rem;font-weight:600}@keyframes app-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ink-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:no-preference){.home,.gate,.login,.account,.elog{animation:app-enter .28s var(--ease-out)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.account{min-height:100svh;padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));gap:var(--space-5);max-width:var(--shell-max);flex-direction:column;margin:0 auto;display:flex}.account__top{align-items:center;gap:var(--space-3);display:flex}.account__back{color:var(--color-ink-muted);min-height:var(--touch-min);padding:0 var(--space-2) 0 0;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:.9375rem;text-decoration:underline}.account__back:hover{color:var(--color-ink)}.account__brand{letter-spacing:.14em;color:var(--color-ink);opacity:.7;margin:0;font-size:.75rem;font-weight:600}.account__title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.375rem,4vw,1.5rem);font-weight:600}.account__block{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-line);flex-direction:column;display:flex}.account__block:first-of-type{border-top:none;padding-top:0}.account__h{margin:0;font-size:.9375rem;font-weight:600}.account__body{color:var(--color-ink-muted);margin:0;font-size:.875rem;line-height:1.5}.account__mono{padding:var(--space-3);border-radius:var(--radius-control);background:var(--color-surface);border:1px solid var(--color-line);margin:0;font-family:ui-monospace,IBM Plex Mono,monospace;font-size:.875rem}.account__hint{color:var(--color-ink-muted);margin:0;font-size:.8125rem}.account__row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.account__toast{min-height:1.25rem;color:var(--color-accent);margin:0;font-size:.8125rem}@media (prefers-reduced-motion:no-preference){.account__toast:not(:empty){animation:ink-in .22s var(--ease-out)}}.gate{max-width:var(--shell-max);min-height:100svh;padding:var(--space-6) var(--space-4);gap:var(--space-4);text-align:left;flex-direction:column;margin:0 auto;display:flex}.gate__top{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.gate__brand{letter-spacing:.14em;color:var(--color-ink);opacity:.7;margin:0;font-size:.75rem;font-weight:600}.gate__volume{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink-muted);margin:0;font-size:.9375rem;font-weight:600}.gate__product{margin:var(--space-3) 0 0;font-family:var(--font-display);font-size:var(--text-title);letter-spacing:-.02em;color:var(--color-ink);font-weight:600}.gate__title{font-family:var(--font-display);font-size:clamp(1.5rem, 5vw, var(--text-display));letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.2}.gate__body{color:var(--color-ink-muted);max-width:22rem;margin:0;font-size:.9375rem}.gate__form{gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-2);flex-direction:column;display:flex}.gate__field{gap:var(--space-2);color:var(--color-ink-muted);flex-direction:column;font-size:.8125rem;display:flex}.gate__select-wrap{display:block;position:relative}.gate__select-wrap:after{content:"";border-right:1.5px solid var(--color-ink-muted);border-bottom:1.5px solid var(--color-ink-muted);pointer-events:none;width:.45rem;height:.45rem;position:absolute;top:50%;right:.875rem;transform:translateY(-70%)rotate(45deg)}.gate__field select{min-height:var(--touch-min);border:1px solid var(--color-line);border-radius:var(--radius-control);width:100%;color:var(--color-ink);padding:var(--space-3) 2.75rem var(--space-3) var(--space-4);font:inherit;appearance:none;background:var(--color-surface);transition:border-color .16s var(--ease-out);font-size:1rem}.gate__field select:hover{border-color:color-mix(in srgb, var(--color-ink) 18%, var(--color-line))}.gate__error{color:var(--color-danger);margin:0;font-size:.875rem}.gate__submit{width:100%;margin-top:var(--space-2)}.gate--blocked .gate__title{color:var(--color-ink)}.elog{max-width:var(--shell-max);min-height:100svh;padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));margin:0 auto}.elog__top{margin-bottom:var(--space-5);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.elog__back{min-height:var(--touch-min);color:var(--color-ink-muted);text-underline-offset:2px;background:0 0;border:none;justify-self:start;padding:0;font-size:.875rem;text-decoration:underline}.elog__back:hover{color:var(--color-ink)}.elog__brand{text-align:center;letter-spacing:.14em;color:var(--color-ink);opacity:.7;margin:0;font-size:.75rem;font-weight:600}.elog__volume{font-family:var(--font-display);opacity:.45;justify-self:end;margin:0;font-size:1rem;font-weight:600}.elog__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-title);letter-spacing:-.02em}.elog__body{margin:0 0 var(--space-5);color:var(--color-ink-muted);font-size:.9375rem}.elog__days{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.elog__day{min-height:var(--touch-min);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink-muted);transition:border-color .16s var(--ease-out), color .16s var(--ease-out), background-color .16s var(--ease-out);flex:1}.elog__day--on{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));font-weight:600}.elog__label{margin:0 0 var(--space-2);font-size:.875rem;font-weight:600}.elog__chips{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.elog__chip{min-height:var(--touch-min);padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-ink);transition:border-color .16s var(--ease-out), background-color .16s var(--ease-out), color .16s var(--ease-out);font-size:.875rem}.elog__chip--on{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));color:var(--color-accent);font-weight:600}.elog__field{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;font-size:.875rem;display:flex}.elog__field input{min-height:var(--touch-min);padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-control);font:inherit;background:var(--color-surface)}.elog__field input:hover{border-color:color-mix(in srgb, var(--color-ink) 18%, var(--color-line))}.elog__error{margin:0 0 var(--space-3);color:var(--color-danger);font-size:.875rem}.elog__submit{width:100%}.elog__list{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-line)}.elog__list-title{margin:0 0 var(--space-2);font-size:.9375rem}.elog__empty{color:var(--color-ink-muted);margin:0;font-size:.875rem}.elog__ul{margin:0;padding-left:1.1rem;font-size:.875rem;line-height:1.7}.legal{max-width:40rem;padding:var(--space-5) var(--space-4) var(--space-6);margin:0 auto}.legal__top{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.legal__brand{letter-spacing:.14em;color:var(--color-ink);opacity:.7;margin:0;font-size:.75rem;font-weight:600}.legal__volume{color:var(--color-ink-muted);margin:0;font-size:.875rem}.legal__product{margin:0 0 var(--space-2);color:var(--color-ink-muted);font-size:.875rem}.legal__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-title);font-weight:600;line-height:1.35}.legal__meta{margin:0 0 var(--space-5);color:var(--color-ink-muted);font-size:.8125rem}.legal__section{margin-bottom:var(--space-5)}.legal__h2{margin:0 0 var(--space-2);font-size:1rem;font-weight:600}.legal__p{margin:0 0 var(--space-3);color:var(--color-ink);font-size:.9375rem;line-height:1.65}.legal__nav{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-line);flex-wrap:wrap;display:flex}.legal__link{color:var(--color-accent);text-underline-offset:3px;font-size:.9375rem;text-decoration:underline}.legal__link:hover{color:var(--color-ink)}.legal-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-line);gap:var(--space-2);flex-direction:column;display:flex}.legal-footer__links{gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.legal-footer__link{color:var(--color-ink-muted);text-underline-offset:2px;font-size:.8125rem;text-decoration:underline}.legal-footer__link:hover{color:var(--color-ink)}.legal-footer__notice{color:var(--color-ink-muted);margin:0;font-size:.75rem;line-height:1.5}.home{max-width:var(--shell-max);min-height:100svh;padding:var(--space-5) var(--space-4) calc(5.75rem + env(safe-area-inset-bottom));gap:var(--space-5);text-align:left;flex-direction:column;margin:0 auto;display:flex}.home__top{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.home__brand{letter-spacing:.14em;color:var(--color-ink);opacity:.7;margin:0;font-size:.75rem;font-weight:600}.home__top-right{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.home__volume{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);opacity:.45;margin:0;font-size:1rem;font-weight:600}.home__logout{font:inherit;color:var(--color-ink-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;min-height:auto;margin:0;padding:0;font-size:.8125rem;text-decoration:underline}.home__logout:hover:not(:disabled){color:var(--color-ink)}.home__logout:disabled{opacity:.5;cursor:not-allowed}.home__hero{gap:var(--space-2);padding-left:var(--space-3);border-left:2px solid color-mix(in srgb, var(--color-accent) 55%, var(--color-line));flex-direction:column;display:flex}.home__date{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);margin:0;font-size:clamp(1.625rem,5.5vw,2rem);font-weight:600;line-height:1.2}.home__sub{color:var(--color-ink-muted);margin:0;font-size:.9375rem}.home__stats{gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));display:grid}.home__stat{gap:var(--space-1);flex-direction:column;display:flex}.home__stat-label{color:var(--color-ink-muted);letter-spacing:.02em;font-size:.75rem}.home__stat-value{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.5rem;font-weight:600;line-height:1.15}.home__stat-hint{color:var(--color-ink-muted);font-size:.75rem}.home__pie-block{gap:var(--space-3);flex-direction:column;display:flex}.home__pie-title{color:var(--color-ink-muted);letter-spacing:.02em;margin:0;font-size:.8125rem;font-weight:600}.home__pie-empty{color:var(--color-ink-muted);margin:0;font-size:.875rem}.home__pie{align-items:center;gap:var(--space-4);display:flex}.home__pie-svg{flex-shrink:0}.home__pie-legend{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;margin:0;padding:0;list-style:none;display:flex}.home__pie-legend li{align-items:center;gap:var(--space-2);grid-template-columns:auto 1fr auto;font-size:.8125rem;display:grid}.home__pie-swatch{border-radius:2px;width:.5rem;height:.5rem}.home__pie-name{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home__pie-val{color:var(--color-ink-muted);font-variant-numeric:tabular-nums}.home__cal{gap:var(--space-3);flex-direction:column;display:flex}.home__cal-head{grid-template-columns:var(--touch-min) 1fr var(--touch-min);align-items:center;gap:var(--space-2);display:grid}.home__cal-title{text-align:center;margin:0;font-size:.9375rem;font-weight:600}.home__cal-nav{min-height:var(--touch-min);min-width:var(--touch-min);border-radius:var(--radius-control);color:var(--color-ink);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.home__cal-nav:hover{background:color-mix(in srgb, var(--color-ink) 4%, transparent)}.home__week-row{gap:var(--space-1);text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.home__week-row--head{min-height:auto}.home__cal-grid{gap:var(--space-1);grid-template-columns:repeat(7,1fr);display:grid}.home__day{color:var(--color-ink);background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;min-height:2.75rem;padding:.15rem 0;display:flex}.home__day--pad{pointer-events:none;min-height:2.75rem}.home__day-name{color:var(--color-ink-muted);font-size:.6875rem}.home__day-num{font-family:var(--font-display);border-radius:var(--radius-control);width:2rem;height:2rem;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);place-items:center;font-size:.9375rem;font-weight:600;display:grid}.home__day--today .home__day-num{background:var(--color-ink);color:var(--color-surface)}.home__day-mark{background:0 0;border-radius:50%;width:.35rem;height:.35rem}.home__day--drink .home__day-mark{background:var(--color-accent)}.home__day--sober .home__day-mark{background:var(--color-ink-muted)}.home__dock{z-index:10;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-bg) 88%, var(--color-surface));border-top:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);position:fixed;bottom:0;left:0;right:0}.home__dock-inner{max-width:var(--shell-max);gap:var(--space-3);grid-template-columns:1fr 1fr;margin:0 auto;display:grid}.home__toast{min-height:1.25rem;color:var(--color-accent);margin:0;font-size:.8125rem}@media (prefers-reduced-motion:no-preference){.home__toast:not(:empty){animation:ink-in .22s var(--ease-out)}}.login{max-width:var(--shell-max);min-height:100svh;padding:var(--space-6) var(--space-4);gap:var(--space-4);text-align:left;flex-direction:column;margin:0 auto;display:flex}.login__top{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.login__brand{letter-spacing:.14em;color:var(--color-ink);opacity:.7;margin:0;font-size:.75rem;font-weight:600}.login__volume{font-family:var(--font-display);color:var(--color-ink-muted);margin:0;font-size:.9375rem;font-weight:600}.login__product{margin:var(--space-3) 0 0;font-family:var(--font-display);font-size:var(--text-title);letter-spacing:-.02em;font-weight:600}.login__title{font-family:var(--font-display);font-size:clamp(1.5rem, 5vw, var(--text-display));letter-spacing:-.02em;margin:0;font-weight:600}.login__body{color:var(--color-ink-muted);max-width:22rem;margin:0;font-size:.9375rem}.login__error{color:var(--color-danger);margin:0;font-size:.875rem}.login__providers{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.login__kakao{width:100%;min-height:var(--touch-min);border-radius:var(--radius-control);color:#000000d9;font:inherit;cursor:pointer;transition:filter .16s var(--ease-out), transform .12s var(--ease-out);background:#fee500;border:none;justify-content:center;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;display:inline-flex}.login__kakao:hover{filter:brightness(.98)}.login__kakao:active{filter:brightness(.95);transform:translateY(1px)}.login__kakao-symbol{flex-shrink:0}