.insights-shell{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:22px 16px calc(32px + env(safe-area-inset-bottom))}.insights-page{display:grid;gap:12px;max-width:1040px}.insights-page>*{min-width:0}.insights-top{padding-bottom:4px}.insights-period{display:inline-flex;flex:none;gap:2px;padding:3px;border:1px solid var(--app-border-strong);border-radius:12px;background:var(--app-surface)}.insights-period a{display:inline-flex;min-height:38px;align-items:center;padding:0 12px;border-radius:9px;color:var(--app-muted);font-family:Space Mono,monospace;font-size:var(--font-caption);font-weight:700;text-decoration:none;white-space:nowrap}.insights-period a:hover{color:var(--app-text)}.insights-period a[aria-current=page]{background:var(--app-accent);color:#fff}.insights-period a:focus-visible,.insights-card a:focus-visible,.insights-links a:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px}.insights-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.insights-tile{display:grid;gap:2px;min-width:0;padding:12px;border:1px solid var(--app-border);border-radius:14px;background:var(--app-surface)}.insights-tile span,.insights-tile small{overflow:hidden;color:var(--app-muted);font-size:var(--font-caption);text-overflow:ellipsis;white-space:nowrap}.insights-tile small{color:var(--app-subtle);font-size:.75rem}.insights-tile strong{color:var(--app-text);font-family:Space Mono,monospace;font-size:1.5rem;font-variant-numeric:tabular-nums;line-height:1.15}.insights-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}.insights-card{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface);color:var(--app-text)}.insights-card-label{margin:0;color:var(--app-subtle);font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.insights-card-headline{margin:0;color:var(--app-text);font-size:var(--font-body);font-weight:600;line-height:1.45;overflow-wrap:anywhere}.insights-card-headline a,.insights-list a{color:var(--app-accent);text-decoration:none}.insights-card-headline a:hover,.insights-list a:hover{text-decoration:underline}.insights-card-note{margin:0;color:var(--app-subtle);font-size:var(--font-caption);line-height:1.45}.insights-months,.insights-stars{display:grid;gap:4px;align-items:end}.insights-months{grid-template-columns:repeat(12,minmax(0,1fr))}.insights-stars{grid-template-columns:repeat(10,minmax(0,1fr))}.insights-month,.insights-star{display:grid;grid-template-rows:72px auto;gap:5px;min-width:0;text-align:center}.insights-month small,.insights-star small{min-height:1em;color:var(--app-subtle);font-family:Space Mono,monospace;font-size:.6875rem;line-height:1}.insights-month-bar,.insights-star-bar{align-self:end;display:block;min-height:2px;border-radius:4px 4px 2px 2px;background:var(--app-accent)}.insights-star-bar{opacity:.7}.insights-star.is-top .insights-star-bar{opacity:1}.is-empty>.insights-month-bar,.is-empty>.insights-star-bar{height:2px!important;background:var(--app-border-strong);opacity:1}.insights-month.is-future .insights-month-bar{height:8px!important;border:1px dashed var(--app-border-strong);background:transparent}.insights-split{display:flex;height:12px;gap:2px;overflow:hidden;border-radius:6px}.insights-split span{display:block;min-width:4px}.insights-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0;padding:0;list-style:none}.insights-legend li{display:flex;min-width:0;align-items:center;gap:8px;color:var(--app-muted);font-size:var(--font-meta)}.insights-legend i{display:block;flex:none;width:10px;height:10px;border-radius:3px}.insights-legend strong,.insights-row strong{margin-left:auto;color:var(--app-text);font-variant-numeric:tabular-nums}.insights-type--movie{background:var(--app-accent)}.insights-type--tv{background:var(--vault-cyan)}.insights-type--book{background:var(--app-success)}.insights-type--game{background:var(--app-warning)}.insights-rows{display:grid;gap:9px}.insights-rows--rates{padding-top:12px;border-top:1px solid var(--app-border)}.insights-row{display:grid;grid-template-columns:minmax(64px,30%) minmax(0,1fr) 40px;align-items:center;gap:10px;color:var(--app-muted);font-size:var(--font-meta)}.insights-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insights-row strong{text-align:right}.insights-track{height:8px;overflow:hidden;border-radius:4px;background:var(--app-border)}.insights-track span{display:block;height:100%;border-radius:4px;background:var(--app-accent)}.insights-list{display:grid;margin:0;padding:0;list-style:none}.insights-list li{display:flex;min-width:0;min-height:40px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--app-border);color:var(--app-text);font-size:var(--font-meta)}.insights-list li:first-child{border-top:0}.insights-list li>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.insights-list li>:last-child{flex:none;color:var(--app-muted);font-variant-numeric:tabular-nums}.insights-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.insights-tags li{padding:4px 10px;border:1px solid var(--app-border-strong);border-radius:999px;color:var(--app-muted);font-size:var(--font-caption)}.insights-locked{margin:0;padding:14px 16px;border:1px dashed var(--app-border-strong);border-radius:16px;color:var(--app-muted);font-size:var(--font-meta);line-height:1.45}.insights-links{display:grid;overflow:hidden;border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface)}.insights-links a{display:flex;min-height:48px;align-items:center;gap:12px;padding:0 16px;border-top:1px solid var(--app-border);color:var(--app-text);font-size:var(--font-body);text-decoration:none}.insights-links a:first-child{border-top:0}.insights-links a:hover{background:var(--app-surface-hover)}.insights-links .bi-chevron-right{margin-left:auto;color:var(--app-subtle)}.insights-first-use{display:grid;justify-items:start;gap:10px;padding:24px 18px;border:1px solid var(--app-border);border-radius:16px;background:var(--app-surface)}.insights-first-use h2{margin:0;color:var(--app-text);font-size:var(--font-subheading)}.insights-first-use p{margin:0;color:var(--app-muted)}.insights-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(min-width:768px){.insights-shell{padding:32px 28px 48px}.insights-page{gap:16px}.insights-tiles{gap:12px}.insights-tile{padding:16px}.insights-tile strong{font-size:1.85rem}.insights-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.insights-card{padding:18px 20px}.insights-links{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.insights-links a{border-top:0;border-left:1px solid var(--app-border)}.insights-links a:first-child{border-left:0}}@media(max-width:767.98px){body.insights-route{max-width:100%;overflow-x:clip}body.insights-route .authenticated-content{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow-x:clip;padding-bottom:calc(105px + env(safe-area-inset-bottom))!important}body.insights-route .app-sidebar{box-sizing:border-box!important;position:fixed!important;width:min(440px,calc(100vw - 16px))!important;max-width:calc(100vw - 12px)!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}body.insights-route .app-sidebar-navigation{box-sizing:border-box!important;display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;gap:2px!important}body.insights-route .app-sidebar-navigation>.app-sidebar-nav-group{display:contents!important}body.insights-route .app-sidebar-link{box-sizing:border-box!important;min-width:max-content!important;max-width:100%!important;width:auto!important;flex:1 1 0!important}body.insights-route .app-sidebar-navigation .sidebar-add-link{flex:0 0 52px!important}}} @media (max-width: 390px){body.insights-route .app-sidebar{width:calc(100vw - 12px)!important}.insights-shell{padding-inline:12px}.insights-tile{padding:10px}.insights-tile strong{font-size:1.3rem}.insights-period a{padding:0 10px}}
