@layer components{.ow{--ow-panel:var(--kk-surface);--ow-row:var(--kk-surface-muted);--ow-row-line:#efe6da;--ow-quiet:var(--kk-bg-sunken);--ow-quiet-hover:#ebe2d5;--ow-active:#ece4d8;--ow-honey-ink:#85540f;--ow-radius:14px;color:var(--kk-ink)}:root[data-theme=dark] .ow{--ow-row-line:#3a332b;--ow-quiet-hover:#2f2924;--ow-active:#2c2620;--ow-honey-ink:#e0a75a}.ow-shell{min-height:100dvh}.ow-side{display:none}.ow-top{justify-content:space-between;align-items:center;height:56px;padding-inline:20px;display:flex}.ow-canvas{width:100%;max-width:1100px;margin-inline:auto;padding:8px 20px 112px}@media (min-width:768px){.ow-shell{grid-template-columns:200px minmax(0,1fr);display:grid}.ow-top{display:none}.ow-side{flex-direction:column;gap:28px;height:100dvh;padding:28px 12px 24px;display:flex;position:sticky;top:0}.ow-canvas{padding:32px 28px 96px}}@media (min-width:1024px){.ow-shell{grid-template-columns:240px minmax(0,1fr)}.ow-canvas{padding:36px 40px 96px}}.ow-nav{gap:2px;display:grid}.ow-nav a{height:36px;color:var(--kk-ink);border-radius:10px;align-items:center;gap:10px;padding-inline:12px;font-size:14px;font-weight:600;transition:background-color .16s;display:flex;position:relative}.ow-nav a:hover{background:var(--ow-quiet)}.ow-nav a[aria-current=page]{background:var(--ow-active)}.ow-nav__dot{background:var(--kk-primary);color:#fff;text-align:center;border-radius:999px;min-width:20px;height:20px;margin-left:auto;padding-inline:6px;font-size:12px;font-weight:700;line-height:20px}.ow-side__user{color:var(--kk-ink-muted);overflow-wrap:anywhere;margin-top:auto;padding:12px;font-size:13px}.ow-tabs{inset-inline:0;z-index:40;padding-bottom:env(safe-area-inset-bottom);background:var(--kk-surface);border-top:1px solid var(--ow-row-line);position:fixed;bottom:0}@media (min-width:768px){.ow-tabs{display:none}}.ow-title{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(26px,2.4vw,32px);font-weight:800;line-height:1.1}.ow-sub{color:var(--kk-ink-muted);margin-top:6px;font-size:16px}.ow-h2{letter-spacing:-.01em;font-size:18px;font-weight:800}.ow-hint{color:var(--kk-ink-muted);font-size:13px}.ow-label{color:var(--kk-ink);font-size:14px;font-weight:600;display:block}.ow-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:16px;display:grid}.ow-span-3{grid-column:span 3}.ow-span-4{grid-column:span 4}.ow-span-8{grid-column:span 8}.ow-span-9{grid-column:span 9}.ow-span-12{grid-column:span 12}.ow-stack{gap:16px;display:grid}@media (max-width:1023px){.ow-span-4,.ow-span-8,.ow-span-9{grid-column:span 12}.ow-span-3{grid-column:span 6}}.ow-panel{background:var(--ow-panel);border-radius:var(--ow-radius);padding:20px}.ow-panel__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.ow-row{background:var(--ow-row);border:1px solid var(--ow-row-line);border-radius:12px;padding:14px}.ow-rows{gap:8px;display:grid}.ow-tile{background:var(--ow-panel);border-radius:var(--ow-radius);flex-direction:column;justify-content:space-between;min-height:128px;padding:16px;display:flex}.ow-tile__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:32px;font-weight:400;line-height:1.1}.ow-thumb{--tilt:-2deg;flex-shrink:0;width:56px;height:66px}img.ow-thumb,div.ow-thumb{object-fit:cover;background:var(--ow-quiet);border-radius:10px;height:56px}.ow-thumb .ld-polaroid__pic{aspect-ratio:auto;background:var(--kk-primary-soft);height:100%}.ow-rows>li:nth-child(2n) .ow-thumb{--tilt:1.6deg}.ow-items{--sheet-ground:var(--kk-bg);padding-top:20px;padding-bottom:20px}.ow-items__title{font-size:28px;line-height:1}.ow-items .ow-rows{gap:0}.ow-items .ow-row{border:0;border-bottom:1px solid var(--sheet-rule);background:0 0;border-radius:0;padding:16px 0}.ow-items .ow-row:last-child{border-bottom:0}.ow-row.is-taken .ow-thumb{filter:grayscale();opacity:.5}.ow-row.is-taken h3{color:var(--kk-ink-muted)}.ow-note{color:var(--kk-ink-muted);font-size:18px;line-height:1.25}.ow-bar{background:var(--kk-pandan-soft);border-radius:999px;height:6px;overflow:hidden}.ow-bar>span{background:var(--kk-pandan);border-radius:999px;height:100%;display:block}.ow-btn{background:var(--ow-quiet);height:40px;color:var(--kk-ink);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding-inline:14px;font-size:14px;font-weight:600;transition:background-color .16s,transform .12s cubic-bezier(.16,1,.3,1);display:inline-flex}.ow-btn:hover{background:var(--ow-quiet-hover)}.ow-btn:active{transform:scale(.97)}.ow-btn:disabled{opacity:.5;pointer-events:none}.ow-btn--primary{background:var(--kk-primary);color:#fff}.ow-btn--primary:hover{background:var(--kk-primary-pressed)}.ow-btn--danger{color:var(--kk-danger);background:0 0}.ow-btn--danger:hover{background:var(--kk-danger-soft)}.ow-btn--sm{height:32px;padding-inline:10px;font-size:13px}.ow-btn--icon{width:32px;height:32px;padding:0}.ow-btn--block{width:100%;height:48px;font-size:16px}.ow-pill{white-space:nowrap;border-radius:999px;align-items:center;height:24px;padding-inline:10px;font-size:13px;font-weight:600;display:inline-flex}.ow-pill--ok{background:var(--kk-pandan-soft);color:var(--kk-pandan)}.ow-pill--wait{background:var(--kk-honey-soft);color:var(--ow-honey-ink)}.ow-pill--muted{background:var(--ow-quiet);color:var(--kk-ink-muted)}.ow-input{border:1px solid var(--kk-border-strong);background:var(--kk-surface);width:100%;height:44px;color:var(--kk-ink);border-radius:10px;margin-top:6px;padding-inline:12px;font-size:16px}textarea.ow-input{height:auto;padding-block:10px}.ow-input::placeholder{color:var(--kk-ink-muted)}.ow-alert{background:var(--kk-danger-soft);color:var(--kk-danger);border-radius:10px;padding:8px 12px;font-size:14px}.ow-callout{border-radius:10px;padding:12px;font-size:14px}.ow-callout--ok{background:var(--kk-pandan-soft)}.ow-callout--wait{background:var(--kk-honey-soft);color:var(--ow-honey-ink)}.ow-seg{background:var(--ow-quiet);border-radius:10px;padding:3px;display:flex}@media (prefers-reduced-motion:no-preference){.ow-canvas>main>*{animation:.5s cubic-bezier(.16,1,.3,1) both ow-in}.ow-canvas>main>:nth-child(2){animation-delay:50ms}.ow-canvas>main>:nth-child(3){animation-delay:.1s}.ow-canvas>main>:nth-child(n+4){animation-delay:.15s}}@keyframes ow-in{0%{transform:translateY(10px)}}.ow-detail{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:16px;display:grid}.ow-detail__main,.ow-detail__side{gap:16px;display:grid}.ow-detail__side{position:sticky;top:24px}@media (max-width:1023px){.ow-detail{grid-template-columns:minmax(0,1fr)}.ow-detail__main,.ow-detail__side{display:contents}.ow-order-1{order:1}.ow-order-2{order:2}.ow-order-3{order:3}.ow-order-4{order:4}.ow-order-5{order:5}}.ow-list{gap:6px;display:grid}.ow-list>*{background:var(--ow-row);border-radius:12px;padding-inline:14px}.ow-menu{position:relative}.ow-menu>summary{cursor:pointer;list-style:none}.ow-menu>summary::-webkit-details-marker{display:none}.ow-menu[open]>summary{background:var(--ow-quiet-hover)}.ow-menu__panel{z-index:30;background:var(--kk-surface);border-radius:12px;min-width:180px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #1b1a1729,0 1px 2px #1b1a1714}.ow-menu__panel button{text-align:left;height:40px;color:var(--kk-ink);border-radius:8px;align-items:center;gap:8px;padding-inline:10px;font-size:14px;font-weight:600;transition:background-color .14s;display:flex}.ow-menu__panel button:hover{background:var(--ow-quiet)}.ow-menu__panel button:disabled{opacity:.4;pointer-events:none}.ow-menu__panel .ow-menu__danger{color:var(--kk-danger)}.ow-disclosure>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.ow-disclosure>summary::-webkit-details-marker{display:none}.ow-disclosure>summary svg{flex-shrink:0;transition:transform .2s cubic-bezier(.16,1,.3,1)}.ow-disclosure[open]>summary svg{transform:rotate(180deg)}.ow-disclosure>summary:focus-visible{outline:2px solid var(--kk-focus);outline-offset:4px;border-radius:6px}.ow-progress{max-width:420px;margin-top:12px}}