.main.main-history{--sky-soft:#e1ebf0;--violet:#6e5a93;--violet-soft:#eae5f1;max-width:900px}.main-history .page-title{font-family:Fraunces,serif;font-size:24px;font-weight:500}.main-history .page-sub{color:var(--ink-faint);margin-top:3px;font-size:12.5px}.main-history .btn:disabled{opacity:.45;cursor:not-allowed}.main-history .btn.ghost{color:var(--ink);background:0 0}.main-history .btn.danger{color:var(--brick)}.main-history .filterbar{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-m);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;padding:10px 12px;display:flex}.main-history .chip-row{flex-wrap:wrap;gap:8px;display:flex}.main-history .fchip{font:inherit;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:flex}.main-history .fchip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.main-history .fsep{background:var(--line);width:1px;height:20px;margin:0 4px}.main-history .search{border:1px solid var(--line);color:var(--ink-faint);background:#fff;border-radius:20px;align-items:center;gap:7px;min-width:190px;margin-left:auto;padding:6px 12px;font-size:12.5px;display:flex}.main-history .search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1}.main-history .search:focus-within{border-color:var(--accent)}.main-history .day-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:24px 0 12px;font-size:11px;font-weight:600}.main-history .day-title:first-of-type{margin-top:0}.main-history .timeline{padding-left:0;position:relative}.main-history .timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:6px;bottom:6px;left:17px}.main-history .ev{grid-template-columns:36px 1fr auto;align-items:flex-start;gap:14px;padding:7px 0;display:grid;position:relative}.main-history .ico{border:3px solid var(--paper);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.main-history .ico svg{width:16px;height:16px}.main-history .ev-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-m);min-width:0;padding:11px 15px}.main-history .ev-text{overflow-wrap:anywhere;font-size:13.5px}.main-history .ev-text b{font-weight:600}.main-history .ev-detail{color:var(--ink-faint);overflow-wrap:anywhere;margin-top:2px;font-size:12px}.main-history .ev-time{color:var(--ink-faint);white-space:nowrap;padding-top:11px;font-size:11.5px}.main-history .empty{text-align:center;color:var(--ink-faint);background:var(--paper-raised);border:1px dashed var(--line);border-radius:var(--radius-m);padding:56px 16px;font-size:13px}.main-history .empty b{color:var(--ink);margin-bottom:4px;font-family:Fraunces,serif;font-size:19px;font-weight:500;display:block}.hist-overlay{z-index:80;background:#1c262266;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hist-modal{border:1px solid var(--line);border-radius:var(--radius-m);width:100%;max-width:380px;color:var(--ink);background:#fff;padding:22px;font-family:IBM Plex Sans,sans-serif;box-shadow:0 20px 50px #1c262240}.hist-modal h2{margin:0 0 8px;font-family:Fraunces,serif;font-size:20px;font-weight:500}.hist-modal p{color:var(--ink-soft);margin:0 0 16px;font-size:13.5px}.hist-modal .acts{gap:8px;display:flex}.hist-modal .btn{font:inherit;cursor:pointer;border:1px solid var(--brick);background:var(--brick);color:#fff;border-radius:3px;padding:9px 16px;font-size:13px;font-weight:500}.hist-modal .btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}@media (max-width:767px){.main-history .page-title{font-size:22px}.main-history .search{flex:100%;order:-1;margin-left:0}.main-history .search input{font-size:16px}.main-history .filterbar{padding:10px}.main-history .chip-row{scrollbar-width:none;flex-wrap:nowrap;flex:100%;overflow-x:auto}.main-history .chip-row::-webkit-scrollbar{display:none}.main-history .fchip{flex-shrink:0;padding:8px 13px}.main-history .fsep{display:none}.main-history .ev{grid-template-columns:36px 1fr}.main-history .ev-time{grid-column:2;margin-top:-6px;padding-top:0}.hist-overlay{align-items:flex-end;padding:0}.hist-modal{border-radius:var(--radius-m) var(--radius-m) 0 0;max-width:none;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px))}}
