.user-history-page{min-height:70vh;padding-bottom:64px;background:#f7f7f4}.user-history-hero{padding:24px 0 42px;color:#fff;background:radial-gradient(circle at 80% 0,rgba(233,105,65,.24),transparent 25rem),linear-gradient(135deg,#203a32,#162b25)}.user-history-hero .container>[data-slot=button]{margin:0 0 24px -12px;color:rgba(255,255,255,.72)}.user-history-hero .container>div{display:flex;align-items:center;gap:18px}.user-history-hero-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.user-history-hero-icon svg{width:26px;height:26px}.user-history-hero h1{margin:2px 0 4px;color:#fff}.user-history-hero small{color:#e9a58d;font-weight:850;text-transform:uppercase}.user-history-hero p{margin:0;color:rgba(255,255,255,.6)}.user-history-filters{display:flex;gap:4px;width:max-content;max-width:100%;overflow:auto;padding:5px;border:1px solid rgba(34,47,42,.08);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(23,37,32,.08);scrollbar-width:none}.user-history-filters::-webkit-scrollbar{display:none}.user-history-filters a{flex:0 0 auto;padding:9px 15px;border-radius:9px;color:var(--muted-foreground);font-size:.75rem;font-weight:760;white-space:nowrap}.user-history-filters a.active{color:#fff;background:#274b40}.user-history-groups{display:grid;gap:26px;max-width:960px;margin:30px auto 0}.user-history-groups.is-loading>span{height:124px;border:1px solid rgba(30,46,40,.06);border-radius:18px;background:linear-gradient(100deg,#fff 28%,#f4f2ef 40%,#fff 52%);background-size:240% 100%;animation:user-history-loading 1.2s ease-in-out infinite}@keyframes user-history-loading{to{background-position:-240% 0}}.user-history-group>header{display:flex;align-items:center;gap:12px;padding:0 10px 10px}.user-history-group>header span{color:#263832;font-size:.75rem;font-weight:850}.user-history-group>header small{margin-left:auto;color:var(--muted-foreground);font-size:.75rem}.user-history-group>div{overflow:hidden;border:1px solid rgba(30,46,40,.08);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(25,39,34,.045)}.user-history-event{display:grid;grid-template-columns:42px minmax(170px,.8fr) minmax(220px,1.25fr) auto;align-items:center;gap:15px;min-height:78px;padding:14px 18px;border-bottom:1px solid rgba(31,48,42,.07)}.user-history-event:last-child{border-bottom:0}.user-history-event-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#2d6555;background:#eaf3ef}.user-history-event.rating .user-history-event-icon{color:#a56913;background:#fff4d9}.user-history-event.removed .user-history-event-icon{color:#9d5547;background:#f9e9e5}.user-history-event-icon svg{width:17px;height:17px}.user-history-event-book{display:grid;gap:4px;min-width:0}.user-history-event-book>a{overflow:hidden;color:#1e2e29;font-size:.75rem;font-weight:820;text-overflow:ellipsis;white-space:nowrap}.user-history-event-book>a:hover{color:var(--primary)}.user-history-event-book time,.user-history-event-time{display:flex;align-items:center;gap:4px;color:var(--muted-foreground);font-size:.75rem}.user-history-event-book time svg,.user-history-event-time svg{width:12px;height:12px}.user-history-event-copy{display:grid;gap:3px;min-width:0}.user-history-event-copy span{color:var(--muted-foreground);font-size:.75rem}.user-history-event-copy strong{overflow:hidden;color:#344a42;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.user-history-empty{display:grid;justify-items:center;max-width:640px;margin:70px auto;padding:48px 24px;border:1px solid rgba(30,46,40,.08);border-radius:20px;text-align:center;background:#fff}.user-history-empty>svg{width:30px;height:30px;color:#6c8d81}.user-history-empty h2{margin:14px 0 6px;font-size:1.25rem}.user-history-empty p{max-width:440px;margin:0;color:var(--muted-foreground);font-size:.75rem}.user-history-layout>.pagination{margin-top:28px}@media(max-width:720px){.user-history-page{padding-bottom:40px}.user-history-hero{padding:16px 0 34px}.user-history-hero .container>[data-slot=button]{margin-bottom:17px}.user-history-hero .container>div{align-items:flex-start;gap:12px}.user-history-hero-icon{width:44px;height:44px;border-radius:13px}.user-history-hero-icon svg{width:20px;height:20px}.user-history-hero h1{font-size:2rem}.user-history-hero p{max-width:280px;font-size:.75rem;line-height:1.45}.user-history-layout{width:100%;padding-inline:12px}.user-history-filters{width:100%}.user-history-filters a{flex:1 1 0;padding-inline:9px;font-size:.75rem;text-align:center}.user-history-groups{gap:20px;margin-top:24px}.user-history-group>div{border-radius:15px}.user-history-event{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;min-height:0;padding:13px 12px}.user-history-event-icon{width:34px;height:34px;border-radius:10px}.user-history-event-book,.user-history-event-copy{grid-column:2}.user-history-event>[data-slot=button]{grid-column:3;grid-row:1/3;width:34px;padding:0;font-size:0}.user-history-event>[data-slot=button] svg{margin:0}}.user-history-page{padding-bottom:60px;background:#f6f7f8}.user-history-hero{padding:17px 0 23px;background:linear-gradient(115deg,#fff,#f1f3f3)}.user-history-hero .container>[data-slot=button]{min-height:30px;margin:0 0 10px -8px;color:var(--muted-foreground);font-size:.75rem}.user-history-hero .container>div{gap:13px}.user-history-hero-icon{width:46px;height:46px}.user-history-hero-icon svg{width:20px;height:20px}.user-history-hero h1{margin:2px 0 5px;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:850}.user-history-hero small{color:var(--brand);font-size:.75rem}.user-history-hero p{color:var(--muted-foreground);font-size:.75rem}.user-history-layout{margin-top:14px}.user-history-filters{padding:4px;border-radius:11px;box-shadow:none}.user-history-filters a{min-height:34px;padding:8px 13px;border-radius:8px}.user-history-groups{max-width:1040px;gap:20px;margin-top:20px}.user-history-group>div{border-radius:12px;box-shadow:none}.user-history-event{min-height:68px;padding:10px 14px}.user-history-hero{color:var(--foreground);border-bottom:1px solid var(--border);background:linear-gradient(115deg,#fff,#f3f4f5 72%,#eef0f1)}.user-history-hero h1{color:var(--foreground);font-size:clamp(2rem,3.4vw,2.5rem);font-weight:860;line-height:1}.user-history-hero-icon{width:48px;height:48px;flex:0 0 48px;border:1px solid var(--border);border-radius:12px;color:var(--primary);background:#fff}.user-history-hero{padding:32px 0 42px;color:var(--ui-ink);border-bottom:1px solid var(--ui-border);background:radial-gradient(circle at 84% 10%,rgba(237,96,57,.11),transparent 24rem),radial-gradient(circle at 14% 120%,rgba(117,104,206,.07),transparent 22rem),rgba(255,255,255,.86)}.user-history-hero-icon{border:1px solid #efd4ca;background:var(--ui-accent-soft);box-shadow:none}.user-history-hero small,.user-history-hero-icon{color:var(--ui-accent-ink)}.user-history-hero h1{color:var(--ui-ink);font-family:var(--app-sans);font-size:clamp(2rem,4vw,3.5rem);font-weight:870;line-height:.98}.user-history-hero p{color:var(--ui-muted);font-size:.875rem;line-height:1.55}.user-history-hero [data-slot=button]{color:var(--ui-ink);border-color:var(--ui-border);background:rgba(255,255,255,.82)}.user-history-hero [data-slot=button]:hover{color:var(--ui-accent-ink);border-color:#e9c7bb;background:#fff}.user-history-layout{margin-top:-18px}.user-history-filters a.active{color:var(--ui-accent-ink);background:var(--ui-accent-soft)}@media(max-width:639px){.user-history-hero h1{font-size:clamp(2rem,10vw,2.5rem)}}.reading-activity-panel{overflow:hidden;margin-bottom:18px;color:#2b2522;border:1px solid rgba(47,38,33,.09);border-radius:24px;background:radial-gradient(circle at 92% -20%,rgba(231,94,56,.14),transparent 310px),#fffdfa;box-shadow:0 18px 55px rgba(49,35,28,.06)}.reading-activity-panel>header{display:flex;min-height:86px;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-bottom:1px solid rgba(47,38,33,.075)}.reading-activity-panel>header>div{display:flex;align-items:center;gap:12px}.reading-activity-panel>header>div>span{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;color:#a9472c;border-radius:14px;background:#f8e7dd}.reading-activity-panel>header>div>span svg{width:19px}.reading-activity-panel>header small{display:block;margin-bottom:3px;color:#a84b31;font-size:.75rem;font-weight:850;text-transform:uppercase}.reading-activity-panel>header h2{margin:0;font-size:1.125rem;font-weight:870}.reading-activity-panel>header p{max-width:370px;margin:0;color:#8e827b;font-size:.75rem;line-height:1.55;text-align:right}.reading-activity-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgba(47,38,33,.075)}.reading-activity-stats article{display:flex;min-width:0;align-items:center;gap:10px;padding:16px 18px;border-right:1px solid rgba(47,38,33,.075)}.reading-activity-stats article:last-child{border-right:0}.reading-activity-stats article>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:#ac5035;border-radius:11px;background:#f7ede7}.reading-activity-stats article>span svg{width:15px}.reading-activity-stats article div{display:grid;min-width:0;gap:2px}.reading-activity-stats article strong{overflow:hidden;font-size:.875rem;font-weight:880;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.reading-activity-stats article small{color:#91857e;font-size:.75rem;font-weight:700}.reading-activity-chart{display:grid;grid-template-columns:repeat(14,minmax(10px,1fr));align-items:end;gap:7px;height:126px;padding:22px 22px 15px}.reading-activity-chart>span{display:grid;height:100%;grid-template-rows:minmax(0,1fr) 15px;align-items:end;gap:6px}.reading-activity-chart>span i{width:100%;min-height:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#ee7b55,#d94f31);box-shadow:0 6px 14px rgba(210,74,43,.12);transition:height .25s ease,filter .15s ease}.reading-activity-chart>span:hover i{filter:saturate(1.25) brightness(.96)}.reading-activity-chart>span small{color:#9a8f88;font-size:.75rem;font-weight:760;text-align:center;text-transform:lowercase}@media(max-width:820px){.reading-activity-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-activity-stats article:nth-child(2){border-right:0}.reading-activity-stats article:nth-child(-n+2){border-bottom:1px solid rgba(47,38,33,.075)}}@media(max-width:700px){.user-history-hero{padding:13px 0 19px}.user-history-hero .container>[data-slot=button]{margin-bottom:8px}.user-history-hero h1{font-size:2rem}.user-history-layout{margin-top:10px}}@media(max-width:639px){.reading-activity-panel{border-radius:18px}.reading-activity-panel>header{align-items:flex-start;flex-direction:column;gap:9px;padding:15px}.reading-activity-panel>header p{max-width:none;text-align:left}.reading-activity-stats article{padding:13px 12px}.reading-activity-chart{overflow-x:auto;grid-template-columns:repeat(14,25px);height:112px;padding-inline:15px}}html.dark body:not(:has(.reader-shell)) .user-history-page{color:var(--ui-ink);background-color:var(--ui-canvas)}html.dark body:not(:has(.reader-shell)) .user-history-hero{background:radial-gradient(circle at 84% 10%,rgba(255,113,76,.1),transparent 24rem),radial-gradient(circle at 14% 120%,rgba(117,104,206,.08),transparent 22rem),rgba(24,27,32,.92)}html.dark body:not(:has(.reader-shell)) .user-history-page :where(.user-history-filters,.user-history-empty){color:var(--ui-ink);border-color:var(--ui-border);background:var(--ui-surface)}.user-history-page :where(.user-history-hero [data-slot=button],.reading-activity-panel>header>p,.user-history-filters>a,.user-history-empty>p){font-size:var(--ui-font-caption)!important;line-height:1.45}