:root{font-family:system-ui,sans-serif;color:#1a1a1a;background:#f6f6f4}body{margin:0}main{max-width:480px;margin:0 auto;padding:16px}header.top{display:flex;justify-content:space-between;align-items:center;gap:8px}.mode{background:#ffe08a;color:#3d2e00;padding:8px 12px;font-weight:600;text-align:center}.mode.sandbox{background:#cfe3ff;color:#0b2a55}button,input{font:inherit}button{min-height:48px;padding:0 16px;border-radius:8px;border:1px solid #888;background:#fff}button.primary{background:#1d4ed8;color:#fff;border-color:#1d4ed8}input{min-height:44px;padding:0 12px;border-radius:8px;border:1px solid #888;width:100%;box-sizing:border-box}label{display:block;margin:12px 0 4px}.amount{font-size:2.5rem;font-weight:700;text-align:center;margin:12px 0}.status{padding:12px;border-radius:8px;margin:12px 0;font-weight:600}.status.neutral{background:#eee}.status.progress{background:#e0ecff}.status.success{background:#d6f5dc}.status.warning{background:#fff1c2}.status.error{background:#ffd9d6}.banner{padding:12px;border-radius:8px;margin:12px 0;background:#fff1c2;border:1px solid #c79a00}.error{color:#b00020;margin:8px 0}.banks{display:grid;gap:8px}.qr{display:block;margin:0 auto;width:280px;height:280px}.small{font-size:.85rem;color:#555;word-break:break-all}.previous{list-style:none;padding:0;margin:0}.previous li{border-top:1px solid #ddd;padding:8px 0}.previous .status,.previous .banner{padding:6px 8px;margin:4px 0;font-size:.9rem}.hint{font-size:.9rem;color:#555;margin:8px 0}.opnum{font-family:ui-monospace,monospace;letter-spacing:.05em}.summary dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:8px 0}.summary dt{font-weight:600}.summary .shop-label{font-size:.85rem;color:#555;margin:12px 0 0}.summary .shop-label+h1{margin-top:0}.receipt dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem}.receipt dt{font-weight:600}@media print{.no-print,header.top{display:none}body{background:#fff;color:#000}}