#history-dialog{max-width:650px;border-color:#e8e0ff;background:#fff;padding:24px;box-shadow:0 24px 100px #33215d26}
#history-dialog .dialog-header{align-items:flex-start;margin-bottom:18px}
#history-dialog .history-eyebrow{display:block;margin-bottom:7px;font-size:10px;letter-spacing:.12em;font-weight:700;color:#7961b5}
#history-dialog .dialog-header p{max-width:440px;line-height:1.6;color:#7e7b8e;margin:7px 0 0}
#history-dialog .icon-button{flex-shrink:0;background:#f6f3fb;border-radius:50%}
#history-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}
#history-filters[hidden]{display:none}
#history-filters button{min-height:40px;padding:8px 14px;border:1px solid #ece7f5;border-radius:30px;background:#faf9fd;font:inherit;font-size:12px;color:#716a82}
#history-filters button[aria-pressed="true"]{background:#ece2ff;border-color:#ccb4fa;color:#52377e}
#history-dialog button:focus-visible{outline:2px solid #7852ff;outline-offset:3px}
#history-dialog .empty-history{padding:24px 18px 18px;gap:10px;border:1px solid #e9dfff;border-radius:22px;background:radial-gradient(ellipse at 0 0,#f0e7ff,transparent 62%),radial-gradient(ellipse at 100% 100%,#ffeef3,transparent 65%),#fcfaff;color:#736d82}
#history-dialog .empty-history>strong{font-size:22px;letter-spacing:-.04em;line-height:1.2;color:#282133;max-width:320px}
#history-dialog .empty-history>p{margin:0;max-width:340px;font-size:13px;line-height:1.6}
.history-spark{width:36px;height:36px;fill:none;stroke:#ad87de;stroke-width:1.35;margin-bottom:2px}
.history-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%;margin-top:7px}
.history-start{display:flex;align-items:center;text-align:left;gap:10px;min-width:0;min-height:70px;padding:12px;border:1px solid #fff;border-radius:16px;color:#58436b;background:#efe4ff;transition:transform .15s,box-shadow .15s}
.history-start[data-history-start="body"]{background:#ffe7dc;color:#7d4c3e}
.history-start[data-history-start="makeup"]{background:#ffe8f1;color:#995570}
.history-start[data-history-start="nails"]{background:#fff0d4;color:#92662d}
.history-start svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.history-start span{display:flex;flex-direction:column;gap:3px;min-width:0}
.history-start b{font-size:13px;font-weight:650}.history-start small{font-size:10px;line-height:1.4;opacity:.78}
.history-start-grid+.history-private{font-size:11px;margin-top:3px;color:#91859c}
#history-dialog .history-card{border-color:#eee7f5;border-radius:18px;background:#faf8fd}
#history-dialog .history-photo>span{line-height:1.4;font-size:11px;color:#43334f}
#history-dialog .history-card[data-history-group="beauty"] .history-photo>span{background:#f6edfff2}
#history-dialog .history-meta{background:#fff}
.history-reset{padding:10px 18px;min-height:44px;border-radius:25px;background:#ece2ff;color:#583587;font:inherit;font-size:13px}
@media(hover:hover){.history-start:hover{transform:translateY(-2px);box-shadow:0 6px 14px #53357012}}
@media(max-width:480px){#history-dialog{padding:20px 14px}#history-dialog .empty-history{padding:20px 12px 14px}#history-dialog .empty-history>strong{font-size:21px}.history-start{padding:11px 9px;gap:7px;min-height:68px}.history-start small{font-size:10px}#history-filters button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.history-start{transition:none}}