:root{--text: #8b949e;--text-h: #e6edf3;--bg: #060a0d;--border: #30363d;--code-bg: #161b22;--accent: #3fb950;--accent-bg: rgba(63, 185, 80, .1);--accent-border: rgba(63, 185, 80, .35);--social-bg: rgba(22, 27, 34, .8);--shadow: rgba(0, 0, 0, .5) 0 10px 15px -3px, rgba(0, 0, 0, .3) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}:root[data-theme=light]{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;color-scheme:light}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box;background:var(--bg)}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h);font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}@property --s1x{syntax: "<percentage>"; inherits: false; initial-value: 15%;}@property --s1y{syntax: "<percentage>"; inherits: false; initial-value: 20%;}@property --s2x{syntax: "<percentage>"; inherits: false; initial-value: 65%;}@property --s2y{syntax: "<percentage>"; inherits: false; initial-value: 55%;}@property --s3x{syntax: "<percentage>"; inherits: false; initial-value: 40%;}@property --s3y{syntax: "<percentage>"; inherits: false; initial-value: 75%;}@keyframes spot1{0%{--s1x: 15%;--s1y: 20%}20%{--s1x: 72%;--s1y: 38%}45%{--s1x: 55%;--s1y: 82%}70%{--s1x: 28%;--s1y: 62%}85%{--s1x: 88%;--s1y: 15%}to{--s1x: 15%;--s1y: 20%}}@keyframes spot2{0%{--s2x: 65%;--s2y: 55%}30%{--s2x: 18%;--s2y: 12%}55%{--s2x: 80%;--s2y: 78%}80%{--s2x: 42%;--s2y: 30%}to{--s2x: 65%;--s2y: 55%}}@keyframes spot3{0%{--s3x: 40%;--s3y: 75%}25%{--s3x: 85%;--s3y: 22%}60%{--s3x: 10%;--s3y: 48%}80%{--s3x: 60%;--s3y: 90%}to{--s3x: 40%;--s3y: 75%}}body.bg-grid:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:radial-gradient(ellipse 300px 300px at var(--s1x) var(--s1y),rgba(63,185,80,.18) 0%,transparent 70%),radial-gradient(ellipse 240px 240px at var(--s2x) var(--s2y),rgba(63,185,80,.14) 0%,transparent 70%),radial-gradient(ellipse 200px 200px at var(--s3x) var(--s3y),rgba(63,185,80,.11) 0%,transparent 70%),linear-gradient(rgba(63,185,80,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(63,185,80,.04) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,44px 44px,44px 44px;animation:spot1 23s ease-in-out infinite,spot2 31s ease-in-out infinite,spot3 19s ease-in-out infinite}@media(max-width:1024px){body.bg-grid:before{display:none}}.nav{display:flex;align-items:center;height:52px;padding:0 24px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;background:var(--bg);flex-shrink:0}.nav-logo{font-size:15px;font-weight:600;color:var(--text-h);text-decoration:none;letter-spacing:-.3px;margin-right:20px;flex-shrink:0;font-family:var(--mono)}.nav-logo:hover{color:var(--accent)}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:2px;flex:1;min-width:0}.nav-links a{display:block;padding:5px 11px;border-radius:6px;font-size:14px;color:var(--text);text-decoration:none;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text-h);background:var(--accent-bg)}.nav-links a.active{color:var(--accent);background:var(--accent-bg)}.nav-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.nav-anim-select{font-size:12px;font-family:var(--mono);color:var(--text);background:transparent;border:1px solid var(--border);border-radius:6px;padding:0 6px;height:28px;cursor:pointer;transition:color .15s,border-color .15s;flex-shrink:0}.nav-anim-select:hover{color:var(--text-h);border-color:var(--text)}.nav-anim-select option{background:var(--bg);color:var(--text-h)}.nav-help{font-size:14px;font-weight:600;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);text-decoration:none;font-family:var(--mono);flex-shrink:0;transition:color .15s,border-color .15s}.nav-help:hover{color:var(--text-h);border-color:var(--text)}.nav-theme-toggle{font-size:15px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);cursor:pointer;transition:color .15s,border-color .15s;padding:0;flex-shrink:0}.nav-theme-toggle:hover{color:var(--text-h);border-color:var(--text)}.nav-user{display:flex;align-items:center;gap:10px}.nav-profile-link{display:flex;align-items:center;gap:7px;text-decoration:none;flex-shrink:0;padding:3px 6px;border-radius:6px;transition:background .15s}.nav-profile-link:hover{background:#ffffff0f}.nav-profile-link:hover .nav-username{color:var(--text-h)}.nav-avatar{width:24px;height:24px;border-radius:50%;display:block}.nav-username{font-size:13px;color:var(--text)}.nav-logout{font-size:13px;padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);cursor:pointer;font-family:var(--mono);transition:color .15s,border-color .15s}.nav-logout:hover{color:var(--text-h);border-color:var(--text)}.nav-hamburger{display:none;margin-left:auto;width:36px;height:36px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;padding:0;flex-shrink:0}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200}.nav-overlay.open{display:block}.nav-drawer{position:fixed;top:0;left:0;bottom:0;width:240px;background:var(--bg);border-right:1px solid var(--border);z-index:201;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .22s ease;padding:0}.nav-drawer.open{transform:translate(0)}.nav-drawer-header{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;border-bottom:1px solid var(--border);flex-shrink:0}.nav-drawer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;padding:0;font-size:16px}.nav-drawer-links{list-style:none;margin:0;padding:12px 8px;flex:1;overflow-y:auto}.nav-drawer-links li a{display:block;padding:10px 12px;border-radius:6px;font-size:15px;color:var(--text);text-decoration:none;transition:color .15s,background .15s}.nav-drawer-links li a:hover{color:var(--text-h);background:var(--accent-bg)}.nav-drawer-links li a.active{color:var(--accent);background:var(--accent-bg)}.nav-drawer-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px}.nav-drawer-user{display:flex;align-items:center;gap:10px}.nav-drawer-controls{display:flex;align-items:center;gap:8px}@media(max-width:640px){.nav-links,.nav-right{display:none}.nav-hamburger{display:flex}}body{overflow:hidden}.curate-page{display:flex;flex-direction:column;height:calc(100vh - 48px);padding:24px;box-sizing:border-box}@media(max-width:640px){.curate-page{padding:16px;height:auto}}.curate-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;flex:1;min-height:0}@media(max-width:640px){.curate-grid{grid-template-columns:1fr;grid-template-rows:none;flex:none}}.curate-card-review{grid-column:1;grid-row:1 / 3}.curate-card-template{grid-column:2;grid-row:1}.curate-card-blank{grid-column:2;grid-row:2}.curate-card{display:flex;flex-direction:column;justify-content:center;padding:28px;border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:border-color .2s,filter .2s;min-height:0}@media(max-width:640px){.curate-card{min-height:110px;grid-column:auto!important;grid-row:auto!important}}.curate-card:hover{filter:brightness(1.12);border-color:var(--text)}.curate-card-review{background:linear-gradient(145deg,rgba(97,175,239,.13) 0%,transparent 70%);border-color:#61afef40}.curate-card-template{background:linear-gradient(145deg,rgba(198,120,221,.13) 0%,transparent 70%);border-color:#c678dd40}@media(max-width:640px){.curate-card-review{order:1}.curate-card-template{order:2}.curate-card-blank{order:3}}.catbal{margin-bottom:16px;flex-shrink:0}.catbal-strip{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:4px 0;cursor:pointer}.catbal-strip-label{font-size:10px;font-family:var(--mono);color:var(--text-h);white-space:nowrap;min-width:44px;text-align:right}.catbal-stacked-outer{position:relative;flex:1}.catbal-stacked{display:flex;height:8px;border-radius:4px;overflow:hidden;flex:1;gap:1px;background:var(--border)}.catbal-segment{transition:opacity .15s;pointer-events:none}.catbal-segment-dim{opacity:.25}@media(hover:hover)and (pointer:fine){.catbal-segment{pointer-events:auto}}.catbal-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:11px;font-family:var(--mono);color:var(--text-h);white-space:nowrap;pointer-events:none;align-items:center;gap:7px;z-index:10}@media(hover:hover)and (pointer:fine){.catbal-tooltip{display:flex}}.catbal-tooltip-swatch{width:7px;height:7px;border-radius:50%;flex-shrink:0}.catbal-tooltip-count{opacity:.55}.catbal-chevron{font-size:10px;color:var(--text);opacity:.3;transition:transform .3s ease;display:inline-block}.catbal-strip[aria-expanded=true] .catbal-chevron{transform:rotate(180deg)}.catbal-expanded-wrap{overflow:hidden;max-height:0;transition:max-height .3s ease}.catbal-expanded-wrap--open{max-height:300px}.catbal-expanded{margin-top:10px;display:flex;flex-direction:column;gap:6px}.catbal-row{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:10px}.catbal-name{font-size:11px;font-family:var(--mono);color:var(--text);opacity:.6;text-align:right}.catbal-track{position:relative;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.catbal-fill{position:absolute;top:0;left:0;bottom:0;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1);z-index:0}.catbal-tick{position:absolute;top:0;bottom:0;width:1px;background:var(--bg);opacity:.5;transform:translate(-50%);z-index:1}.catbal-count{font-size:11px;font-family:var(--mono);color:var(--text);opacity:.4;text-align:right}.catbal-milestone-row{display:grid;grid-template-columns:80px 1fr 40px;gap:10px;margin-top:1px}.catbal-milestone-labels{position:relative;height:14px}.catbal-milestone-label{position:absolute;top:0;line-height:1;font-size:9px;font-family:var(--mono);color:var(--text);opacity:.3}.curate-card-title{font-size:28px;font-weight:600;color:var(--text-h);letter-spacing:-.5px}@media(max-width:640px){.curate-card-title{font-size:20px}}.curate-card-desc{margin-top:6px;font-size:12px;font-family:var(--mono);color:var(--text);opacity:.5}