:root{--bg:#f7f7f8;--panel:#fff;--border:#e5e7eb;--muted:#6b7280;--text:#111827;--brand:#111;--brand-ink:#fff;--brand-quiet:#eef2ff;--accent:#2563eb;--accent-ink:#fff;--accent-quiet:#eff6ff;--success:#16a34a;--warn:#d97706;--error:#dc2626;--focus:#111;--shadow:rgba(0,0,0,.06);--radius-xs:6px;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--dur-fast:120ms;--dur-med:200ms;--dur-slow:320ms}.theme-dark{--bg:#0b0b0c;--panel:#121214;--border:#1f2937;--muted:#9ca3af;--text:#f9fafb;--shadow:rgba(0,0,0,.4)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{max-width:1080px;margin:0 auto;padding:var(--space-4)}.row{display:flex;flex-wrap:wrap}.grid,.row{gap:var(--space-3)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:0 1px 2px var(--shadow);transition:box-shadow var(--dur-med) ease-out,transform var(--dur-med) ease-out}.card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-1px)}.btn{border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);cursor:pointer;font-weight:500;transition:all var(--dur-med) ease-out;display:inline-flex;align-items:center;gap:var(--space-2)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active{transform:scale(.99)}.btn:focus{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--brand)}.btn.ghost:hover:not(:disabled){background:var(--brand-quiet)}.btn.subtle{background:transparent;color:var(--muted);border-color:var(--border)}.btn.subtle:hover:not(:disabled){background:var(--bg)}.btn.danger{border-color:var(--error);background:var(--error);color:#fff}.btn.sm{padding:var(--space-2) var(--space-3);font-size:12px}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);background:var(--panel);color:var(--text);transition:border-color var(--dur-med) ease-out}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px var(--accent-quiet)}.input.is-error,.select.is-error,.textarea.is-error{border-color:var(--error)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}.truncate,.visually-hidden{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.kbd{display:inline-block;padding:2px 6px;background:var(--border)}.badge,.kbd{border-radius:var(--radius-xs);font-size:11px;font-weight:500}.badge{padding:var(--space-1) var(--space-2);background:var(--muted);color:#fff}.badge,.pill{display:inline-flex;align-items:center}.pill{padding:var(--space-1) var(--space-3);background:var(--brand-quiet);color:var(--brand);border-radius:var(--radius-pill);font-size:12px;font-weight:500}.skeleton{background:linear-gradient(90deg,var(--border) 25%,transparent 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.animate-fade-in{animation:fade-in .5s ease-out}.animate-bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}.animate-shake{animation:shake .5s}.shadow-3xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media (min-width:768px){.layout{display:grid;grid-template-columns:260px 1fr}.hide-md{display:none!important}.show-md{display:block!important}}@media (max-width:767px){.layout{display:block}.hide-md{display:block!important}.show-md{display:none!important}}.sidebar{background:var(--panel);border-right:1px solid var(--border);width:260px;min-height:100vh;padding-top:var(--space-3);position:sticky;top:0;height:100vh;overflow-y:auto}.page-break-after{page-break-after:always}.sidebar a{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin:2px var(--space-2);transition:all var(--dur-med) ease-out}.sidebar a:hover{background:var(--brand-quiet)}.sidebar a[aria-current=page]{background:var(--brand);color:var(--brand-ink)}.header{position:sticky;top:0;background:var(--panel);border-bottom:1px solid var(--border);z-index:40}.autosuggest{position:relative}.as-panel{position:absolute;z-index:40;left:0;right:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--space-1);padding:var(--space-2);box-shadow:0 8px 24px rgba(0,0,0,.1)}.as-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--dur-med) ease-out}.as-item:hover,.as-item[data-active=true]{background:var(--brand);color:var(--brand-ink)}.as-section{padding:var(--space-2) var(--space-4);font-size:11px;color:var(--muted);text-transform:uppercase}.chips{display:flex;flex-wrap:wrap}.chip,.chips{gap:var(--space-2)}.chip{display:inline-flex;align-items:center;background:var(--brand-quiet);border:1px solid var(--border);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-size:12px}.chip button{border:none;background:transparent;cursor:pointer;padding:0;margin-left:var(--space-1)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--text-sm:clamp(0.875rem,0.8rem + 0.375vw,1rem);--text-base:clamp(1rem,0.9rem + 0.5vw,1.125rem);--text-lg:clamp(1.125rem,1rem + 0.625vw,1.25rem);--text-xl:clamp(1.25rem,1.1rem + 0.75vw,1.5rem);--text-2xl:clamp(1.5rem,1.3rem + 1vw,2rem);--text-3xl:clamp(1.875rem,1.6rem + 1.375vw,2.5rem);--text-4xl:clamp(2.25rem,1.9rem + 1.75vw,3rem);--container-sm:min(100%,640px);--container-md:min(100%,768px);--container-lg:min(100%,1024px);--container-xl:min(100%,1280px);--container-2xl:min(100%,1536px);--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px}.container{width:100%;max-width:var(--container-xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.grid-cols-sm-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-sm-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.grid-cols-md-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-md-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-md-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.grid-cols-lg-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-lg-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-lg-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}@media (min-width:768px){.md\:flex-row{flex-direction:row}}.hidden{display:none}.block{display:block}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.hide-desktop{display:none!important}}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-4{margin:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}@media (min-width:768px){.md\:p-6{padding:var(--space-6)}.md\:p-8{padding:var(--space-8)}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.btn,a.btn,button{min-height:44px;min-width:44px;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}@media (min-width:768px){.btn,a.btn,button{min-height:40px;min-width:40px}}input,select,textarea{font-size:16px;padding:var(--space-3) var(--space-4)}@media (min-width:768px){input,select,textarea{font-size:var(--text-base)}}.auto-scale{width:100%;max-width:100vw;overflow-x:hidden}.auto-scale>*{max-width:100%}*{transition-property:padding,margin,font-size;transition-duration:.15s;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){*{transition:none}}