*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif;background:var(--paper-1);color:var(--ink-950);-webkit-font-smoothing:antialiased;word-break:keep-all}:root{--coral-500: oklch(.695 .176 38);--coral-50: oklch(.695 .176 38 / .1);--coral-700: oklch(.56 .165 35);--ink-950: oklch(.09 .01 28);--ink-900: oklch(.13 .012 30);--ink-700: oklch(.29 .02 30);--ink-500: oklch(.47 .025 35);--ink-300: oklch(.66 .02 40);--line: oklch(.91 .012 50);--line-strong: oklch(.85 .025 55);--paper-1: oklch(.985 .012 60);--paper-2: oklch(.973 .008 60);--sand-50: oklch(.94 .014 55);--ok-500: oklch(.55 .13 150);--warn-500: oklch(.55 .16 35);--r-chip: 6px;--r-btn: 10px;--r-card: 12px;--r-sheet: 16px;--r-pill: 999px;--motion-ease-quart: cubic-bezier(.165, .84, .44, 1);--motion-micro: .2s var(--motion-ease-quart);--motion-ease: .2s var(--motion-ease-quart);--motion-sheet: .28s var(--motion-ease-quart)}@media (max-width: 768px){.bp-sticky-bottom{bottom:56px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.bp-basket-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--paper-1);padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}@media (max-width: 768px){.bp-basket-page{padding-bottom:calc(136px + env(safe-area-inset-bottom,0px))}}.bp-basket-header{position:sticky;top:0;z-index:10;background:var(--paper-1);border-bottom:1px solid var(--line);padding:0 16px}.bp-basket-header-top{display:flex;align-items:center;gap:12px;height:56px}.bp-back-link{display:inline-flex;align-items:center;min-width:44px;min-height:44px;color:var(--ink-700);text-decoration:none;font-size:15px;font-weight:600;flex-shrink:0}.bp-back-link:hover{color:var(--ink-950)}.bp-basket-header-title{flex:1;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0;color:var(--ink-950)}.bp-basket-header-controls{display:flex;align-items:center;gap:8px;padding-bottom:12px}.bp-select-all-wrap{display:flex;align-items:center;gap:8px}.bp-select-all-label{font-size:13px;font-weight:500;color:var(--ink-700);cursor:pointer;min-height:44px;display:flex;align-items:center}.bp-count-badge{margin-left:auto;font-size:11px;font-weight:700;color:var(--ink-500);font-variant-numeric:tabular-nums;white-space:nowrap}.bp-drag-hint{font-size:11px;color:var(--ink-300);margin-left:8px;white-space:nowrap}.bp-checkbox{width:20px;height:20px;min-width:20px;min-height:20px;accent-color:var(--coral-500);cursor:pointer}.bp-basket-list{flex:1;list-style:none;margin:0;padding:0}.bp-row{position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--paper-1);border-bottom:1px solid var(--line);min-height:76px;opacity:1;transform:none;animation:none;transition:background var(--motion-ease),opacity var(--motion-ease),transform var(--motion-ease),box-shadow var(--motion-ease);overflow:hidden}.bp-row:hover{background:var(--paper-2)}.bp-row--selected{background:var(--coral-50);box-shadow:inset 4px 0 0 0 var(--coral-500)}@keyframes bp-slide-out{0%{max-height:80px;opacity:1;padding-top:10px;padding-bottom:10px}to{max-height:0;opacity:0;padding-top:0;padding-bottom:0}}.bp-row--removing{animation:bp-slide-out .2s ease forwards;pointer-events:none}.bp-row-thumb{width:56px;height:56px;border-radius:var(--r-card);object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,var(--sand-50) 0%,var(--line) 100%)}.bp-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bp-row-name{font-size:15px;font-weight:600;line-height:1.3;color:var(--ink-950);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-row-meta{font-size:12px;line-height:1.4;font-weight:500;color:var(--ink-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-row-time{font-size:11px;line-height:1;color:var(--ink-300)}.bp-row-remove{width:32px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--r-chip);color:var(--ink-300);font-size:18px;cursor:pointer;flex-shrink:0;transition:color var(--motion-ease),background var(--motion-ease);padding:0}.bp-row-remove:hover{color:var(--warn-500);background:color-mix(in srgb,var(--warn-500) 10%,transparent)}.bp-row-remove:focus-visible{outline:2px solid var(--coral-500);outline-offset:2px}@keyframes bp-pulse{0%,to{opacity:1}50%{opacity:.4}}.bp-skeleton-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);animation:bp-pulse 1.4s ease-in-out infinite}.bp-skeleton-thumb{width:56px;height:56px;border-radius:var(--r-card);background:var(--line);flex-shrink:0}.bp-skeleton-body{flex:1;display:flex;flex-direction:column;gap:6px}.bp-skeleton-line{height:12px;border-radius:var(--r-pill);background:var(--line)}.bp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 32px;flex:1;opacity:1;transform:none;animation:none}.bp-empty-icon{width:80px;height:80px;border-radius:50%;background:var(--sand-50);display:flex;align-items:center;justify-content:center;color:var(--coral-700);margin-bottom:24px}.bp-empty-trust{margin-top:32px;font-size:12px;color:var(--ink-300);line-height:1.4;text-align:center;border:none;padding:0}.bp-empty-h{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--ink-950);margin:0 0 12px}.bp-empty-body{font-size:15px;line-height:1.6;color:var(--ink-500);margin:0 0 32px;max-width:280px}.bp-empty-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:var(--r-btn);background:var(--coral-500);color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:background var(--motion-ease)}.bp-empty-cta:hover{background:var(--coral-700)}.bp-error{display:flex;flex-direction:column;align-items:center;padding:48px 24px;gap:16px;color:var(--ink-500);font-size:15px}.bp-error-detail{margin:4px 0 0;font-size:12px;color:var(--ink-500)}.bp-retry-btn{min-height:44px;padding:0 20px;border-radius:var(--r-btn);border:1.5px solid var(--coral-500);background:none;color:var(--coral-500);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--motion-ease),color var(--motion-ease)}.bp-retry-btn:hover{background:var(--coral-50)}.bp-footer{padding:16px;text-align:center;font-size:12px;color:var(--ink-300);line-height:1.4;border-top:1px solid var(--line)}.bp-toast-wrap{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:9999;width:min(360px,calc(100vw - 32px));pointer-events:none}@keyframes bp-toast-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bp-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.bp-toast{pointer-events:all;border-radius:var(--r-card);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 24px #0000002e;animation:bp-toast-in var(--motion-sheet) both;position:relative;overflow:hidden}.bp-toast--exit{animation:bp-toast-out .2s ease forwards}.bp-toast--default{background:var(--ink-950);color:#fff}.bp-toast--ok{background:var(--ok-500);color:#fff}.bp-toast--warn{background:var(--warn-500);color:#fff}.bp-toast--undo{background:var(--ink-950);color:#fff}.bp-toast-text{flex:1;font-size:14px;line-height:1.4}.bp-toast-undo-btn{background:none;border:1.5px solid rgba(255,255,255,.5);border-radius:var(--r-chip);color:#fff;font-size:13px;font-weight:600;padding:4px 10px;min-height:32px;cursor:pointer;white-space:nowrap;transition:background var(--motion-ease);flex-shrink:0}.bp-toast-undo-btn:hover{background:#ffffff26}.bp-toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#fff6;border-radius:0 0 var(--r-card) var(--r-card);width:100%;transform-origin:left}.bp-row-drag{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;align-self:stretch;min-height:44px;margin-left:-8px;cursor:grab;color:var(--ink-300);user-select:none;-webkit-user-select:none;touch-action:none;flex-shrink:0;border-radius:var(--r-chip);transition:color var(--motion-ease),background var(--motion-ease)}.bp-row-drag:hover{color:var(--ink-500);background:var(--paper-2)}.bp-row-drag:active{cursor:grabbing;color:var(--ink-700)}.bp-row-drag:focus-visible{outline:2px solid var(--coral-500);outline-offset:2px}.bp-row--dragging{opacity:.55;transform:rotate(.6deg) translateY(-1px);box-shadow:0 8px 24px #0f172a1a}.bp-drop-indicator{list-style:none;height:0;margin:0 16px;border-top:1.5px solid var(--coral-500);pointer-events:none;animation:bp-drop-pulse .6s ease-in-out infinite alternate}@keyframes bp-drop-pulse{0%{opacity:.6}to{opacity:1}}.bp-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:90}.bp-row-menu{position:absolute;left:12px;top:100%;margin-top:4px;min-width:180px;background:var(--paper-1);border:1px solid var(--line);border-radius:var(--r-sheet);box-shadow:0 8px 24px #0f172a1a;padding:6px;z-index:100;display:flex;flex-direction:column;gap:2px;animation:bp-menu-in var(--motion-sheet) both}@keyframes bp-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bp-row-menu button[role=menuitem]{display:flex;align-items:center;padding:10px 12px;border:0;background:transparent;font:inherit;font-size:14px;color:var(--ink-700);cursor:pointer;border-radius:var(--r-chip);text-align:left;transition:background var(--motion-ease)}.bp-row-menu button[role=menuitem]:hover:not(:disabled),.bp-row-menu button[role=menuitem]:focus-visible{background:var(--paper-2);outline:none}.bp-row-menu button[role=menuitem]:disabled{color:var(--ink-300);cursor:not-allowed}.bp-row-menu .bp-menu-divider{border:0;border-top:1px solid var(--line);margin:4px 0}.bp-row-menu .bp-menu-danger{color:var(--coral-700);font-weight:600}.bp-row-menu .bp-menu-danger:hover:not(:disabled){background:var(--coral-50)}.bp-page-head{position:sticky;top:0;z-index:10;display:flex;align-items:baseline;gap:10px;padding:16px 18px 14px;background:var(--paper-1);border-bottom:1px solid var(--line);min-height:56px;opacity:1;transform:none;animation:none}.bp-page-title{flex:1;margin:0;font-size:19px;font-weight:700;color:var(--ink-950);letter-spacing:-.022em;line-height:1.3}.bp-page-count{font-size:13px;font-weight:500;color:var(--ink-500);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.bp-select-toolbar{position:sticky;top:48px;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--paper-2);border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-700)}.bp-select-all{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.bp-drag-hint{font-size:12px;color:var(--ink-500)}.bp-basket-body{flex:1;min-height:200px}.bp-row-list{list-style:none;margin:0;padding:0}.bp-sticky-bottom{position:fixed;left:0;right:0;bottom:0;z-index:100;display:grid;grid-template-columns:1fr 1.6fr;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff9f3f0;background:oklch(.985 .012 60 / .94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);opacity:1;transform:none;animation:none}.bp-cta-ghost{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 12px;background:transparent;color:var(--ink-700);border:1px solid var(--line-strong);border-radius:var(--r-btn);font-size:14px;font-weight:600;letter-spacing:-.012em;text-decoration:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background var(--motion-ease),color var(--motion-ease),border-color var(--motion-ease)}.bp-cta-ghost:hover{background:var(--paper-2);color:var(--ink-950)}.bp-cta-ghost:focus-visible{outline:2px solid var(--coral-500);outline-offset:2px}.bp-cta-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;height:52px;padding:0 16px;background:var(--coral-500);color:#fff;border:0;border-radius:var(--r-btn);font-size:15px;font-weight:700;letter-spacing:-.014em;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background var(--motion-ease),transform var(--motion-micro)}.bp-cta-primary:hover:not(:disabled){background:var(--coral-700)}.bp-cta-primary:active:not(:disabled){transform:scale(.98)}.bp-cta-primary:focus-visible{outline:2px solid var(--coral-700);outline-offset:2px}.bp-cta-primary--disabled,.bp-cta-primary:disabled{background:var(--ink-300);color:var(--paper-1);cursor:not-allowed;font-size:13.5px;font-weight:600}