.sp-head h1{letter-spacing:-.045em;font-size:clamp(40px,7vw,64px);font-weight:700}.sp-head p{max-width:760px;color:var(--muted);margin:6px 0 24px;font-size:18px}.sp-muted{color:var(--faint);padding:20px}.sp-lock{background:var(--surface);box-shadow:var(--shadow-card);border-radius:22px;align-items:center;gap:16px;margin-bottom:18px;padding:18px 20px;display:flex}.sp-lock>svg{width:34px;height:34px;fill:var(--brand);flex-shrink:0}.sp-lock b{font-size:17px;font-weight:600}.sp-lock p{color:var(--muted);margin-top:2px;font-size:14px}.sp-lock .sp-local{color:var(--warn)}.sp-lock>div:nth-child(2){flex:auto}.sp-lock-actions{flex-shrink:0;gap:8px;display:flex}.sp-app{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}.sp-app.is-locked .sp-main{position:relative}.sp-app.is-locked .sp-trees{opacity:.55;filter:saturate(.6);pointer-events:none;user-select:none}.sp-side{top:calc(var(--header-h) + 16px);flex-direction:column;gap:10px;display:flex;position:sticky}.sp-search{position:relative}.sp-search svg{width:17px;height:17px;fill:var(--faint);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.sp input[type=search],.sp input[type=number]{width:100%;font:inherit;color:var(--text);background:var(--surface);box-shadow:var(--shadow-card);border:1px solid #0000;border-radius:10px;outline:none;padding:9px 12px;font-size:15px}.sp input[type=search]{padding-left:35px}.sp input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.sp-cats{flex-direction:column;gap:14px;display:flex}.sp-group{background:var(--surface);box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.sp-group-title{color:var(--muted);padding:0 6px 6px;font-size:12.5px;font-weight:500}.sp-cat{width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 14px;font-size:15px;display:flex}.sp-cat+.sp-cat{box-shadow:inset 0 1px 0 var(--line)}.sp-cat img{flex-shrink:0;width:28px;height:28px}.sp-cat span{flex:auto}.sp-cat small{color:var(--muted);font-size:13px}.sp-cat:after{content:"›";color:var(--faint);font-size:18px;line-height:1}.sp-cat:hover{background:var(--surface-2)}.sp-cat[aria-current=true]{background:var(--accent);color:var(--on-accent)}.sp-cat[aria-current=true] small,.sp-cat[aria-current=true]:after{color:var(--on-accent)}.sp-main-head{justify-content:space-between;align-items:baseline;gap:10px;margin:2px 4px 12px;display:flex}.sp-main-head h2{letter-spacing:-.03em;font-size:26px;font-weight:700}.sp-status{color:var(--muted);font-size:13px}.sp-status.is-good{color:var(--good)}.sp-status.is-bad{color:var(--bad)}.sp-trees{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));align-items:start;gap:14px;display:grid}.sp-tree{background:var(--surface);box-shadow:var(--shadow-card);border-radius:18px;overflow:hidden}.sp-tree-head{align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.sp-tree-head h3{flex:auto;font-size:17px;font-weight:600}.sp-tree-head small{color:var(--muted);font-size:12.5px}.sp-row{align-items:center;gap:10px;padding:7px 16px;display:flex}.sp-row+.sp-row{box-shadow:inset 52px 1px 0 var(--surface), inset 0 1px 0 var(--line)}.sp-row img{flex-shrink:0;width:34px;height:34px}.sp-row label{flex:auto;min-width:0;font-size:14.5px;line-height:1.25}.sp-row label small{color:var(--muted);font-size:12px;display:block}.sp-row input[type=number]{text-align:center;width:74px;box-shadow:none;background:var(--surface-2);font-variant-numeric:tabular-nums;flex-shrink:0;padding:6px 8px}.sp-row.is-mastery{background:var(--surface-2)}.sp-row.is-mastery input{background:var(--surface)}.sp-row.is-set label{font-weight:600}.sp-mastery-ico{background:var(--brand-soft);border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.sp-mastery-ico svg{width:18px;height:18px;fill:var(--brand)}@media (width<=860px){.sp-app{grid-template-columns:minmax(0,1fr)}.sp-side{position:static}.sp-cats{flex-direction:row;gap:8px;padding-bottom:4px;overflow-x:auto}.sp-group{box-shadow:none;background:0 0;flex-shrink:0;gap:6px;display:flex;overflow:visible}.sp-group-title{display:none}.sp-cat{background:var(--surface);box-shadow:var(--shadow-card);white-space:nowrap;border-radius:999px;padding:7px 12px}.sp-cat+.sp-cat{box-shadow:var(--shadow-card)}.sp-cat:after,.sp-cat img{display:none}.sp-lock{flex-wrap:wrap}.sp-trees{grid-template-columns:minmax(0,1fr)}}