:root{color-scheme:dark;--bg:#0b1018;--panel:#121a25;--line:#27313d;--ink:#f4f5f3;--muted:#91a0b0;--lime:#c3f36a;--easy:#64dba7;--medium:#f5c76d;--hard:#fa897e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 'DM Sans',sans-serif;min-height:100vh}.ambient{position:absolute;z-index:-1;top:0;left:0;width:100%;height:780px;pointer-events:none;background:radial-gradient(ellipse 55% 50% at 82% 18%,#526c391b,transparent 70%),radial-gradient(ellipse 45% 65% at 3% 42%,#2d526523,transparent 75%)}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}a{color:inherit;text-decoration:none}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px}.mark{font:700 26px 'Space Grotesk',sans-serif;letter-spacing:-2px}.mark span,.accent{color:var(--lime)}.brand-divider{height:22px;width:1px;background:#394555}.brand-label{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:2.3px;color:var(--muted)}nav{display:flex;gap:34px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover,.footer a:hover{color:var(--lime)}nav span{color:var(--lime)}.hero{padding:112px 0 100px}.eyebrow,.section-kicker,.stat-label,.footer{font:700 11px 'Space Grotesk',sans-serif;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--lime)}.live-dot,.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime)}.eyebrow-line{height:1px;width:40px;background:#607553}h1,h2,p{margin-top:0}h1{font:600 clamp(54px,8.5vw,112px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:26px 0 46px}h1 em{font-style:normal;color:var(--lime)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{max-width:475px;font-size:18px;color:#aab5c1;line-height:1.65;margin:0}.text-link{white-space:nowrap;border-bottom:1px solid var(--lime);padding-bottom:10px;color:var(--lime);font-weight:700}.text-link span{margin-left:25px}.section-head,.panel-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-kicker{color:var(--lime);font-size:10px}.section-head h2{font:600 34px 'Space Grotesk',sans-serif;letter-spacing:-1.7px;margin:10px 0 28px}.updated{font-size:12px;color:var(--muted);margin-bottom:33px}.stat-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:12px}.stat-card,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#17202b,#111923);border-radius:15px}.stat-card{padding:26px 25px;min-height:185px;display:flex;flex-direction:column}.stat-card.total{background:linear-gradient(135deg,#263b2b,#14241f);border-color:#45633a}.stat-label{color:#9eadb8;display:flex;justify-content:space-between;align-items:center}.stat-card strong{font:600 64px/1 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:24px 0 12px}.stat-card.total strong{color:var(--lime)}.stat-foot{font-size:11px;color:#8e9ca8;margin-top:auto}.stat-foot span{float:right;color:var(--lime)}.dot.easy{background:var(--easy)}.dot.medium{background:var(--medium)}.dot.hard{background:var(--hard)}.insights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.panel{padding:30px;min-height:320px}.panel-head{align-items:start}.panel h2{font:600 25px 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:8px 0 0}.panel-icon{font-size:22px;color:#718297}.ring-wrap{display:flex;align-items:center;gap:42px;margin-top:36px}.ring{width:175px;height:175px;flex:none;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--easy) 0 33%,var(--medium) 33% 80%,var(--hard) 80%)}.ring:before{content:'';position:absolute;inset:18px;background:#141d27;border-radius:50%}.ring>span{position:relative;text-align:center;font:600 38px 'Space Grotesk',sans-serif;letter-spacing:-2px}.ring small{display:block;color:var(--muted);font:700 10px 'Space Grotesk',sans-serif;letter-spacing:2px}.legend{flex:1;display:grid;gap:18px}.legend-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#b3beca}.legend-row strong{margin-left:auto;color:var(--ink)}.language-list{margin-top:30px;display:grid;gap:16px}.language-line{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:7px}.language-line span:last-child{color:var(--muted);font-weight:500}.track{height:7px;background:#27323d;border-radius:20px;overflow:hidden}.track>span{display:block;height:100%;background:var(--lime);border-radius:20px}.explore{padding:100px 0 105px;scroll-margin-top:25px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:4px 0 19px}.search{flex:1;max-width:460px;position:relative}.search>span:not(.sr-only){position:absolute;left:17px;top:7px;color:var(--lime);font-size:26px}.search input,select{height:48px;background:#151e29;border:1px solid #303c49;border-radius:8px;color:var(--ink);font:500 13px 'DM Sans',sans-serif;outline:none}.search input{width:100%;padding:0 15px 0 48px}.search input::placeholder{color:#82909f}.search input:focus,select:focus{border-color:var(--lime)}.filters{display:flex;gap:9px}select{padding:0 33px 0 14px;cursor:pointer}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#111923}table{border-collapse:collapse;width:100%;min-width:790px;text-align:left}th{height:54px;background:#1b2530;color:#8e9dad;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:1.5px}td{height:67px;border-top:1px solid #27313d;font-size:13px;color:#a8b5c1}th,td{padding:0 18px}th:first-child,td:first-child{padding-left:25px}th:last-child,td:last-child{padding-right:25px}td:nth-child(2){color:var(--ink);font-weight:600}td a:hover{color:var(--lime)}.number{color:#82909f;font-family:'Space Grotesk',sans-serif}.pill{display:inline-block;border-radius:5px;padding:5px 9px;font-size:11px;font-weight:700}.pill.Easy{color:var(--easy);background:#64dba71a}.pill.Medium{color:var(--medium);background:#f5c76d1a}.pill.Hard{color:var(--hard);background:#fa897e1a}.source{color:var(--lime);white-space:nowrap;font-weight:700}.empty{text-align:center;height:130px}.archive-note{font-size:12px;color:var(--muted);margin:17px 0 0;line-height:1.7}.footer{border-top:1px solid var(--line);padding:32px 0 40px;display:flex;justify-content:space-between;gap:16px;color:#778796;font-size:9px}.footer a{color:var(--lime)}.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}@media(max-width:850px){.wrap{width:min(100% - 36px,680px)}.hero{padding:85px 0 70px}.stat-grid{grid-template-columns:repeat(2,1fr)}.insights{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search{max-width:none;width:100%;flex:auto}.filters{width:100%}.filters select{flex:1;min-width:0}.footer{flex-wrap:wrap}}@media(max-width:540px){.topbar{height:75px}.brand-label{font-size:8px}.brand{gap:10px}nav{gap:13px;font-size:11px}.hero{padding:70px 0}.hero-bottom{align-items:start;flex-direction:column;gap:30px}.hero-bottom p{font-size:16px}.stat-card{padding:18px;min-height:150px}.stat-card strong{font-size:52px}.stat-label{font-size:9px}.section-head h2{font-size:29px}.updated{font-size:10px;text-align:right}.panel{padding:22px}.ring-wrap{gap:22px}.ring{height:145px;width:145px}.ring:before{inset:16px}.legend{gap:12px}.filters{flex-wrap:wrap}.filters select{flex-basis:44%}.filters select:last-child{flex-basis:100%}.explore{padding:75px 0}.footer span:nth-child(2){display:none}}

/* Shared visual language with the matteoroda.com work-in-progress homepage. */
:root{--bg:#121719;--panel:#1b2324;--line:#34413c;--ink:#f2f0e8;--muted:#a6b2ad;--lime:#ccfa6b;--orange:#ff885c;--easy:#82dbab;--medium:#f4c775;--hard:#ff927d}
body{position:relative;overflow-x:hidden;background:var(--bg);color:var(--ink)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:radial-gradient(#d8e3d9 .6px,transparent .6px);background-size:7px 7px}
.ambient{height:700px;background:radial-gradient(ellipse 45% 55% at 85% 18%,#ccfa6b12,transparent 75%)}
.wrap{width:min(1200px,calc(100% - 64px))}
.topbar{height:104px;border-color:#ffffff25}
.brand{gap:14px}.mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--lime);color:#172024;font:700 23px 'Space Grotesk',sans-serif;letter-spacing:-.08em;transform:rotate(-13deg)}
.mark span{color:inherit}.brand-name{font:700 24px 'Space Grotesk',sans-serif;letter-spacing:-.055em;white-space:nowrap}.brand-divider{background:#ffffff35;margin:0 4px}.brand-label{color:var(--lime);letter-spacing:.13em}
nav{gap:24px}nav a{color:#c3cec8;transition:color .2s}nav a:hover,.footer a:hover{color:var(--lime)}
.hero{min-height:595px;padding:94px 0 106px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:8%}
.hero-copy{min-width:0}.eyebrow{display:inline-flex;gap:10px;border:1px solid #ffffff35;border-radius:30px;padding:10px 15px;color:var(--lime);font-size:10px;letter-spacing:.12em}.eyebrow-line{width:24px;background:#ffffff40}.live-dot{box-shadow:0 0 14px var(--lime)}
h1{font-weight:700;font-size:clamp(64px,7.8vw,111px);line-height:.93;letter-spacing:-.09em;margin:30px 0 30px}h1 em{position:relative;display:inline-block;white-space:nowrap}h1 em::after{content:"";position:absolute;left:4%;right:0;bottom:-13px;border-bottom:5px solid var(--orange);transform:rotate(-2deg);border-radius:50%}
.hero-copy>p{color:#c3cec8;font-size:clamp(16px,1.5vw,19px);line-height:1.65;max-width:590px;margin:0 0 30px}
.hero-cta{display:inline-flex;align-items:center;gap:23px;min-height:56px;padding:0 23px;border-radius:10px;background:var(--lime);color:#172024;font-weight:700;transition:transform .2s,background .2s}.hero-cta:hover{transform:translateY(-3px);background:#e1ffa0}.hero-cta span{font-size:23px}
.hero-ticket{justify-self:center;width:min(100%,370px);min-height:340px;position:relative;border-radius:19px;background:var(--ink);color:#172024;padding:28px;box-shadow:16px 18px 0 #26302d,24px 26px 0 #89a46a;transform:rotate(5deg);animation:ticket-float 5s ease-in-out infinite}
.hero-ticket::before{content:"";position:absolute;top:70px;left:-8px;width:16px;height:16px;border-radius:50%;background:var(--bg);box-shadow:370px 0 var(--bg)}
.ticket-top{display:flex;justify-content:space-between;border-bottom:2px dashed #aeb7aa;padding-bottom:20px;font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.08em}
.ticket-symbol{font:700 67px 'Space Grotesk',sans-serif;letter-spacing:-.12em;text-align:center;margin:18px 0 6px;color:#25312b}.ticket-symbol span{color:#77a02e}
.hero-ticket strong{display:block;text-align:center;font:700 32px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.065em}.hero-ticket p{text-align:center;color:#57635c;font-size:14px;margin:12px 0 0}.ticket-stamp{position:absolute;right:-17px;top:106px;transform:rotate(14deg);border:2px solid #172024;border-radius:50%;padding:14px 10px;background:var(--lime);font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.09em}
@keyframes ticket-float{50%{transform:rotate(2deg) translateY(-10px)}}
.section-kicker{font-size:11px;letter-spacing:.14em}.section-head h2{font-weight:700;font-size:clamp(32px,3.4vw,43px);letter-spacing:-.06em;margin-bottom:26px}.updated{color:var(--muted)}
.stat-grid,.insights{gap:14px}.stat-card,.panel{background:#1c2524;border:1px solid #34413c;border-radius:16px;box-shadow:0 8px 24px #00000012}
.stat-card{min-height:190px}.stat-card.total{background:var(--lime);border-color:var(--lime);color:#172024}.stat-card.total strong{color:#172024}.stat-card.total .stat-label,.stat-card.total .stat-foot,.stat-card.total .stat-foot span{color:#394d2d}
.stat-label{color:#b7c5bc}.stat-foot{color:#a6b2ad}.stat-card strong{font-weight:700}
.panel{min-height:328px}.panel-icon{color:var(--orange)}.panel h2{font-weight:700}.ring:before{background:#1c2524}.legend-row{color:#c3cec8}.track{background:#34413c}
.explore{padding-top:112px}.toolbar{margin-top:6px}.search input,select{background:#1c2524;border:1px solid #47534e;color:var(--ink);border-radius:9px}.search input::placeholder{color:#a6b2ad}.search input:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #ccfa6b22}
.table-scroll{background:#1c2524;border-color:#34413c;border-radius:15px}th{background:#25312d;color:#b8c9ba}td{border-color:#34413c;color:#c3cec8}tbody tr:hover{background:#ffffff08}td:nth-child(2){color:var(--ink)}.number{color:#a6b2ad}
.pill.Easy{background:#82dbab1f}.pill.Medium{background:#f4c7751f}.pill.Hard{background:#ff927d1f}.archive-note{color:var(--muted)}.footer{border-color:#ffffff25;color:var(--muted)}.footer a{color:var(--lime)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:64px;padding:80px 0}.hero-ticket{margin:0 0 0 10px}.wrap{width:min(680px,calc(100% - 40px))}}
@media(max-width:540px){.topbar{height:82px}.brand{gap:9px}.mark{width:35px;height:35px;font-size:20px}.brand-name{font-size:17px}.brand-divider{height:18px;margin:0}.brand-label{font-size:7px;letter-spacing:.1em}nav{gap:12px;font-size:10px}.hero{padding:66px 0 85px;gap:58px}.eyebrow{font-size:8px;gap:7px}.eyebrow-line{width:12px}h1{font-size:clamp(59px,14vw,82px);margin-bottom:28px}.hero-copy>p{font-size:16px}.hero-ticket{width:290px;min-height:320px;padding:22px}.hero-ticket::before{box-shadow:290px 0 var(--bg)}.ticket-symbol{font-size:58px}.hero-ticket strong{font-size:27px}.ticket-stamp{right:-12px;font-size:8px}.stat-card.total{grid-column:span 2}.section-head h2{font-size:31px}.explore{padding-top:76px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-ticket{animation:none}*{transition:none!important}}
body::before{z-index:0}
.topbar,main,.footer{position:relative;z-index:1}

/* Version history */
.stat-grid{grid-template-columns:1.45fr repeat(4,1fr)}
.stat-card.revisited{background:linear-gradient(145deg,#303523,#1d2825);border-color:#677a4b}
.stat-card.revisited strong{color:var(--lime)}
.stat-card.revisited .stat-label span{color:var(--orange);font-size:19px;line-height:0}
.version-count{display:inline-block;cursor:pointer;white-space:nowrap;border:1px solid #667d46;border-radius:100px;padding:6px 11px;background:#ccfa6b1c;color:var(--lime);font-size:11px;font-weight:700;list-style:none}
.version-count::-webkit-details-marker{display:none}
.version-count::after{content:' ▾'}
.version-details[open] .version-count::after{content:' ▴'}
.version-list{display:grid;gap:7px;min-width:240px;margin:10px 0 16px;padding:12px;border-radius:9px;background:#29332d;border:1px solid #53684e;box-shadow:0 8px 20px #0003}
.version-list a{color:var(--ink);white-space:nowrap;font-size:11px}
.version-list a:hover{color:var(--lime)}
.zero-revisit{color:#819086}
.version-count:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(3,1fr)}.stat-card.total{grid-column:span 2}}
@media(max-width:680px){.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card.revisited{grid-column:span 2}}