.streak-panel{margin-bottom:24px;border:1px solid var(--soft-border,#e8e4ef);border-radius:14px;background:#fff;color:#321f6b}.streak-panel>summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;min-height:76px}.streak-panel>summary::-webkit-details-marker{display:none}.streak-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:#efe6ff;color:#561db4}.streak-active .streak-icon{background:#dbf5ed;color:#157a5a}.streak-copy{flex:1;min-width:0}.streak-copy strong{display:block;font-size:15px;font-weight:700;line-height:1.7}.streak-copy>span{display:block;color:#52525b;font-size:12px;margin-top:2px}.streak-best{flex-shrink:0;font-size:11px;color:#52525b;text-align:center}.streak-best strong{display:block;font-size:13px;color:#561db4;margin-top:2px}.streak-chevron{flex-shrink:0;color:#561db4}.streak-panel[open] .streak-chevron{transform:rotate(180deg)}.streak-panel>summary:focus-visible{outline:3px solid #561db4;outline-offset:3px;border-radius:12px}.streak-details{border-top:1px solid var(--soft-border,#e8e4ef);padding:18px 20px}.streak-week{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;max-width:520px}.streak-week li{display:flex;flex-direction:column;align-items:center;gap:7px;color:#52525b;font-size:11px}.streak-day{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f4f4f5;color:#52525b;font-size:12px}.streak-week .participated .streak-day{background:#561db4;color:white}.streak-week .today .streak-day{outline:1px solid #561db4;outline-offset:3px}.streak-details p{color:#52525b;font-size:12px;line-height:1.9;margin:0}.streak-details p+p{margin-top:8px}@media(max-width:600px){.streak-panel>summary{gap:10px;padding:14px}.streak-icon{width:36px;height:36px}.streak-copy strong{font-size:13px}.streak-copy>span{font-size:11px}.streak-best{max-width:70px}.streak-best strong{font-size:11px}.streak-details{padding:16px 14px}.streak-week{gap:3px}.streak-week li{font-size:10px}.streak-day{width:30px;height:30px}.streak-chevron{width:15px}}