:root{font-family:Segoe UI,Pretendard,sans-serif;color:#0f172a;background:linear-gradient(180deg,#f8fafc,#e2e8f0)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:8px 12px}button.active{background:#0ea5e9;color:#fff;border-color:#0284c7}button:disabled{cursor:not-allowed;opacity:.65}.app-shell{min-height:100vh}.header{padding:16px;background:#0f172a;color:#e2e8f0;position:sticky;top:0;z-index:10}.header-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.header-top h1{margin:0;font-size:20px}.nav-menu{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.nav-menu a{padding:6px 10px;border-radius:6px}.nav-menu a.active{background:#1d4ed8;color:#fff}.wallet-button.connected{background:#1e293b;color:#93c5fd;border-color:#334155}.network-badge{margin:12px 0 0;font-size:14px}.network-badge.ok{color:#22c55e}.network-badge.warn{color:#fbbf24}.page-container{padding:16px;max-width:1100px;margin:0 auto}.page-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.link-button{display:inline-block;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;background:#f8fafc}.feature-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.feature-grid article{border:1px dashed #cbd5e1;border-radius:8px;padding:14px;text-align:center}.toolbar{margin:12px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.item-card{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#f8fafc}.item-card h3,.history-item h3{margin:8px 0}.item-image,.modal-image,.preview-image{width:100%;height:150px;object-fit:cover;border-radius:8px;background:#e2e8f0}.item-owner{font-size:13px;color:#475569}.item-price{font-weight:700}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.form-panel{display:grid;gap:8px;max-width:500px}.form-panel input,.form-panel select{border:1px solid #cbd5e1;border-radius:8px;padding:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617a6;display:flex;justify-content:center;align-items:center;padding:12px}.modal{width:100%;max-width:420px;background:#fff;border-radius:10px;padding:16px;position:relative}.modal-close{position:absolute;top:10px;right:10px}.modal-actions{margin-top:12px;display:flex;gap:8px}.tx-status{border-radius:8px;padding:10px;margin:8px 0}.tx-status.pending{background:#fef9c3;color:#854d0e}.tx-status.success{background:#dcfce7;color:#166534}.tx-status.error,.error-banner{background:#fee2e2;color:#991b1b;border-radius:8px;padding:10px}.history-list{display:grid;gap:10px}.history-item{border:1px solid #e2e8f0;border-radius:8px;padding:10px;background:#f8fafc}.empty-state{color:#475569}@media (max-width: 640px){.header-top{flex-direction:column;align-items:flex-start}.modal{max-width:100%}}