/* Reuses the established black/gold and pink theme tokens. */
.material-result{margin:28px 0;padding:22px 18px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
#screen-result>.material-result{order:5}#screen-result>.reading-gentle-note{order:8}
.material-result h3{font-size:22px;margin:0 0 12px}.material-result p{font-size:15px;line-height:1.85;overflow-wrap:anywhere}
.material-result .material-intro{color:var(--muted)}.material-recommendations{display:grid;gap:12px;margin:18px 0}
.material-recommendation{padding:14px;border:1px solid var(--line-soft);border-radius:14px;background:var(--surface-2)}
.material-recommendation header{display:flex;gap:12px;align-items:center}.material-recommendation img{width:72px;height:72px;object-fit:cover;border-radius:12px;background:var(--surface-3)}
.material-recommendation h4{margin:4px 0;font-size:17px}.material-recommendation small{display:block;color:var(--muted);font-size:12px;line-height:1.6}
.material-recommendation p{margin:10px 0}.material-recommendation .material-reminder{border-left:2px solid var(--accent);padding-left:12px;color:var(--muted)}
.material-result .material-actions{display:flex;gap:12px;flex-wrap:wrap}.material-result button{min-height:48px}
.material-note{font-size:12px!important;color:var(--muted);line-height:1.7!important;margin:16px 0 0}
.material-dialog{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:22px;width:min(620px,calc(100vw - 20px));max-height:calc(100dvh - 28px);padding:0;overflow:auto;overscroll-behavior:contain;box-sizing:border-box}
.material-dialog::backdrop{background:#080914bb}.material-dialog-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg);border-bottom:1px solid var(--line-soft);padding:14px 18px}
.material-dialog h2{margin:0;font-size:21px}.material-dialog button{min-height:44px;min-width:44px;cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);padding:8px 12px}
.material-dialog button:disabled{opacity:.5;cursor:default}.material-dialog .material-primary{background:var(--accent);color:var(--accent-contrast);font-weight:600}
.material-dialog button:focus-visible,.material-dialog input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.material-body{padding:18px}.material-body p{line-height:1.8;font-size:15px}
.material-toolbar{display:flex;gap:10px;margin:0 0 18px}.material-toolbar input{min-width:0;flex:1;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface);color:var(--text);font-size:16px}
.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-tile{min-width:0;padding:10px;background:var(--surface);border:1px solid var(--line-soft);border-radius:14px}
.material-tile img{display:block;width:100%;aspect-ratio:7/6;object-fit:cover;border-radius:8px}.material-tile h3{font-size:17px;margin:8px 0}.material-tile p{font-size:13px}.material-tile small{display:block;color:var(--muted);font-size:12px;line-height:1.6}.material-tile button{width:100%;margin-top:10px}
.diy-preview{position:relative;width:250px;height:250px;max-width:100%;margin:8px auto 20px;display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:50%;background:radial-gradient(ellipse,var(--surface-2),transparent 70%)}
.diy-bead{position:absolute;width:var(--bead-size);height:var(--bead-size);left:calc(50% + var(--x));top:calc(50% + var(--y));transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffffc0,var(--bead-color) 38%,#15121bb0);box-shadow:1px 3px 4px #0005}
.diy-preview strong{text-align:center;font-size:16px;line-height:1.8;font-weight:500}.diy-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 20px}.diy-controls input{max-width:90px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:16px;padding:12px}
.diy-row{border-top:1px solid var(--line-soft);padding:14px 0;display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center}.diy-row img{width:52px;height:52px;object-fit:cover;border-radius:8px}.diy-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.diy-quantity{grid-column:1/-1;display:flex;align-items:center;gap:10px;justify-content:flex-end}.diy-quantity span{min-width:26px;text-align:center}.diy-total{font-size:23px!important;color:var(--accent)}
.material-feedback{min-height:24px;line-height:1.7;font-size:14px}.material-feedback.error{color:var(--danger,#b84656)}.diy-save-row{display:grid;gap:10px;margin-top:16px}.material-entry{width:100%;margin:12px 0 22px;min-height:50px}
.reading-card-symbol{color:var(--muted);font-size:14px!important}.card-reading-item details{margin-top:10px}.card-reading-item summary{min-height:44px;display:flex;align-items:center;color:var(--accent);cursor:pointer}.card-reading-item details p{line-height:1.9}.card-reading-item .reading-card-action{border-left:2px solid var(--accent);padding-left:12px}
.material-admin-tabs{display:flex;gap:12px;margin:20px 0}.material-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.material-admin-card{border:1px solid #ddd5c9;border-radius:16px;padding:14px;display:grid;grid-template-columns:76px 1fr;gap:12px}.material-admin-card img{width:76px;height:76px;object-fit:cover;border-radius:10px;background:#f4f0e8}.material-admin-card small{display:block;color:#6d6258;font-size:12px;line-height:1.6}.material-admin-card p{font-size:14px;line-height:1.7}.material-admin-card button{grid-column:1/-1;min-height:44px}.material-search{display:grid;gap:8px;margin:20px 0}.material-search input{width:100%;padding:12px;font-size:16px;border:1px solid #ddd5c9;border-radius:10px}.material-image-preview img{width:140px;height:140px;object-fit:cover;border-radius:12px}.material-editor{scroll-margin-top:20px}.material-editor:has(form){padding:20px;border:1px solid #d8c7a4;border-radius:16px;margin-bottom:24px}.material-admin-tabs~[hidden]{display:none!important}
@media(max-width:380px){.material-body{padding:12px}.material-grid{gap:8px}.material-tile{padding:8px}.material-dialog-head{padding:12px}.material-result{padding:16px 12px}}
@media(prefers-reduced-motion:reduce){.material-dialog *{scroll-behavior:auto!important}}
/* Merchant console uses its own existing dark palette. */
#material-admin .material-admin-card{border-color:var(--line);background:var(--panel)}
#material-admin .material-admin-card small{color:var(--muted)}
#material-admin .material-search input{background:var(--panel-2);color:var(--text);border-color:var(--line)}
#material-admin .material-editor{border-color:var(--line)}
#material-admin .material-admin-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.diy-row input{font-size:16px;min-height:44px;max-width:100%;width:92px;padding:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px}.diy-row label{display:block;font-size:13px;margin:8px 0}.diy-quantity{flex-wrap:wrap;gap:8px}.material-actions,.diy-save-row{gap:12px}.commerce-cover{display:block;width:100%;height:100%;object-fit:cover}.commerce-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;max-width:100%}.commerce-gallery img{width:100%;flex:0 0 100%;aspect-ratio:1;object-fit:contain;scroll-snap-align:start}#commerce-product-details{padding:24px 0;line-height:1.8}#commerce-product-details p{white-space:pre-wrap;overflow-wrap:anywhere}#commerce-product-details img{display:block;width:100%;height:auto;margin-top:8px}.product-modal{max-height:90dvh;overflow-y:auto}.size-options{flex-wrap:wrap}.size-option{min-height:44px;white-space:normal}