:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Hiragino Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f6f7f9}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;padding:10px 12px;z-index:10}.brand{text-decoration:none;color:#111827;font-weight:700}.content{flex:1;padding:12px 12px 78px}.bottombar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:8px}.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nav button{padding:10px 8px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;margin-bottom:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}label{font-size:12px;color:#374151;display:block;margin-bottom:4px}input,select,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}button.primary{background:#111827;color:#fff;border:1px solid #111827;border-radius:12px;padding:12px;width:100%}button.danger{background:#b91c1c;color:#fff;border:1px solid #b91c1c;border-radius:12px;padding:12px;width:100%}button.ghost{background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:12px;padding:12px;width:100%}.small{font-size:12px;color:#6b7280}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills button{padding:8px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#fff}.pills button.active{background:#111827;color:#fff;border-color:#111827}.list{display:flex;flex-direction:column;gap:8px}.item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px;display:flex;gap:10px;align-items:center;justify-content:space-between}.item .left{display:flex;flex-direction:column;gap:2px}.item .title{font-weight:600}.item .meta{font-size:12px;color:#6b7280}.qty{display:flex;gap:6px;align-items:center}.qty button{width:34px;height:34px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}pre{white-space:pre-wrap;word-break:break-word;background:#0b1020;color:#e5e7eb;padding:10px;border-radius:12px;border:1px solid #111827}.sheet-backdrop{position:fixed;inset:0;background:#00000059;z-index:40}.sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top-left-radius:18px;border-top-right-radius:18px;border:1px solid #e5e7eb;z-index:50;padding:10px 12px 14px;box-shadow:0 -10px 30px #00000026}.sheet-handle{width:48px;height:5px;border-radius:999px;background:#e5e7eb;margin:6px auto 10px}.sheet-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.sheet-body{margin-top:10px}