:root{--bg: #f9f7f2;--surface: #ffffff;--line: #e7e2d8;--ink: #3d3a34;--muted: #8b8680;--primary: #c4704f;--primary-deep: #a85a3d;--ok: #4c8b5f;--ok-bg: #eef3ee;--warn: #b98a2e;--warn-bg: #fbf3e4;--bad: #b4533c;--bad-bg: #fbeae5;--radius: 14px;--shadow: 0 2px 10px rgba(60, 50, 30, .05)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:InterVariable,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}button{font:inherit;color:inherit}.sa-logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--primary);color:#fff;font-weight:800;font-size:1rem;flex:none}.sa-logo-lg{width:64px;height:64px;border-radius:18px;font-size:1.9rem;margin-bottom:1rem}.sa-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;padding:0 1.05rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}.sa-btn:hover{border-color:#d6cfc0}.sa-btn:disabled{opacity:.5;cursor:default}.sa-btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.sa-btn-primary:hover:not(:disabled){background:var(--primary-deep);border-color:var(--primary-deep)}.sa-btn-danger{background:var(--bad);border-color:var(--bad);color:#fff}.sa-btn-danger-ghost{color:var(--bad);border-color:transparent;background:none}.sa-btn-danger-ghost:hover{border-color:#ecc4b5;background:var(--bad-bg)}.sa-btn-sm{min-height:38px;padding:0 .85rem;font-size:.85rem}.sa-btn-lg{min-height:52px;padding:0 1.6rem;font-size:1rem}.sa-linkbtn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:0}.sa-linkbtn:hover{text-decoration:underline}.sa-gate{max-width:24rem;margin:16vh auto 0;padding:0 1.25rem;text-align:center}.sa-gate h1{margin:.4rem 0 .5rem;font-size:1.7rem;letter-spacing:-.02em}.sa-gate p{color:var(--muted);margin:0 0 1.6rem}.sa-hint-text{font-size:.8rem!important;margin-top:1.4rem!important}.sa-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:#f9f7f2e0;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.sa-brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:-.01em}.sa-top-link{color:var(--muted);font-size:.85rem;text-decoration:none}.sa-main{padding:1rem 1rem calc(5.4rem + env(safe-area-inset-bottom));max-width:68rem;margin:0 auto}.sa-tabs{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);background:#fffffff0;backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.sa-tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 0 .45rem;border:none;background:none;cursor:pointer;color:var(--muted);font-size:.62rem;font-weight:600}.sa-tab.sa-active{color:var(--primary)}@media(min-width:1024px){.sa-tabs{display:none}.sa-shell{display:block}.sa-side{position:fixed;top:57px;bottom:0;left:0;width:220px;display:flex;flex-direction:column;gap:.15rem;padding:1rem .75rem;border-right:1px solid var(--line);background:var(--bg);z-index:30}.sa-nav-item{display:flex;align-items:center;gap:.7rem;padding:.62rem .8rem;border-radius:10px;border:none;background:none;color:var(--muted);text-decoration:none;font-weight:600;font-size:.92rem;cursor:pointer;text-align:left}.sa-nav-item:hover{background:#f1ede3;color:var(--ink)}.sa-nav-item.sa-active{background:#fdf1ea;color:var(--primary)}.sa-side-sep{height:1px;background:var(--line);margin:.6rem .4rem}.sa-main{margin-left:220px;padding-bottom:3rem}}@media(max-width:1023.5px){.sa-side{display:none}}.sa-page h1{margin:.4rem 0 .15rem;font-size:1.55rem;letter-spacing:-.02em}.sa-head-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.sa-sub{color:var(--muted);margin:.1rem 0 1.2rem;font-size:.92rem}.sa-section-head{display:flex;align-items:baseline;justify-content:space-between;margin:1.6rem 0 .6rem}.sa-section-head h2{margin:0;font-size:1.08rem}.sa-note{border-radius:10px;padding:.65rem .85rem;font-size:.87rem;margin-bottom:1rem}.sa-note-bad{background:var(--bad-bg);border:1px solid #ecc4b5;color:#8f3d22}.sa-mono{font-family:ui-monospace,Cascadia Mono,Menlo,monospace;font-size:.88rem}.sa-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1.1rem}@media(min-width:640px){.sa-stats{grid-template-columns:repeat(4,1fr)}}.sa-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.8rem .9rem;display:flex;flex-direction:column}.sa-stat strong{font-size:1.5rem;letter-spacing:-.03em;line-height:1.1}.sa-stat span{color:var(--muted);font-size:.78rem;font-weight:600}.sa-stat-ok strong{color:var(--ok)}.sa-stat-warn strong{color:var(--warn)}.sa-stat-muted strong{color:var(--muted)}.sa-stat-info strong{color:var(--primary)}.sa-tiles{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media(min-width:640px){.sa-tiles{grid-template-columns:repeat(4,1fr)}}.sa-tile{display:flex;flex-direction:column;align-items:flex-start;gap:.12rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:.95rem;cursor:pointer;text-decoration:none;color:var(--ink);text-align:left}.sa-tile strong{font-size:.93rem}.sa-tile span:last-child{color:var(--muted);font-size:.76rem}.sa-tile-primary{grid-column:span 2;background:var(--ink);border-color:var(--ink);color:#fff}.sa-tile-primary span:last-child{color:#cfc9bd}.sa-tile-ic{color:var(--primary)}.sa-recent{display:flex;flex-direction:column;gap:.45rem}.sa-recent-row{display:flex;align-items:center;gap:.75rem;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.55rem .75rem;cursor:pointer;text-align:left}.sa-recent-row img{width:44px;height:44px;object-fit:cover;border-radius:9px;background:#efe9dc}.sa-recent-name{flex:1;font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-recent-price{color:var(--muted);font-size:.85rem}.sa-search{width:100%;min-height:48px;padding:.6rem .95rem;font:inherit;border:1px solid var(--line);border-radius:999px;background:var(--surface);margin-bottom:.8rem}.sa-chips{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.9rem}.sa-chip{flex:none;display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:.84rem;font-weight:600;color:var(--muted)}.sa-chip em{font-style:normal;font-size:.74rem;opacity:.75}.sa-chip-on{background:var(--ink);border-color:var(--ink);color:#fff}.sa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(46vw,240px),1fr));gap:.8rem}@media(min-width:1024px){.sa-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}.sa-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.sa-photo{position:relative;display:block;aspect-ratio:4 / 5;background:#efe9dc}.sa-photo img{width:100%;height:100%;object-fit:cover;display:block}.sa-sold .sa-photo img{filter:grayscale(.85);opacity:.75}.sa-flag{position:absolute;top:.55rem;left:.55rem;background:var(--warn-bg);color:#7a5c1e;border:1px solid #ecd9b0;font-size:.68rem;font-weight:700;padding:.18rem .55rem;border-radius:999px}.sa-card-body{display:flex;flex-direction:column;gap:.35rem;padding:.7rem .8rem .85rem}.sa-name{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-price{color:var(--muted);font-size:.86rem}.sa-actions{display:flex;gap:.45rem;margin-top:.3rem}.sa-thumb-fallback{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9px;background:#efe9dc;color:var(--muted);font-weight:700}.sa-thumb-lg{width:100%;height:100%;font-size:2rem;border-radius:0}.sa-pill{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;padding:.32rem .75rem;border-radius:999px;border:1px solid transparent;font-size:.78rem;font-weight:700;cursor:pointer}.sa-pill-sm{padding:.22rem .6rem;font-size:.7rem}.sa-pill-dot{width:7px;height:7px;border-radius:999px;background:currentColor}.sa-pill-available{background:var(--ok-bg);color:var(--ok);border-color:#cfdfd2}.sa-pill-reserved{background:var(--warn-bg);color:var(--warn);border-color:#ecd9b0}.sa-pill-sold{background:#efeadf;color:var(--muted);border-color:#ddd6c8}.sa-list{display:flex;flex-direction:column;gap:.5rem}.sa-row{display:flex;align-items:center;gap:.8rem;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:.7rem .85rem}.sa-row-btn{cursor:pointer;text-align:left;font:inherit;color:inherit}.sa-row-main{flex:1;min-width:0}.sa-row-main p{margin:.1rem 0 0;color:var(--muted);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-order-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#f1ede3;font-size:.8rem;font-weight:700;color:var(--muted)}.sa-chev{color:var(--muted);font-size:1.3rem}.sa-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.05rem;margin-bottom:.9rem}.sa-panel h2{margin:0 0 .9rem;font-size:1.02rem}.sa-field{display:block;margin-bottom:.9rem}.sa-label{display:block;font-weight:600;font-size:.84rem;margin-bottom:.3rem}.sa-field input,.sa-field textarea,.sa-field select{width:100%;min-height:46px;padding:.6rem .75rem;font:inherit;border:1px solid #ddd6c8;border-radius:10px;background:#fdfcf9;color:var(--ink)}.sa-field textarea{resize:vertical}.sa-field input:focus,.sa-field textarea:focus,.sa-search:focus{outline:2px solid #eec3b1;outline-offset:1px;border-color:var(--primary)}.sa-field small{display:block;color:var(--muted);margin-top:.25rem;font-size:.76rem}.sa-two-col{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.sa-fold{width:100%;text-align:left;background:none;border:none;padding:0;font-weight:700;font-size:1.02rem;cursor:pointer;margin-bottom:.6rem}.sa-savebar{position:sticky;bottom:0;padding:.8rem 0 calc(.8rem + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 40%)}@media(min-width:1024px){.sa-savebar{padding-bottom:.8rem}}.sa-imgrow{display:flex;gap:.85rem;align-items:center}.sa-img-preview{width:96px;height:96px;border-radius:12px;border:1px dashed #ddd6c8;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#faf8f3;color:var(--muted);font-size:.72rem;flex:none}.sa-img-preview img{width:100%;height:100%;object-fit:cover}.sa-img-btns{display:flex;flex-direction:column;gap:.4rem}.sa-modal-backdrop{position:fixed;inset:0;z-index:90;background:#1e1e1c80;display:flex;align-items:flex-end;justify-content:center;padding:0}@media(min-width:640px){.sa-modal-backdrop{align-items:center;padding:1.5rem}}.sa-modal{background:var(--bg);width:100%;max-height:92vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:1rem 1.1rem calc(1.2rem + env(safe-area-inset-bottom));animation:sa-rise .22s ease}@media(min-width:640px){.sa-modal{max-width:26rem;border-radius:18px;padding-bottom:1.2rem}}.sa-modal-wide{max-width:40rem}@keyframes sa-rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.sa-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.sa-x{background:none;border:none;font-size:1.6rem;line-height:1;color:var(--muted);cursor:pointer}.sa-confirm-msg{margin:0 0 1.2rem}.sa-row-end{display:flex;gap:.55rem;justify-content:flex-end;margin-top:.4rem}.sa-toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(4.6rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.45rem;z-index:120;align-items:center;pointer-events:none;width:max-content;max-width:92vw}@media(min-width:1024px){.sa-toasts{bottom:1.4rem}}.sa-toast{background:var(--ink);color:#fff;border-radius:999px;padding:.55rem 1.1rem;font-size:.86rem;font-weight:600;box-shadow:0 8px 24px #00000038;animation:sa-rise .2s ease;max-width:92vw;text-align:center}.sa-toast-bad{background:var(--bad)}.sa-rebuild{display:flex;align-items:center;gap:.55rem;background:var(--ok-bg);border:1px solid #cfdfd2;color:#3f5c48;border-radius:10px;padding:.6rem .85rem;font-size:.85rem;margin-bottom:1rem}.sa-spin{width:14px;height:14px;border-radius:999px;flex:none;border:2px solid #cfdfd2;border-top-color:var(--ok);animation:sa-rot .8s linear infinite}@keyframes sa-rot{to{transform:rotate(360deg)}}.sa-skeleton{padding:0}.sk-img{aspect-ratio:4 / 5;background:linear-gradient(100deg,#efe9dc 40%,#f6f2e9,#efe9dc 60%);background-size:200% 100%;animation:sa-shimmer 1.3s infinite}.sk-line{height:12px;border-radius:6px;margin:.55rem .8rem;background:linear-gradient(100deg,#efe9dc 40%,#f6f2e9,#efe9dc 60%);background-size:200% 100%;animation:sa-shimmer 1.3s infinite}.sa-skeleton .sk-line:first-of-type{margin-top:.9rem}.w80{width:80%}.w60{width:60%}.w40{width:40%}@keyframes sa-shimmer{to{background-position:-200% 0}}.sa-empty{text-align:center;padding:3.2rem 1rem;color:var(--muted)}.sa-empty h3{margin:.6rem 0 .2rem;color:var(--ink)}.sa-empty p{margin:0 0 1rem;font-size:.9rem}.sa-empty-icon{font-size:1.8rem;opacity:.6}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}