:root{--color-bg: #ffffff;--color-bg-soft: #fafafa;--color-fg: #111111;--color-muted: #757575;--color-tile: #f0f0f0;--color-border: #e5e5e5;--color-accent: #1e4fd8;--color-accent-hover: #1740b3;--color-scarcity: #de1c22;--font-body: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 26px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 40px;--radius: 4px;--radius-badge: 2px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-md);line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,p,ul,dl,dd{margin:0}ul{padding:0;list-style:none}h1{font-size:var(--text-lg);font-weight:700;line-height:1.3}h2{font-size:18px;font-weight:700}img{display:block;max-width:100%}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input[type=text],input[type=date],textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-size:16px;line-height:1.5}textarea{resize:vertical}input:disabled,textarea:disabled{background:var(--color-bg-soft);color:var(--color-muted)}.muted{color:var(--color-muted);font-size:var(--text-sm)}.center{text-align:center}.error{color:var(--color-scarcity);font-size:var(--text-sm);white-space:pre-line}.hint{color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.link{color:var(--color-accent);text-decoration:none;font-size:var(--text-sm)}.link:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:3px}.brand{display:block;color:var(--color-fg);font-size:27px;font-weight:700;letter-spacing:.04em;line-height:1;text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:1px solid var(--color-fg);border-radius:var(--radius);background:var(--color-fg);color:#fff;font-size:var(--text-md);font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .15s}.button:hover{background:#333}.button.secondary{background:#fff;color:var(--color-fg)}.button.secondary:hover{background:var(--color-tile)}.button.small{padding:9px 14px;font-size:var(--text-sm)}.button:disabled,.button.disabled{border-color:var(--color-tile);background:var(--color-tile);color:var(--color-muted);cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius);color:var(--color-fg)}.icon-btn:hover{background:var(--color-tile)}.icon-btn:disabled{color:var(--color-border);background:none}.text-danger{align-self:flex-start;color:var(--color-scarcity);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px}.badge{display:inline-block;padding:2px 8px;border:1px solid var(--color-border);border-radius:var(--radius-badge);background:var(--color-bg);font-size:var(--text-xs);font-weight:700;line-height:1.6;white-space:nowrap}.badge.shared{border-color:var(--color-accent);color:var(--color-accent)}.badge.answered,.badge.sell{border-color:var(--color-fg);background:var(--color-fg);color:#fff}.badge.closed,.badge.keep,.badge.none{color:var(--color-muted)}.badge.expired{border-color:var(--color-scarcity);color:var(--color-scarcity)}.row{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.spacer{flex:1}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span{color:var(--color-muted);font-size:var(--text-xs)}.field.grow{flex:1 1 200px}.field-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-end}.segment,.choice{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-fg);border-radius:var(--radius);overflow:hidden}.segment button,.choice button{padding:10px 14px;background:#fff;font-size:var(--text-sm);font-weight:500;white-space:nowrap}.segment button+button,.choice button+button{border-left:1px solid var(--color-fg)}.segment button.active,.choice button.active{background:var(--color-fg);color:#fff}.segment button:disabled:not(.active){color:var(--color-muted)}.admin-bar{position:sticky;top:0;z-index:5;display:flex;align-items:baseline;gap:var(--space-2);padding:14px var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.admin-bar .brand{font-size:22px}.admin-bar-title{color:var(--color-muted);font-size:var(--text-sm)}.admin-main{display:flex;flex-direction:column;gap:var(--space-2);max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-2) 96px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.request-list{border-top:1px solid var(--color-border)}.request-list li{border-bottom:1px solid var(--color-border)}.request-list a{display:block;padding:var(--space-2) 4px;color:inherit;text-decoration:none}.request-list a:hover{background:var(--color-bg-soft)}.request-row-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.request-row-sub{font-size:var(--text-sm)}.request-row-meta{overflow:hidden;color:var(--color-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.edit-layout{display:flex;flex-direction:column;gap:var(--space-3)}.edit-side,.edit-items{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}@media(min-width:900px){.edit-layout{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start}.edit-side{position:sticky;top:72px}}.block{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius)}.totals{display:flex;flex-direction:column;gap:var(--space-1)}.totals>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.totals strong{font-size:22px;font-weight:700}.link-box{display:flex;align-items:center;gap:4px;padding:6px 6px 6px 12px;border-radius:var(--radius);background:var(--color-tile)}.link-box code{flex:1;min-width:0;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.item-list{display:flex;flex-direction:column;gap:var(--space-2)}.item-card{display:flex;flex-direction:column;gap:12px;padding:12px var(--space-2) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius)}@media(min-width:700px){.item-card{display:grid;grid-template-columns:184px minmax(0,1fr);column-gap:var(--space-2)}.item-head{grid-column:1 / -1}}.item-card.decline{background:var(--color-bg-soft)}.item-head{display:flex;align-items:center;gap:var(--space-1)}.item-no,.offer-no{display:inline-flex;flex:none;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:var(--radius-badge);background:var(--color-fg);color:#fff;font-size:var(--text-xs);font-weight:700}.item-photos{display:flex;flex-wrap:wrap;gap:var(--space-1)}.thumb{position:relative;width:88px;height:88px;overflow:hidden;border-radius:var(--radius);background:var(--color-tile)}.thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.thumb-remove{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#111c;color:#fff}.thumb.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px dashed var(--color-muted);background:none;color:var(--color-muted);font-size:var(--text-xs);cursor:pointer}.thumb.add.busy{cursor:progress}.thumb.add input{position:absolute;width:1px;height:1px;opacity:0}.item-fields{display:flex;flex-direction:column;gap:12px}.field.price{flex:1 1 120px;max-width:200px}.field.price input{font-weight:700;text-align:right}.add-row .button{flex:1 1 220px}.toasts{position:fixed;right:var(--space-2);bottom:var(--space-2);left:var(--space-2);z-index:30;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);pointer-events:none}.toast{max-width:480px;padding:10px 16px;border-radius:var(--radius);background:var(--color-fg);color:#fff;font-size:var(--text-sm);white-space:pre-line}.toast.error{background:var(--color-scarcity)}.public-page{display:flex;flex-direction:column;gap:var(--space-3);max-width:640px;margin:0 auto;padding:var(--space-3) var(--space-2) var(--space-4)}.public-page.with-bar{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.notice-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--color-fg)}.offer-head{display:flex;flex-direction:column;gap:12px;padding-top:var(--space-3);border-top:1px solid var(--color-fg)}.eyebrow{color:var(--color-muted);font-size:var(--text-sm)}.result{display:flex;flex-direction:column;gap:6px;padding:var(--space-2);border:1px solid var(--color-fg);border-radius:var(--radius);font-size:var(--text-sm)}.result strong{font-size:var(--text-md)}.result b{font-size:18px}.result.warn{border-color:var(--color-scarcity)}.result.warn strong{color:var(--color-scarcity)}.offer-summary{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1);padding:12px var(--space-2);border-radius:var(--radius);background:var(--color-bg-soft)}.offer-summary dt{color:var(--color-muted);font-size:var(--text-xs)}.offer-summary dd{font-size:18px;font-weight:700}.offer-list{display:flex;flex-direction:column;border-top:1px solid var(--color-border)}.offer-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.offer-photos{display:flex;gap:4px;align-self:start;overflow-x:auto;border-radius:var(--radius);scroll-snap-type:x mandatory;scrollbar-width:none}.offer-photos::-webkit-scrollbar{display:none}.offer-photo{display:block;flex:none;width:120px;height:150px;overflow:hidden;border-radius:var(--radius);background:var(--color-tile);scroll-snap-align:start}.offer-photos.many .offer-photo{width:108px}.offer-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.offer-photo.empty{display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:var(--text-xs)}.offer-body{display:flex;flex-direction:column;gap:6px;min-width:0}.offer-title{display:flex;align-items:flex-start;gap:8px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.offer-price{display:flex;align-items:baseline;gap:8px}.offer-price strong{font-size:22px;font-weight:700}.offer-declined{color:var(--color-muted);font-weight:700}.offer-item.decline .offer-photo img{opacity:.55}.offer-comment{color:var(--color-muted);font-size:var(--text-sm);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.choice{margin-top:6px}.choice button{padding:13px 8px;font-size:var(--text-md)}.answer{align-self:flex-start;margin-top:4px;padding:4px 12px;border:1px solid var(--color-fg);border-radius:var(--radius-badge);font-size:var(--text-sm);font-weight:700}.answer.sell{background:var(--color-fg);color:#fff}.answer.keep{border-color:var(--color-border);color:var(--color-muted)}.bulk-choice{text-align:right}.offer-note{padding:var(--space-2);border-radius:var(--radius);background:var(--color-bg-soft);color:var(--color-muted);font-size:var(--text-sm);line-height:1.7;white-space:pre-line}.public-foot{color:var(--color-muted);font-size:var(--text-xs);text-align:center}.answer-bar{position:fixed;right:0;bottom:0;left:0;z-index:10;padding:12px var(--space-2) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-bg)}.answer-bar-inner{display:flex;align-items:center;gap:var(--space-2);max-width:608px;margin:0 auto}.answer-bar-total{display:flex;flex:none;flex-direction:column;line-height:1.3}.answer-bar-total strong{font-size:20px;font-weight:700}.answer-bar .button{flex:1;padding:16px 12px}.overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end;justify-content:center;background:#1111118c}.dialog{display:flex;flex-direction:column;gap:12px;width:100%;max-width:480px;padding:var(--space-3) var(--space-2) calc(var(--space-3) + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;background:var(--color-bg)}.dialog-total b{font-size:22px}@media(min-width:600px){.overlay{align-items:center}.dialog{border-radius:var(--radius);padding:var(--space-3)}.offer-item{grid-template-columns:160px minmax(0,1fr)}.offer-photo{width:160px;height:200px}.offer-photos.many .offer-photo{width:144px}}.overlay.zoom{align-items:center;background:#111111eb}.overlay.zoom img{max-width:100%;max-height:100%;object-fit:contain}.zoom-close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;width:44px;height:44px;color:#fff;font-size:32px;line-height:1}
