:root{color-scheme:light dark;--radius: .625rem;--radius-sm: calc(var(--radius) * .6);--radius-lg: calc(var(--radius) * 1.4);--background: oklch(.988 .003 80);--foreground: oklch(.185 .013 265);--card: oklch(1 .001 80);--card-foreground: var(--foreground);--muted: oklch(.966 .004 80);--muted-foreground: oklch(.505 .014 265);--border: oklch(.915 .005 80);--input: oklch(.905 .006 80);--ring: oklch(.62 .098 72);--primary: oklch(.548 .104 68);--primary-foreground: oklch(.995 .002 80);--secondary: oklch(.966 .004 80);--secondary-foreground:var(--foreground);--accent: oklch(.955 .012 78);--accent-foreground: oklch(.3 .05 72);--win: oklch(.505 .105 162);--loss: oklch(.505 .16 24);--draw: oklch(.5 .022 265);--sq-light: oklch(.855 .03 84);--sq-dark: oklch(.615 .062 62);--display: "Familjen Grotesk", ui-sans-serif, system-ui, sans-serif;--mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;--rail-w: 3px;--tap: 44px;--measure: 760px;--out: cubic-bezier(.22, 1, .36, 1);--step--1: clamp(.78rem, .765rem + .08vw, .83rem);--step-0: clamp(.94rem, .92rem + .12vw, 1rem);--step-1: clamp(1.15rem, 1.08rem + .34vw, 1.34rem);--step-2: clamp(1.5rem, 1.32rem + .86vw, 2rem);--step-3: clamp(2rem, 1.6rem + 1.9vw, 3rem)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--background: oklch(.165 .012 265);--foreground: oklch(.965 .004 80);--card: oklch(.208 .014 265);--muted: oklch(.248 .014 265);--muted-foreground: oklch(.712 .014 265);--border: oklch(.995 .002 80 / 11%);--input: oklch(.995 .002 80 / 16%);--ring: oklch(.735 .09 74);--primary: oklch(.735 .09 74);--primary-foreground: oklch(.185 .02 70);--secondary: oklch(.248 .014 265);--accent: oklch(.268 .018 70);--accent-foreground: oklch(.92 .03 76);--win: oklch(.715 .115 162);--loss: oklch(.685 .15 24);--draw: oklch(.7 .022 265);--sq-light: oklch(.735 .03 84);--sq-dark: oklch(.505 .055 60)}}:root[data-theme=dark]{--background: oklch(.165 .012 265);--foreground: oklch(.965 .004 80);--card: oklch(.208 .014 265);--muted: oklch(.248 .014 265);--muted-foreground: oklch(.712 .014 265);--border: oklch(.995 .002 80 / 11%);--input: oklch(.995 .002 80 / 16%);--ring: oklch(.735 .09 74);--primary: oklch(.735 .09 74);--primary-foreground: oklch(.185 .02 70);--secondary: oklch(.248 .014 265);--accent: oklch(.268 .018 70);--accent-foreground: oklch(.92 .03 76);--win: oklch(.715 .115 162);--loss: oklch(.685 .15 24);--draw: oklch(.7 .022 265);--sq-light: oklch(.735 .03 84);--sq-dark: oklch(.505 .055 60)}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;padding-left:var(--rail-w);background:var(--background);color:var(--foreground);font:400 var(--step-0)/1.55 var(--display);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}a{color:inherit}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:-9999px;top:0;z-index:30;background:var(--primary);color:var(--primary-foreground);padding:.7rem 1rem;font-weight:600;border-radius:var(--radius)}.skip:focus{left:calc(var(--rail-w) + 10px);top:10px}.rail{position:fixed;inset:0 auto 0 0;width:var(--rail-w);background:var(--muted);z-index:20}.rail__fill{position:absolute;inset:auto 0 0;height:50%;background:var(--primary);transition:height 1s var(--out)}.wrap{max-width:var(--measure);margin:0 auto;padding-inline:clamp(1.1rem,4vw,1.75rem)}.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none}.brand__mark{width:26px;height:26px;display:block}.brand__text{font:600 var(--step-0)/1 var(--display);letter-spacing:-.01em}.icon-btn{min-width:38px;min-height:38px;display:grid;place-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;transition:background-color .16s var(--out)}.icon-btn:hover{background:var(--muted)}.theme-glyph{width:14px;height:14px;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%);border:1.5px solid currentColor}main{display:block;min-height:82vh}.btn-primary,.btn-outline,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--tap);padding:0 1rem;border-radius:var(--radius);font:500 var(--step--1) var(--display);letter-spacing:-.005em;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:background-color .16s var(--out),border-color .16s var(--out),color .16s var(--out)}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{filter:brightness(1.06)}.btn-outline{background:var(--card);color:var(--foreground);border-color:var(--border)}.btn-outline:hover{background:var(--muted)}.btn-ghost{background:none;color:var(--muted-foreground)}.btn-ghost:hover{background:var(--muted);color:var(--foreground)}.hero-wrap{padding-block:clamp(2.5rem,8vw,5rem) clamp(2rem,6vw,3.5rem)}.hero-grid{display:grid;gap:clamp(1.8rem,5vw,3.5rem);align-items:center}@media(min-width:800px){.hero-grid{grid-template-columns:minmax(0,1fr) 270px}}.hero{font:600 var(--step-3)/1.05 var(--display);letter-spacing:-.03em;margin:0 0 1rem;max-width:15ch}.hero em{font-style:normal;display:block;color:var(--muted-foreground)}.sub{font-size:var(--step-0);color:var(--muted-foreground);margin:0 0 clamp(1.5rem,4vw,2rem);max-width:46ch}.field{display:flex;gap:.5rem;flex-wrap:wrap}input[type=text],.search,select{font:400 16px var(--display);color:var(--foreground);background:var(--card);border:1px solid var(--input);border-radius:var(--radius);padding:0 .85rem;min-height:var(--tap);width:100%}input[type=text]:focus-visible,.search:focus-visible,select:focus-visible{border-color:var(--ring)}input::placeholder{color:var(--muted-foreground);opacity:1}#username{flex:1 1 13rem}.form-error{color:var(--loss);font-size:var(--step--1);margin:.7rem 0 0}.examples{font-size:var(--step--1);color:var(--muted-foreground);margin:1.1rem 0 0;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.chip{font:400 var(--step--1) var(--mono);background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:999px;padding:.35rem .75rem;min-height:32px;cursor:pointer;transition:background-color .16s var(--out)}.chip:hover{background:var(--muted)}.board{display:block;width:100%;height:auto}.board .sq-l{fill:var(--sq-light)}.board .sq-d{fill:var(--sq-dark)}.hero-board{margin:0;max-width:270px}.hero-board>div{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;line-height:0}.hero-board figcaption{font:400 var(--step--1) var(--mono);color:var(--muted-foreground);margin-top:.6rem;letter-spacing:-.02em}.who{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;padding-top:1.6rem;margin-bottom:1.1rem}.who__name{font:600 var(--step-2)/1.1 var(--display);letter-spacing:-.025em;margin:0;overflow-wrap:anywhere}.linkish{background:none;border:0;padding:.3rem 0;cursor:pointer;color:var(--muted-foreground);font:400 var(--step--1) var(--display);text-decoration:underline;text-underline-offset:3px}.linkish:hover{color:var(--foreground)}.cta{display:flex;align-items:center;gap:1rem;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;padding:.9rem 1rem;min-height:104px;margin-bottom:1.6rem;transition:border-color .16s var(--out),background-color .16s var(--out)}.cta:hover{border-color:var(--ring);background:var(--muted)}.cta__board{flex:none;width:76px;line-height:0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.cta__board:empty{display:none}.cta__text{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.cta__label{font:600 var(--step-1) var(--display);letter-spacing:-.02em}.cta__meta{font:400 var(--step--1) var(--mono);color:var(--muted-foreground);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cta__go{flex:none;color:var(--primary);font-size:1.1rem}.cta-note{color:var(--muted-foreground);margin:0 0 1.6rem;font-size:var(--step--1)}.controls{display:grid;gap:.5rem;margin-bottom:1rem}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filters select{flex:1 1 8rem;min-width:0;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 1rem center,right .72rem center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2rem}.tally{font:400 var(--step--1) var(--display);color:var(--muted-foreground);margin:0 0 .6rem}.list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);overflow:hidden}.row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.7rem .8rem;border-top:1px solid var(--border);transition:background-color .16s var(--out)}.row:first-child{border-top:0}.row:hover{background:var(--muted)}.row:focus-within{background:var(--muted)}@media(min-width:560px){.row{grid-template-columns:68px minmax(0,1fr) auto;gap:1rem;padding:.8rem 1rem}}.row__game{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.row__board{line-height:0;aspect-ratio:1;background:var(--sq-dark)}.row__label{font:500 .66rem/1 var(--display);padding:.26rem 0;text-align:center;letter-spacing:.02em;text-transform:uppercase;color:var(--primary-foreground)}@media(min-width:560px){.row__label{font-size:.7rem;padding:.3rem 0}}.row--win .row__label{background:var(--win)}.row--loss .row__label{background:var(--loss)}.row--draw .row__label{background:var(--draw)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .row__label{color:#0b0d13}}:root[data-theme=dark] .row__label{color:#0b0d13}.opp{font-weight:600;font-size:var(--step-0);letter-spacing:-.012em;overflow-wrap:anywhere}.opp-rating{font:400 var(--step--1) var(--mono);color:var(--muted-foreground);margin-left:.35rem}.row__meta{color:var(--muted-foreground);font:400 var(--step--1) var(--mono);margin-top:.15rem;letter-spacing:-.02em;display:flex;flex-wrap:wrap;gap:0 .6rem}.row__opening{color:var(--muted-foreground);font-size:var(--step--1);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side{opacity:.8}.delta{font-weight:500;cursor:help}.delta-up{color:var(--win)}.delta-down{color:var(--loss)}.delta-none{color:var(--muted-foreground);font-weight:400}.row__actions{display:flex;align-items:center;gap:.35rem}.analyse{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 .85rem;background:var(--primary);color:var(--primary-foreground);font:500 var(--step--1) var(--display);text-decoration:none;border:0;border-radius:var(--radius);cursor:pointer;transition:filter .16s var(--out)}.analyse:hover{filter:brightness(1.06)}.review{min-height:38px;padding:0 .8rem;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);font:500 var(--step--1) var(--display);cursor:pointer;transition:background-color .16s var(--out)}.review:hover{background:var(--muted)}.review:disabled{opacity:.55;cursor:default}.menu{position:relative}.menu__btn{min-height:38px;min-width:32px;background:none;border:0;color:var(--muted-foreground);font-size:1.05rem;cursor:pointer;border-radius:var(--radius)}.menu__btn:hover{color:var(--foreground);background:var(--muted)}.menu__pop{position:absolute;right:0;top:calc(100% + 4px);z-index:15;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.25rem;min-width:13rem;box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f;display:grid}.menu__pop button,.menu__pop a{background:none;border:0;text-align:left;cursor:pointer;font:400 var(--step--1) var(--display);color:var(--foreground);padding:.55rem .6rem;min-height:38px;border-radius:var(--radius-sm);text-decoration:none;display:flex;align-items:center}.menu__pop button:hover,.menu__pop a:hover{background:var(--muted)}@media(prefers-reduced-motion:no-preference){.row{animation:rise .4s var(--out) backwards}.row:nth-child(1){animation-delay:.01s}.row:nth-child(2){animation-delay:.03s}.row:nth-child(3){animation-delay:.05s}.row:nth-child(4){animation-delay:.07s}.row:nth-child(n+5){animation-delay:.09s}}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}.sk{height:68px;border-top:1px solid var(--border)}.sk:first-child{border-top:0}.sk__inner{height:100%;background:linear-gradient(90deg,transparent,var(--muted),transparent);background-size:220% 100%;animation:sweep 1.4s linear infinite}@keyframes sweep{to{background-position:-220% 0}}.status{padding-block:3rem 3.5rem}.status__art{width:56px;margin-bottom:1.1rem;opacity:.8}.status__art .piece{display:block;width:100%;height:auto}.status h2{font:600 var(--step-2)/1.15 var(--display);letter-spacing:-.025em;margin:0 0 .5rem;max-width:20ch}.status p{color:var(--muted-foreground);margin:0 0 1.4rem;max-width:48ch}.status__actions{display:flex;gap:.5rem;flex-wrap:wrap}.more{margin-block:1.1rem 2.4rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.note{color:var(--muted-foreground);font-size:var(--step--1);margin:0}.nudge{position:sticky;bottom:0;z-index:18;background:var(--card);border-top:1px solid var(--border)}.nudge__in{display:flex;align-items:center;gap:.8rem;padding-block:.65rem}.nudge p{margin:0;flex:1;font-size:var(--step--1);color:var(--muted-foreground)}.nudge__x{background:none;border:0;color:var(--muted-foreground);cursor:pointer;font-size:1.3rem;line-height:1;min-width:34px;min-height:34px;border-radius:var(--radius-sm)}.nudge__x:hover{background:var(--muted);color:var(--foreground)}.foot{border-top:1px solid var(--border);padding-block:2.2rem 2.8rem}.foot p{margin:0 0 1.1rem}.foot__lichess{font-size:var(--step-0);max-width:54ch;color:var(--muted-foreground)}.foot__lichess a{color:var(--foreground);font-weight:500;text-underline-offset:3px}.btns{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}.btn{display:inline-flex;align-items:center;gap:.5rem;min-height:38px;padding:0 .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font:500 var(--step--1) var(--display);text-decoration:none;cursor:pointer;transition:background-color .16s var(--out)}.btn:hover{background:var(--muted)}.btn svg{width:15px;height:15px;flex:none;fill:currentColor}.btn__count{font:400 var(--step--1) var(--mono);color:var(--muted-foreground);padding-left:.5rem;margin-left:.1rem;border-left:1px solid var(--border)}.btn--coffee{padding:0;border:0;background:none;min-height:0}.btn--coffee img{display:block;height:38px;width:auto;border-radius:var(--radius-sm)}.foot__legal{font-size:var(--step--1);line-height:1.6;color:var(--muted-foreground);max-width:64ch}.foot__legal a{color:var(--foreground)}.toast{position:fixed;left:50%;bottom:1.3rem;transform:translate(-50%);background:var(--foreground);color:var(--background);padding:.7rem 1.1rem;border-radius:var(--radius);font-size:var(--step--1);font-weight:500;z-index:40;box-shadow:0 8px 24px #0000002e;max-width:calc(100vw - 2rem)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}