.learning-time{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0;padding:.8rem 1rem;background:var(--soft,#f3efff);border:1px solid #ddd4f5;border-radius:14px;color:var(--text,#243047)}.learning-time-icon{font-size:1.8rem;color:var(--primary,#6244c5)}.learning-time>div{min-width:115px}.learning-time small{display:block;font-size:.8rem}.learning-time strong{font-variant-numeric:tabular-nums;font-size:1.1rem}.learning-time-state{margin-left:auto;font-size:.8rem}.learning-time button{padding:.4rem .8rem;min-height:0}.learning-time details{position:relative}.learning-time summary{cursor:pointer;list-style:none;font-size:1.2rem}.learning-time details p{position:absolute;z-index:20;right:0;width:min(300px,75vw);background:white;color:#243047;border:1px solid #dce0e8;border-radius:12px;padding:1rem;box-shadow:0 8px 30px #0002;font-size:.85rem}.learning-time-report{font-variant-numeric:tabular-nums;color:var(--primary,#6244c5);font-weight:600}@media(max-width:600px){.learning-time{gap:.7rem}.learning-time-state{margin-left:0;flex:1 1 100%}}