#reports-page .dashboard>.inner{grid-template-columns:1fr;grid-template-areas:"nav""reports"}.reports-container{grid-area:reports}.report-module-state{min-height:180px;color:var(--text4);box-sizing:border-box;justify-content:center;align-items:center;gap:.8em;padding:1rem;display:flex}.report-module-state i{color:var(--text5);font-size:1.25rem}.report-module-state strong,.report-module-state span{display:block}.report-module-state strong{color:var(--text3);margin-bottom:.25em;font-size:.95rem}.report-module-state span{font-size:.82rem;line-height:1.5}.report-module-state-error i{color:var(--secondary)}.timeline{padding:.5rem 0;position:relative}.year-group{margin-bottom:0;position:relative;&~&{margin-top:2em}}.year-header{align-items:center;padding:0 0 1em .5em;display:flex;position:relative}.year-badge{color:var(--text2);z-index:2;font-size:1.1rem;font-weight:700;position:relative}.reports-list{flex-direction:column;gap:0;padding-left:4em;display:flex;position:relative}.report-item{--card-color:var(--color-l1);padding-bottom:1.5rem;position:relative}.L-2{--card-color:var(--color-l2)}.L-3{--card-color:var(--color-l3)}.L-4{--card-color:var(--color-l4)}.L-5{--card-color:var(--color-l5)}.L-6{--card-color:var(--color-l6)}.L-7{--card-color:var(--color-l7)}.L-8{--card-color:var(--color-l8)}.L-9{--card-color:var(--color-l9)}.L-10{--card-color:var(--color-l10)}.report-item:last-child{padding-bottom:0}.report-item:before{content:"";background:var(--bg1);width:2px;transition:var(--transition);position:absolute;top:0;bottom:0;left:-33px}.report-item:last-child:before{height:1.5rem;bottom:auto}.report-item:after{content:"";background:var(--bg0);border:3px solid var(--bg1);z-index:1;width:16px;height:16px;transition:var(--transition-out);border-radius:50%;position:absolute;top:1.25rem;left:-40px}.report-item:hover:after{border-color:var(--card-color);box-shadow:0 0 0 4px var(--bg0);transition:var(--transition);transform:scale(1.2)}.report-card{border-radius:var(--box-radius);padding:var(--margin);transition:var(--transition);grid-template-columns:1fr auto;grid-template-areas:"header fish""content fish""detailed detailed";align-items:start;gap:0 1rem;display:grid;position:relative}.report-card.duang{--duang-color:var(--card-color);--duang-opacity:.1;--duang-width:calc((100% - var(--box-radius) * 2) / 2)}.report-card-bg{content:"";background:var(--card-color);z-index:-1;opacity:.1;width:100%;height:100%;transition:var(--transition-out);border-radius:var(--box-radius);position:absolute;top:0;left:0}.report-header{grid-area:header;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.report-week{color:var(--card-color)}.report-date{color:var(--text2);&:before{content:" ··· ";opacity:.2}}.report-content{grid-area:content;min-width:0}.report-fish-card{background:var(--bg0);border-radius:calc(var(--box-radius) - var(--margin) / 1.5);aspect-ratio:8.5/6;flex-direction:column;grid-area:1/fish/3;justify-content:center;align-self:stretch;align-items:center;width:120px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;&:after,&:before{content:"";position:absolute;inset:0}&:before{background:radial-gradient(circle at -30% 0%, #fff 0%, var(--card-color) 100%);opacity:.6}.dark-mode &:before{opacity:0}&:after{opacity:.2;border:6px solid var(--card-color);mix-blend-mode:darken}}.report-fish-card:hover{transform:scale(1.02)}.report-fish-card .fish-frame{display:none}.report-fish-card .fish-categories{z-index:0;pointer-events:none;opacity:.2;position:absolute;inset:0;overflow:hidden}.report-fish-card .category-bubble{animation:bubbleFloat var(--duration,4s) linear infinite;animation-delay:var(--delay,0s);opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-30px}.report-fish-card .category-bubble i{color:var(--card-color)}@keyframes bubbleFloat{0%{opacity:0;transform:translateY(0)translate(0)scale(.8)}10%{opacity:.9;transform:translateY(-10px) translateX(var(--sway,3px)) scale(1)}30%{transform:translateY(-40px) translateX(calc(var(--sway,3px) * -1)) scale(1)}50%{transform:translateY(-70px) translateX(var(--sway,3px)) scale(.95)}70%{transform:translateY(-100px) translateX(calc(var(--sway,3px) * -1)) scale(.9);opacity:.7}90%{transform:translateY(-130px) translateX(var(--sway,3px)) scale(.85);opacity:.3}to{opacity:0;transform:translateY(-150px)translate(0)scale(.8)}}.report-fish-card .fish-week-bars{z-index:3;opacity:.3;height:32px;transition:var(--transition-out);align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:8px;left:8px;.report-fish-card:hover &{opacity:.5;transition:var(--transition-in)}}.report-fish-card .fish-week-bars .bar{background:var(--card-color);transform-origin:bottom;width:4px;min-height:2px;transition:var(--transition-out);opacity:.3;border-radius:2px;animation:.5s cubic-bezier(.22,1,.36,1) both weekBarGrow}.fish-week-bars{& .bar:first-child{animation-delay:0s}& .bar:nth-child(2){animation-delay:40ms}& .bar:nth-child(3){animation-delay:80ms}& .bar:nth-child(4){animation-delay:.12s}& .bar:nth-child(5){animation-delay:.16s}& .bar:nth-child(6){animation-delay:.2s}& .bar:nth-child(7){animation-delay:.24s}}@keyframes weekBarGrow{0%{opacity:0;transform:scaleY(0)}44%{opacity:1;transform:scaleY(1.5)}66%{transform:scaleY(.7)}77%{transform:scaleY(1.2)}89%{transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}.report-fish-card .fish-idle-rate{z-index:5;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:8px;left:8px}.report-fish-card .fish-idle-rate .rate-value{color:var(--card-color);font-size:1.5rem;font-weight:700;line-height:1}.report-fish-card .fish-idle-rate .rate-value .unit-symbol{opacity:.4;font-size:.6em}.report-fish-card .fish-idle-rate .rate-label{color:var(--card-color);font-size:.6rem;font-weight:500}.report-fish-card .fish-badge{z-index:5;color:#0009;mix-blend-mode:overlay;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;animation:.3s badgePop;display:flex;position:absolute;top:5px;right:5px}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.report-fish-card .fish-image{z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.report-fish-card .fish-image img{object-fit:contain;width:110%;height:auto;transition:transform .3s;position:relative;top:20px;left:20px}.report-fish-card:hover .fish-image img{transform:scale(1.05)translateY(-2px)}.report-card:not(:has(.report-fish-card)){grid-template-columns:1fr;grid-template-areas:"header""content""detailed"}.report-summary-short{color:var(--text2);font-size:1rem;line-height:1.7}.report-generating{color:var(--text4);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.report-generating i{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.report-expand-btn{gap:.5rem;margin-top:1rem;font-size:.875rem;&.btn{background:var(--card-color)}}.report-expand-btn .expand-arrow{opacity:.7;font-size:.85em;transition:transform .3s}.report-expand-btn.expanded .expand-arrow{transform:rotate(180deg)}.report-detailed{border-radius:calc(var(--box-radius) - var(--margin) / 1.5);grid-area:detailed;display:none}.report-detailed.show{margin-top:1rem;animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.report-detailed-content{color:var(--text2);font-size:.95rem;line-height:1.8}.report-detailed-content h1,.report-detailed-content h2,.report-detailed-content h3,.report-detailed-content h4{color:var(--text1);margin:1.25em 0 .1em;font-weight:700}.report-detailed-content h1:first-child,.report-detailed-content h2:first-child,.report-detailed-content h3:first-child{margin-top:0}.report-detailed-content h1{font-size:1.4rem}.report-detailed-content h2{font-size:1.2rem}.report-detailed-content h3{font-size:1.1rem}.report-detailed-content h4{font-size:1rem}.report-detailed-content p{margin:.75em 0}.report-detailed-content ul,.report-detailed-content ol{margin:.75em 0;padding-left:1.5em}.report-detailed-content li{margin:.35em 0}.report-detailed-content li::marker{color:var(--primary)}.report-detailed-content strong{color:var(--text1);font-weight:700}.report-detailed-content em{color:var(--text3)}.report-detailed-content code{background:var(--text6);border-radius:4px;padding:.15em .4em;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em}.report-detailed-content blockquote{border-left:3px solid var(--secondary);background:var(--bg1);color:var(--text3);border-radius:0 8px 8px 0;margin:1em 0;padding:.5em 1em}.report-detailed-content hr{border:none;border-top:1px dashed var(--bg4);margin:1.5em 0}.report-detailed-loading{color:var(--card-color);justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:1rem;font-weight:700;display:flex}.report-detailed-loading i{color:var(--card-color);font-size:1.2rem;&:not(.fa-exclamation-circle){transform-origin:50%;animation:.5s linear infinite fish-loading}}@keyframes fish-loading{0%{transform:none}20%{transform:translateY(-4px)rotate(-20deg)}35%{transform:translateY(-4px)rotate(0)}65%{transform:translateY(4px)rotate(20deg)}80%{transform:translateY(4px)rotate(0)}to{transform:none}}.report-detailed-loading .fa-exclamation-circle{color:var(--secondary)}.report-detail-grid{gap:var(--margin);grid-template-columns:1fr 1fr;grid-template-areas:"summary chart""summary apps";display:grid}.report-detail-grid>div{background:var(--bg0);padding:var(--margin);border-radius:calc(var(--box-radius) - var(--margin) / 1.5)}.report-chart-section{grid-area:chart}.report-ai-section{grid-area:summary}.report-apps-section{grid-area:apps}.report-section-title{color:var(--card-color);align-items:center;gap:1em;margin:0 0 1rem;font-size:.875rem;font-weight:700;display:flex;position:relative;&>div{flex:none}&:after{content:"";background-color:var(--text6);flex:auto;height:5px;-webkit-mask-image:url(https://s.anyway.red/momoyu/wavy-thick.svg);mask-image:url(https://s.anyway.red/momoyu/wavy-thick.svg);-webkit-mask-size:10px 5px;mask-size:10px 5px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}}.report-chart-title{color:var(--text2);margin:0 0 1rem;font-size:1rem;font-weight:700}.report-chart{width:100%;height:180px}.report-detailed .chart-legend{justify-content:center;gap:1.5rem;margin-top:.75rem;display:flex}.report-detailed .legend-item{color:var(--text3);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.report-detailed .legend-dot{border-radius:50%;width:10px;height:10px}.report-detailed .legend-dot-focus{background:var(--primary)}.report-detailed .legend-dot-idle{background:var(--secondary)}.report-detailed .legend-label{color:var(--text2);font-weight:700}.report-detailed .legend-duration{color:var(--text2);margin-left:.25rem;font-weight:700;& .unit-symbol{font-size:.75em}}.report-apps-list{font-variant-numeric:tabular-nums;flex-direction:column;gap:.5rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.report-apps-list li{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.report-apps-list li:before{content:"";background:var(--secondary);border-radius:100%;flex-shrink:0;width:.35em;height:.35em;display:inline-block}.report-apps-list li:after{content:"";background-color:var(--text5);height:5px;image-rendering:smooth;opacity:.65;flex:1 0 auto;order:2;display:block;-webkit-mask-image:url(https://s.anyway.red/momoyu/wavy.svg);mask-image:url(https://s.anyway.red/momoyu/wavy.svg);-webkit-mask-size:10px 5px;mask-size:10px 5px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.report-apps-list .app-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text2);flex:0 auto;overflow:hidden}.report-apps-list .app-time{color:var(--secondary);white-space:nowrap;order:3;font-weight:700}.report-apps-list .app-time .unit-symbol{opacity:.7;font-size:.85em;font-weight:400}.report-apps-list li.working:before{background:var(--primary)}.report-apps-list li.working .app-time{color:var(--primary)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state-icon{width:120px;height:120px;margin:0 auto 1.5rem}.empty-state-icon img{object-fit:contain;width:100%;height:100%}.empty-state-title{color:var(--text2);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-state-desc{color:var(--text4);max-width:400px;margin:0 auto;line-height:1.6}@media (width<=768px){.year-header{padding-left:0}.year-header:before{width:16px;height:16px;left:4px}.year-header:after{left:11px}.reports-list{padding-left:0}.report-item:before,.report-item:after{display:none}.report-header{flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:0}.report-card{grid-template-columns:1fr 80px;grid-template-areas:"header fish""content content""detailed detailed";gap:.75rem .5rem}.report-fish-card{grid-row:1;width:80px;&:after{border-width:4px}}.report-date:after{display:none}.report-fish-card .fish-activity{gap:1px}.report-fish-card .activity-dot{width:3px;height:3px}.report-fish-card .fish-badge{width:14px;height:14px;font-size:7px}.report-fish-card .fish-week-bars{gap:1px;height:20px;bottom:4px;left:4px}.report-fish-card .fish-week-bars .bar{width:3px}.report-fish-card .fish-idle-rate .rate-value{font-size:1.2rem}.report-fish-card .fish-idle-rate .rate-label{font-size:.5rem}.report-card:not(:has(.report-fish-card)){grid-template-columns:1fr;grid-template-areas:"header""content""detailed"}.report-content{padding-top:.5rem}.year-badge{padding:.4em 0;font-size:1rem}.report-card{padding:calc(var(--margin) * .75)}.report-detail-grid{grid-template-columns:1fr;grid-template-areas:"chart""apps""summary";gap:1.5rem}.report-chart-section,.report-apps-section{padding-bottom:1.5rem}}