@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Hanken+Grotesk:wght@400;500;600;700&display=swap";:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}.ok-app-shell{display:flex;flex-direction:column;height:100%;padding-top:env(safe-area-inset-top,0px);overflow:hidden}.ok-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:clamp(16px,4vw,40px) clamp(14px,4vw,24px) 32px}.ok-scroll-area-centered{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column}.bottom-nav{flex:0 0 auto;display:flex;background:var(--panel);border-top:.5px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-height:calc(44px + env(safe-area-inset-bottom,0px))}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 4px;border:none;background:none;cursor:pointer;color:var(--faint);font-family:Hanken Grotesk,sans-serif;font-size:11px;font-weight:500;letter-spacing:.02em;transition:color .15s;-webkit-tap-highlight-color:transparent;min-width:0;overflow:hidden}.nav-btn.active{color:var(--sage)}.nav-btn.active:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--sage);margin:1px auto 0}.nav-btn:active{opacity:.75;transform:scale(.95);transition:transform .1s var(--ease-out)}body{font-family:Hanken Grotesk,sans-serif;background:var(--panel);color:var(--text);transition:background .3s,color .3s}input,textarea,select{font-family:Hanken Grotesk,sans-serif;font-size:16px!important;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none;width:100%}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus{border-color:var(--gold)}button:focus-visible,a:focus-visible,[role=button]:focus-visible,.ok-range:focus-visible{outline:2px solid var(--sage);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:1px}@keyframes ok-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ok-spin{to{transform:rotate(360deg)}}@keyframes ok-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ok-slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes ok-slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:1}}@keyframes ok-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes ok-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ok-tab-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes ok-tab-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes ob-fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-bounce{0%{transform:scale(.5) rotate(-10deg);opacity:0}60%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes ob-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes ok-demo-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ok-menu-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ok-screen-fwd{animation:ok-tab-in-right .2s var(--ease-out) both}.ok-screen-back{animation:ok-tab-in-left .2s var(--ease-out) both}.ok-skeleton{background:linear-gradient(90deg,var(--panel2) 25%,var(--panel) 50%,var(--panel2) 75%);background-size:200% 100%;animation:ok-shimmer 1.5s ease-in-out infinite;border-radius:8px}.ok-overlay-handle{width:36px;height:4px;background:var(--line);border-radius:2px;margin:10px auto 0}.ok-btn{transition:transform .14s var(--ease-out),box-shadow .18s var(--ease-out)}.ok-btn:active:not(:disabled){transform:scale(.97)}@media (hover: hover) and (pointer: fine){.ok-btn:hover:not(:disabled){transform:translateY(-1px)}.ok-btn--primary:hover:not(:disabled){box-shadow:0 4px 18px color-mix(in srgb,var(--gold) 38%,transparent)}}.ok-card--tappable{transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out)}.ok-card--tappable:active{transform:scale(.98)}@media (hover: hover) and (pointer: fine){.ok-card--tappable:hover{transform:translateY(-2px);box-shadow:0 6px 28px #00000014}}.ok-swipe-wrap{position:relative;overflow:hidden;border-radius:12px}.ok-swipe-delete{position:absolute;right:0;top:0;bottom:0;width:80px;background:var(--wine);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;font-family:Hanken Grotesk,sans-serif;border-radius:0 12px 12px 0}.ok-swipe-content{background:var(--panel);border-radius:12px}.ok-wine-swipe-delete{position:absolute;left:0;top:0;bottom:0;width:80px;background:color-mix(in srgb,var(--terra) 85%,#000);display:flex;align-items:center;padding-left:16px;color:#fff;font-size:12px;font-weight:600;font-family:Hanken Grotesk,sans-serif;border-radius:12px 0 0 12px}.ok-wine-swipe-drink{position:absolute;right:0;top:0;bottom:0;width:80px;background:var(--wine);display:flex;align-items:center;justify-content:flex-end;padding-right:14px;color:#fff;font-size:12px;font-weight:600;font-family:Hanken Grotesk,sans-serif;border-radius:0 12px 12px 0}.ok-ctx-menu{position:fixed;z-index:500;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 32px #0000002e;min-width:180px;overflow:hidden;transform-origin:top center;animation:ok-menu-in .16s var(--ease-out)}.ok-ctx-item{padding:13px 16px;font-size:14px;font-family:Hanken Grotesk,sans-serif;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.ok-ctx-item:last-child{border-bottom:none}.ok-ctx-item:active{background:var(--panel2)}.ok-ctx-item.danger{color:var(--wine)}*::-webkit-scrollbar{width:0}button,a,[role=button]{user-select:none;-webkit-user-select:none}.ok-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:var(--line);outline:none;width:100%}.ok-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:999px;background:var(--gold);cursor:pointer;border:3px solid var(--bg);box-shadow:0 2px 8px #00000040}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ok-spin{animation:ok-spin .7s linear infinite!important}.ok-skeleton{animation:none!important;background:var(--panel2)}.ok-screen-fwd,.ok-screen-back{animation:ok-fadeIn .15s ease-out both!important}}.ok-expand{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s var(--ease-out)}.ok-expand.open{grid-template-rows:1fr}.ok-expand>*{overflow:hidden;min-height:0}