:root{color:#2c3348;background:#eef1f6;font-family:Segoe UI,system-ui,sans-serif;line-height:1.45;--indigo: #3d4db7;--orange: #f0a020;--muted: #7b8499;--line: #e6e9f0;--card: #ffffff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}.app{min-height:100vh;display:grid;grid-template-columns:232px 1fr;grid-template-rows:auto 1fr}aside{grid-row:1 / span 2;background:#fff;border-right:1px solid var(--line);padding:1.1rem .85rem 2rem}.brand{display:flex;align-items:center;gap:.55rem;padding:.2rem .45rem 1.1rem}.brand strong{display:block;color:#243052;font-size:1.15rem;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:.72rem}.rail-all,.rail button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:.55rem .75rem;border:0;border-left:3px solid transparent;border-radius:8px;background:transparent;color:var(--indigo);text-align:left;cursor:pointer}.rail-all.active,.rail button.active{background:#fbf6ea;border-left-color:var(--orange)}.group-label{margin:1.15rem .75rem .25rem;color:#9aa3b5;font-size:.68rem;letter-spacing:.08em}.count{color:var(--muted);font-size:.82rem}header{display:flex;align-items:center;gap:1rem;padding:.9rem 1.4rem .2rem}.search{position:relative;flex:1}.search svg{position:absolute;left:.85rem;top:.72rem;color:#a0a8b8}.search input{width:100%;padding:.7rem .9rem .7rem 2.4rem;border:1px solid #e3e7ee;border-radius:999px;background:#fff;box-shadow:0 1px 2px #2430520a}.who{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.9rem;white-space:nowrap}.who strong{color:#243052;font-weight:650}button.text{padding:0;border:0;background:transparent;color:var(--indigo);cursor:pointer}main{padding:.6rem 1.4rem 2.5rem}.hero h1,.panel h1{margin:0 0 .35rem;color:var(--indigo);font-size:1.7rem;font-weight:650;letter-spacing:-.02em}.hero p,.muted,.byline,.summary,.section-head span,.collection span{color:var(--muted)}.hero,.collection,.listing,.panel{border:1px solid #e7ebf2;border-radius:12px;background:var(--card);box-shadow:0 8px 24px #2430520a}.hero,.panel{padding:1.15rem 1.25rem 1.2rem}.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.chips button,.tag{border:1px solid #d9deea;border-radius:999px;background:#f7f8fb;color:var(--indigo);padding:.28rem .75rem}.chips button{cursor:pointer}.chips button.selected{border-color:var(--indigo);background:#eef0fb}.collections,.grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.collections{margin-top:.85rem}.collection,.listing{padding:.95rem 1rem;text-align:left;cursor:pointer;color:inherit}.collection strong,.listing h3,.panel h2{display:block;margin:0 0 .15rem;color:#243052;font-size:1rem}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:1.25rem 0 .7rem}.section-head h2{margin:0;color:var(--indigo);font-size:1.15rem}.listing-top{display:flex;gap:.75rem;align-items:flex-start}.mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:8px;background:#eef0fb;color:var(--indigo);font-weight:700}.summary{margin:.7rem 0 0;font-size:.92rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.tag{font-size:.8rem}label{display:block;margin-top:.85rem;color:#5c657a;font-size:.92rem}input,select{display:block;width:100%;margin-top:.3rem;padding:.6rem .7rem;border:1px solid #e1e5ee;border-radius:8px;background:#fbfcfe}.actions{display:flex;gap:.6rem;margin-top:1.15rem}button.primary,button.secondary{border-radius:8px;padding:.6rem .95rem;cursor:pointer}button.primary{border:0;background:var(--orange);color:#fff;font-weight:650}button.primary:disabled,button.secondary:disabled{cursor:default;opacity:.55}button.secondary{border:1px solid #d9deea;background:#fff;color:var(--indigo)}.back{margin-bottom:.7rem}.error{color:#c4473a}.empty{color:var(--muted)}@media (max-width: 860px){.app{grid-template-columns:1fr;grid-template-rows:auto auto auto}aside{grid-row:auto;border-right:0;border-bottom:1px solid var(--line)}.collections,.grid{grid-template-columns:1fr}}