@import"https://fonts.googleapis.com/css2?family=Gaegu:wght@700&family=Zen+Maru+Gothic:wght@700&display=swap";:root{--bg-canvas: #F6F4F0;--bg-canvas-outer: #EAE6DF;--bg-surface: #FFFFFF;--bg-surface-elevated: #FAF9F6;--bg-glass-nav: rgba(255, 255, 255, .9);--border-subtle: rgba(44, 42, 41, .09);--border-strong: rgba(44, 42, 41, .18);--text-primary: #2C2A29;--text-secondary: #6E6A66;--text-muted: #9E9891;--brand-primary: #4A6B5D;--brand-primary-hover: #3D594D;--brand-primary-light: #E8F0EC;--status-safe-bg: #E6F2ED;--status-safe-fg: #2E7D5B;--status-warn-bg: #FDF3E1;--status-warn-fg: #C88A2B;--status-danger-bg: #FDECE9;--status-danger-fg: #D15241;--radius-sm: 10px;--radius-accordion: 14px;--radius-tile: 18px;--radius-sheet: 24px;--radius-pill: 9999px;--shadow-tile: 0 4px 14px -2px rgba(44, 42, 41, .05), 0 2px 6px -1px rgba(44, 42, 41, .03);--shadow-dragging: 0 14px 28px -4px rgba(44, 42, 41, .14), 0 6px 12px -2px rgba(44, 42, 41, .08);--shadow-floating-nav: 0 8px 24px rgba(44, 42, 41, .12);--font-sans: "Noto Sans KR", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700}[data-theme=dark]{--bg-canvas: #181817;--bg-canvas-outer: #10100F;--bg-surface: #242322;--bg-surface-elevated: #2D2C2A;--bg-glass-nav: rgba(36, 35, 34, .9);--border-subtle: rgba(240, 237, 233, .09);--border-strong: rgba(240, 237, 233, .2);--text-primary: #F0EDE9;--text-secondary: #A8A39D;--text-muted: #78736D;--brand-primary: #6B9E88;--brand-primary-hover: #7FB09B;--brand-primary-light: #253830;--status-safe-bg: #1E352B;--status-safe-fg: #6FCF97;--status-warn-bg: #3A2E1B;--status-warn-fg: #F2C94C;--status-danger-bg: #3B201D;--status-danger-fg: #EB6A5A}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{font-family:var(--font-sans);background-color:var(--bg-canvas-outer);color:var(--text-primary);font-weight:var(--fw-regular);line-height:1.45;overflow-x:hidden;transition:background-color .18s ease,color .18s ease}input,select,textarea,button{font-family:inherit;color:inherit}input,select,textarea{background-color:var(--bg-surface);color:var(--text-primary);font-size:16px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:1px}::placeholder{color:var(--text-muted);opacity:1}.app-shell{width:100%;max-width:720px;min-height:100dvh;margin:0 auto;background-color:var(--bg-canvas);position:relative;padding-bottom:132px;box-shadow:0 0 40px #0000000d}.app-shell:after{content:"";position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:720px;height:88px;background:linear-gradient(to bottom,transparent 0%,var(--bg-canvas) 82%);pointer-events:none;z-index:90}.page-container{padding:14px 16px}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.tap-scale{transition:transform .12s cubic-bezier(.2,0,0,1),background-color .15s ease,border-color .15s ease,opacity .15s ease;cursor:pointer}.tap-scale:active:not(:disabled){transform:scale(.95)}.tap-scale:disabled{opacity:.35;cursor:not-allowed}.item-tile{background-color:var(--bg-surface);border-radius:var(--radius-tile);box-shadow:var(--shadow-tile);padding:13px 15px;margin-bottom:10px;transition:opacity .22s ease,filter .22s ease,transform .2s ease,border-color .15s ease,background-color .15s ease;border:1px solid var(--border-subtle)}.item-tile--staged{background-color:var(--brand-primary-light);border-color:var(--brand-primary)}.item-tile--danger-border{border-color:var(--status-danger-fg)}.item-tile--warn-banner{background-color:var(--status-warn-bg);border-color:var(--status-warn-fg);color:var(--status-warn-fg)}.item-tile--brand-banner{background-color:var(--brand-primary-light);border-color:var(--brand-primary)}.item-tile.is-ghosted{opacity:.48;filter:grayscale(60%)}.item-tile.is-dragging{transform:scale(1.025);box-shadow:var(--shadow-dragging);z-index:50}.space-tabs-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--border-subtle);scrollbar-width:none}.space-tabs-bar::-webkit-scrollbar{display:none}.space-pill{padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-secondary);font-weight:var(--fw-medium);font-size:14px;white-space:nowrap;box-shadow:var(--shadow-tile);display:inline-flex;align-items:center;gap:4px}.space-pill--active{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff;font-weight:var(--fw-bold)}.space-pill--add{padding:8px 14px;border-radius:var(--radius-pill);border:1px dashed var(--border-strong);background-color:transparent;color:var(--text-secondary);font-weight:var(--fw-bold)}.section-block{margin-bottom:20px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px;margin-bottom:8px}.section-toggle-btn{background:transparent;border:none;font-weight:var(--fw-bold);font-size:14px;color:var(--text-secondary);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.section-count{font-size:12px;font-weight:var(--fw-medium);color:var(--text-muted)}.section-actions{display:flex;align-items:center;gap:4px}.icon-action-btn{width:30px;height:30px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-action-btn:hover{background-color:var(--bg-surface-elevated);color:var(--text-primary)}.status-badge{font-size:11px;padding:2px 8px;border-radius:var(--radius-pill);font-weight:var(--fw-bold);display:inline-flex;align-items:center;gap:4px;line-height:1.4}.status-badge--safe{background-color:var(--status-safe-bg);color:var(--status-safe-fg)}.status-badge--warn{background-color:var(--status-warn-bg);color:var(--status-warn-fg)}.status-badge--danger{background-color:var(--status-danger-bg);color:var(--status-danger-fg)}.form-input{padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-primary);font-size:15px;width:100%}.form-select{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-primary);font-size:14px}.btn-primary{padding:10px 16px;border-radius:var(--radius-sm);border:none;background-color:var(--brand-primary);color:#fff;font-weight:var(--fw-bold);font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-secondary{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-surface-elevated);color:var(--text-primary);font-weight:var(--fw-bold);font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-outline-brand{padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--brand-primary);background-color:var(--bg-surface);color:var(--brand-primary);font-weight:var(--fw-bold);font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-danger{padding:8px 12px;border-radius:var(--radius-sm);border:none;background-color:var(--status-danger-bg);color:var(--status-danger-fg);font-weight:var(--fw-bold);font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.btn-dashed-add{width:100%;padding:11px;border-radius:var(--radius-tile);border:1px dashed var(--border-strong);background-color:transparent;color:var(--text-secondary);font-size:13px;font-weight:var(--fw-medium);display:flex;align-items:center;justify-content:center;gap:6px}.stepper-circle-btn{width:34px;height:34px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background-color:var(--bg-surface-elevated);font-weight:var(--fw-bold);font-size:16px;display:inline-flex;align-items:center;justify-content:center}.stepper-square-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border-subtle);background-color:var(--bg-surface);font-weight:var(--fw-bold);font-size:15px;display:inline-flex;align-items:center;justify-content:center}.empty-state-box{padding:18px 14px;text-align:center;color:var(--text-muted);font-size:13px;background-color:var(--bg-surface-elevated);border-radius:var(--radius-accordion);border:1px dashed var(--border-subtle);margin-bottom:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;z-index:200;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-sheet{width:100%;max-width:600px;background-color:var(--bg-surface);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);padding:14px 18px 28px;box-shadow:var(--shadow-dragging);display:flex;flex-direction:column;gap:12px;animation:slideUp .22s cubic-bezier(.16,1,.3,1);max-height:88dvh;overflow-y:auto}.modal-sheet__handle{width:38px;height:4px;border-radius:var(--radius-pill);background-color:var(--border-strong);margin:0 auto 4px}.modal-sheet__title{font-weight:var(--fw-bold);font-size:16px;color:var(--text-primary)}.modal-sheet__desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.inline-accordion{margin-top:10px;padding:12px;border-top:1px dashed var(--border-subtle);background-color:var(--bg-surface-elevated);border-radius:var(--radius-accordion);animation:fadeIn .16s ease-out}.restock-helper-card{width:100%;min-height:58px;background-color:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-accordion);display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.restock-helper-card--top{margin:0 0 14px}.restock-helper-card--bottom{margin:20px 0 10px}.restock-helper-card__body{display:flex;flex-direction:column;padding:12px 14px;gap:8px}.restock-helper-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.restock-helper-card__tag{font-size:9px;font-weight:var(--fw-bold);letter-spacing:.6px;padding:2px 6px;border-radius:4px;background-color:var(--border-subtle);color:var(--text-muted);text-transform:uppercase;flex-shrink:0}.restock-helper-card__chips{display:flex;flex-wrap:wrap;gap:6px}.restock-helper-card__chip{padding:5px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-primary);font-size:12px;font-weight:var(--fw-medium);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.restock-helper-card__disclosure{font-size:10px;color:var(--text-muted);line-height:1.4}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot--safe{background-color:var(--status-safe-fg)}.status-dot--warn{background-color:var(--status-warn-fg)}.status-dot--danger{background-color:var(--status-danger-fg)}.step-badge{width:20px;height:20px;border-radius:50%;background-color:#00000014;color:inherit;font-size:11px;font-weight:var(--fw-bold);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.btn-primary .step-badge{background-color:#ffffff3d;color:#fff}.card-section-title{display:flex;align-items:center;gap:7px;font-weight:var(--fw-bold);font-size:15px;color:var(--text-primary);margin-bottom:8px}.card-section-title .material-symbols-rounded{font-size:19px;color:var(--brand-primary)}