:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-primary: #38bdf8;--accent-secondary: #818cf8;--success: #4ade80;--error: #f87171;--card-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:start;justify-content:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,#1e293b,#0f172a);overflow-x:hidden}#root{width:100%;max-width:1180px;padding:1rem;margin:0 auto}.container{width:100%;max-width:800px;margin:0 auto}.container--wide{max-width:1180px}h1{font-size:2em;line-height:1.1;text-align:center;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2rem}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--bg-secondary);color:var(--accent-primary);cursor:pointer;transition:all .2s ease;border:1px solid var(--glass-border)}button:hover{border-color:var(--accent-primary);background-color:#38bdf81a;transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:1.5rem;margin-bottom:1.5rem}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}@media(max-width:600px){#root{padding:.5rem}h1{font-size:1.8em}.glass-card{padding:1rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.overall-points-page{--point-surface: rgba(15, 23, 42, .72);--point-surface-strong: rgba(30, 41, 59, .92);width:100%;padding-bottom:4rem}.overall-points-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:1.25rem 0 1.5rem;border-bottom:1px solid var(--glass-border)}.overall-points-header h2{margin:0;color:var(--text-primary);font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;letter-spacing:0}.overall-points-header p{margin:.45rem 0 0;color:var(--text-secondary);font-size:.92rem}.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.55rem .8rem;font-size:.84rem;white-space:nowrap}.icon-text-button:disabled{cursor:default;opacity:.42;transform:none}.overall-points-back{align-self:start}.point-count{display:flex;align-items:baseline;gap:.35rem;color:var(--text-secondary)}.point-count strong{color:var(--accent-primary);font-size:1.65rem;line-height:1}.point-count span{font-size:.72rem;text-transform:uppercase}.overall-points-toolbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.8rem;padding:.85rem 0;background:#0f172af0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.point-search{display:flex;flex:1;align-items:center;gap:.65rem;min-width:220px;height:42px;padding:0 .8rem;color:var(--text-secondary);background:var(--point-surface-strong);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.point-search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #38bdf81f}.point-search input{min-width:0;flex:1;height:100%;padding:0;color:var(--text-primary);background:transparent;border:0;outline:0;font:inherit;font-size:.9rem}.point-search input::placeholder{color:#64748b}.point-search input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.clear-search{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;padding:0;color:var(--text-secondary);background:transparent;border:0}.point-toolbar-actions{display:flex;gap:.5rem}.overall-points-layout{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:1.5rem;align-items:start}.point-index{position:sticky;top:76px;padding:1rem;background:var(--point-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.point-index-heading{margin-bottom:.65rem;color:var(--text-secondary);font-size:.72rem;font-weight:700;text-transform:uppercase}.point-index nav{display:flex;flex-direction:column;gap:.3rem}.point-index-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:.65rem;align-items:center;width:100%;padding:.65rem;color:var(--text-secondary);text-align:left;background:transparent;border:1px solid transparent}.point-index-item:hover{color:var(--text-primary);background:#ffffff0a;border-color:color-mix(in srgb,var(--group-accent) 35%,transparent);transform:none}.point-index-item svg{color:var(--group-accent)}.point-index-item span{display:flex;min-width:0;flex-direction:column}.point-index-item strong{overflow:hidden;color:inherit;font-size:.78rem;line-height:1.35;text-overflow:ellipsis}.point-index-item small{margin-top:.15rem;color:#64748b;font-size:.68rem}.point-search-summary{margin:.8rem 0 0;padding-top:.8rem;color:var(--accent-primary);border-top:1px solid var(--glass-border);font-size:.75rem}.point-groups{min-width:0}.point-group{scroll-margin-top:82px;margin-bottom:2.25rem}.point-group-heading{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;padding:0 .2rem}.point-group-icon{display:inline-flex;width:36px;height:36px;flex:0 0 auto;align-items:center;justify-content:center;color:var(--group-accent);background:color-mix(in srgb,var(--group-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--group-accent) 30%,transparent);border-radius:var(--radius-sm)}.point-group-heading h3{margin:0;color:var(--text-primary);font-size:1.05rem;letter-spacing:0}.point-group-heading p{margin:.15rem 0 0;color:var(--text-secondary);font-size:.78rem}.point-list{display:flex;flex-direction:column;gap:.55rem}.point-card{overflow:clip;background:var(--point-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);content-visibility:auto;contain-intrinsic-size:auto 64px;transition:border-color .16s ease,background-color .16s ease}.point-card:hover,.point-card.is-open{border-color:color-mix(in srgb,var(--group-accent) 45%,var(--glass-border))}.point-card.is-open{background:#1e293bd1}.point-card-trigger{display:grid;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:.75rem;width:100%;min-height:58px;padding:.7rem .9rem;color:var(--text-primary);text-align:left;background:transparent;border:0;border-radius:0}.point-card-trigger:hover{background:#ffffff06;border:0;transform:none}.point-card-trigger:focus-visible{outline:2px solid var(--group-accent);outline-offset:-3px}.point-number{color:var(--group-accent);font-size:.72rem;font-variant-numeric:tabular-nums;font-weight:700}.point-card-title{min-width:0;font-size:.93rem;font-weight:700;line-height:1.4}.point-chevron{color:var(--text-secondary);transition:transform .18s ease}.point-card.is-open .point-chevron{color:var(--group-accent);transform:rotate(180deg)}.point-card-body{padding:0 1.15rem 1.25rem 4.55rem}.point-content{padding-top:.9rem;border-top:1px solid var(--glass-border)}.point-intro{max-width:76ch;margin:0 0 1.15rem;color:#cbd5e1;font-size:.9rem;line-height:1.85}.point-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}.point-detail{min-width:0;padding:.2rem 0 .2rem .85rem;border-left:2px solid color-mix(in srgb,var(--group-accent) 65%,transparent)}.point-detail h4{margin:0 0 .38rem;color:var(--group-accent);font-size:.84rem;line-height:1.4;letter-spacing:0}.point-detail p{margin:0;color:#cbd5e1;font-size:.82rem;line-height:1.75}.point-content strong{color:var(--group-accent)!important}.point-image{display:block;width:min(100%,720px);height:auto;margin:1.25rem auto 0;border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.point-empty-state{display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary);text-align:center;border:1px dashed var(--glass-border);border-radius:var(--radius-sm)}.point-empty-state h3{margin:.8rem 0 .25rem;color:var(--text-primary);font-size:1rem}.point-empty-state p{margin:0 0 1rem;font-size:.85rem}@media(max-width:820px){.overall-points-layout{grid-template-columns:1fr}.point-index{position:static;overflow-x:auto;padding:.75rem}.point-index nav{flex-direction:row;width:max-content}.point-index-item{width:172px}.point-index-heading,.point-search-summary{display:none}}@media(max-width:640px){.overall-points-page{padding-bottom:2rem}.overall-points-header{grid-template-columns:1fr auto;gap:.8rem;padding-top:.6rem}.overall-points-back{grid-column:1 / -1;width:max-content}.overall-points-header h2{font-size:1.4rem}.overall-points-header p{font-size:.82rem}.point-count strong{font-size:1.4rem}.overall-points-toolbar{align-items:stretch;flex-direction:column}.point-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.overall-points-layout{gap:1rem}.point-group{margin-bottom:1.75rem}.point-card-trigger{grid-template-columns:28px minmax(0,1fr) 20px;gap:.55rem;padding:.7rem}.point-card-title{font-size:.86rem}.point-card-body{padding:0 .8rem 1rem}.point-detail-grid{grid-template-columns:1fr;gap:.9rem}.point-intro{font-size:.86rem;line-height:1.75}.point-detail p{font-size:.8rem}}@media(prefers-reduced-motion:reduce){.point-chevron,.point-card{transition:none}}