@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;700;800&family=Sora:wght@600;700&display=swap");:root{--bg:#f3f6f8;--bg-secondary:#eef3f8;--text:#0f172a;--muted:#5b6b81;--surface:#fff;--surface-soft:#f9fbff;--line-color:#d6deeb;--accent:#2563eb;--accent-strong:#1d4ed8}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 0 0,#dbeafe 0,transparent 25%),radial-gradient(circle at 100% 0,#e0f2fe 0,transparent 28%),linear-gradient(180deg,var(--bg) 0,var(--bg-secondary) 100%);min-height:100vh}a{color:inherit;text-decoration:none}p{margin:0}.App{max-width:1240px;margin:0 auto;padding:20px 12px 56px}.app-header{display:grid;grid-gap:16px;gap:16px;margin-bottom:18px}.brand-block{display:grid;grid-gap:6px;gap:6px;text-align:left}.brand-link{justify-self:start;font-family:Sora,Manrope,sans-serif;font-size:clamp(30px,4.8vw,52px);line-height:1;font-weight:700;letter-spacing:-.03em}.brand-subtitle{color:var(--muted);max-width:680px;font-size:clamp(14px,2.4vw,16px)}.app-main{display:grid;grid-gap:18px;gap:18px}.pack-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pack-name-title{text-align:right}.ui-card{border:1px solid var(--line-color);border-radius:20px;background:linear-gradient(180deg,var(--surface) 0,var(--surface-soft) 100%);box-shadow:0 14px 34px rgba(15,23,42,.07)}.ui-card-header{padding:16px;border-bottom:1px solid var(--line-color)}.ui-card-title{margin:0;font-family:Sora,Manrope,sans-serif;font-size:clamp(20px,2.8vw,26px);letter-spacing:-.02em}.ui-card-content{padding:16px}.ui-input{border:1px solid var(--line-color);border-radius:12px;background:#fff;color:var(--text);font-size:16px;padding:12px}.ui-input::placeholder{color:#8a9ab2}.ui-button{border:0;border-radius:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .16s ease,filter .16s ease}.ui-button:hover{transform:translateY(-1px);filter:brightness(.98)}.ui-button:focus-visible,.ui-input:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.ui-button--md{padding:12px 16px}.ui-button--sm{padding:8px 12px}.ui-button--default{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#eff6ff}.ui-button--secondary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#ecfeff}.ui-button--ghost{background:#edf2f9;color:#0f172a;border:1px solid var(--line-color)}.infinite-scroll-sentinel,.infinite-scroll-status{min-height:38px;border-radius:10px;border:1px dashed #bfd0e8;color:#516278;display:grid;place-items:center;font-size:13px;background:hsla(0,0%,100%,.55);padding:8px}.infinite-scroll-status{border-style:solid}@media (max-width:840px){.App{padding:16px 10px 46px}.ui-card-content,.ui-card-header{padding:12px}}@media (max-width:700px){.pack-header{flex-direction:column;align-items:stretch}.pack-name-title{text-align:left}}@media (max-width:420px){.brand-link{font-size:30px}}