.sp422-hub{margin:18px 0 0;padding:18px;border:1px solid var(--line,#d7dbe3);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,253,.96));box-shadow:0 12px 30px rgba(25,37,58,.06)}
.sp422-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.sp422-hub-head small,.sp422-kicker{font-size:.72rem;font-weight:800;letter-spacing:.11em;color:var(--muted,#6b7280)}.sp422-hub-head h2{margin:.15rem 0 .3rem;font-size:1.3rem}.sp422-hub-head p{margin:0;color:var(--muted,#667085);max-width:760px}.sp422-primary{white-space:nowrap}
.sp422-profile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 16px}.sp422-profile>div{padding:12px;border:1px solid var(--line,#dde2ea);border-radius:14px;background:#fff}.sp422-profile small{display:block;color:var(--muted,#667085);font-weight:700}.sp422-profile strong{display:block;font-size:1.28rem;margin-top:2px}.sp422-profile span{display:block;color:var(--muted,#667085);font-size:.78rem;margin-top:2px}
.sp422-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:14px}.sp422-calendar-card,.sp422-day-card,.sp422-resume-card{border:1px solid var(--line,#dde2ea);border-radius:16px;background:#fff;padding:13px}.sp422-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sp422-cal-head button{width:38px;height:34px;border-radius:10px;border:1px solid var(--line,#d9dee8);background:#fff;font-weight:800;cursor:pointer}.sp422-cal-head button:disabled{opacity:.35;cursor:not-allowed}.sp422-cal-head strong{text-align:center}.sp422-week,.sp422-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.sp422-week small{text-align:center;color:var(--muted,#667085);font-size:.68rem;font-weight:800;padding:3px 0}.sp422-day{min-height:50px;border:1px solid #e2e6ed;border-radius:10px;background:#fbfcfe;padding:5px 4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer}.sp422-day:hover{border-color:#98a2b3}.sp422-day.active{outline:2px solid #27364f;outline-offset:1px;background:#fff}.sp422-day.out{opacity:.28;cursor:default}.sp422-day b{font-size:.78rem}.sp422-dots{display:flex;gap:3px}.sp422-dot{width:7px;height:7px;border-radius:50%;background:#d7dce5}.sp422-dot.solved{background:#667085}.sp422-dot.clean{background:#1f7a4d}.sp422-day.triple{box-shadow:inset 0 -3px 0 #1f7a4d}.sp422-cal-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;color:var(--muted,#667085);font-size:.74rem}.sp422-cal-foot span{display:flex;align-items:center;gap:5px}
.sp422-side{display:grid;gap:12px;align-content:start}.sp422-day-card h3,.sp422-resume-card h3{margin:.2rem 0 .6rem;font-size:1rem}.sp422-day-progress{display:grid;gap:7px}.sp422-suit-row{display:grid;grid-template-columns:76px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid #e3e7ee;border-radius:11px}.sp422-suit-row strong{font-size:.85rem}.sp422-suit-row span{font-size:.76rem;color:var(--muted,#667085)}.sp422-suit-row button,.sp422-resume-row button{border:0;border-radius:9px;background:#27364f;color:#fff;padding:7px 9px;font-weight:700;cursor:pointer}.sp422-suit-row.clean{border-color:#b8ddc8;background:#f6fbf8}.sp422-suit-row.solved:not(.clean){background:#fafafa}.sp422-day-total{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #eceff3;margin-top:9px;padding-top:9px;font-size:.78rem;color:var(--muted,#667085)}
.sp422-resume-list{display:grid;gap:7px}.sp422-resume-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid #e3e7ee;border-radius:11px}.sp422-resume-row strong,.sp422-resume-row small{display:block}.sp422-resume-row small{color:var(--muted,#667085);font-size:.73rem;margin-top:2px}.sp422-empty{color:var(--muted,#667085);font-size:.8rem;margin:0}.sp422-legend-clean{width:8px;height:8px;border-radius:50%;background:#1f7a4d}.sp422-legend-solved{width:8px;height:8px;border-radius:50%;background:#667085}.sp422-legend-open{width:8px;height:8px;border-radius:50%;background:#d7dce5}
.sp422-result-review{margin:12px 0 0;padding:11px;border:1px solid #e0e5ec;border-radius:12px;background:#fafbfd;text-align:left}.sp422-result-review>small{font-weight:800;letter-spacing:.09em;color:var(--muted,#667085)}.sp422-result-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}.sp422-result-review-grid div{padding:7px;border-radius:9px;background:#fff;border:1px solid #e7eaf0}.sp422-result-review-grid small,.sp422-result-review-grid strong{display:block}.sp422-result-review-grid small{font-size:.68rem;color:var(--muted,#667085)}.sp422-result-review-grid strong{font-size:.82rem;margin-top:2px}
@media(max-width:760px){.sp422-hub{padding:12px;border-radius:16px}.sp422-hub-head{display:block}.sp422-primary{width:100%;margin-top:10px}.sp422-profile{grid-template-columns:repeat(2,1fr)}.sp422-main{grid-template-columns:1fr}.sp422-day{min-height:43px;padding:4px 2px}.sp422-cal-grid,.sp422-week{gap:3px}.sp422-dot{width:6px;height:6px}.sp422-result-review-grid{grid-template-columns:1fr 1fr}.sp422-suit-row{grid-template-columns:66px 1fr auto}}
@media(prefers-color-scheme:dark){.sp422-hub,.sp422-calendar-card,.sp422-day-card,.sp422-resume-card,.sp422-profile>div,.sp422-cal-head button,.sp422-result-review,.sp422-result-review-grid div{background:var(--panel,#171a20);border-color:var(--line,#333943)}.sp422-day{background:var(--panel,#171a20);border-color:var(--line,#333943)}.sp422-day.active{background:var(--panel,#171a20);outline-color:#d8dee9}.sp422-suit-row,.sp422-resume-row{border-color:var(--line,#333943)}.sp422-suit-row.clean,.sp422-suit-row.solved:not(.clean){background:rgba(255,255,255,.03)}}