:root{--fr-bg:#eef2e7;--fr-ink:#111913;--fr-card:#fbfff7;--fr-line:#c7d4bd;--fr-lime:#98d64d;--fr-green:#1f6b42;--fr-blue:#245d7a;--fr-red:#a33d28;--fr-shadow:0 24px 70px rgba(20,38,20,.16)}body.fr-page{font-family:"Manrope",sans-serif;color:var(--fr-ink);background:linear-gradient(135deg,#eef2e7 0%,#dce9d0 58%,#f7f2df 100%)}.fr-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 12%,rgba(152,214,77,.28),transparent 22rem),radial-gradient(circle at 96% 2%,rgba(36,93,122,.18),transparent 26rem),linear-gradient(90deg,rgba(17,25,19,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(17,25,19,.03) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px}.fr-hud{background:rgba(251,255,247,.84);border-bottom:1px solid rgba(17,25,19,.14);backdrop-filter:blur(18px)}.fr-stage{padding:72px 24px 34px}.fr-hero{max-width:1480px;margin:0 auto 18px;display:grid;grid-template-columns:1fr 260px;gap:18px}.fr-hero>div:first-child,.fr-hero-card{background:rgba(251,255,247,.90);border:1px solid rgba(17,25,19,.14);border-radius:32px;box-shadow:var(--fr-shadow);padding:32px}.fr-kicker{font:700 .75rem "Fragment Mono",monospace;text-transform:uppercase;letter-spacing:.16em;color:var(--fr-green);margin:0 0 12px}.fr-hero h1{font-family:"DM Serif Display",serif;font-size:clamp(2.2rem,5vw,5.3rem);line-height:.93;letter-spacing:-.045em;margin:0;max-width:900px}.fr-hero p{max-width:820px;line-height:1.6;color:rgba(17,25,19,.72)}.fr-hero-card{display:flex;flex-direction:column;justify-content:center}.fr-hero-card span{font:700 .72rem "Fragment Mono",monospace;text-transform:uppercase;color:var(--fr-green)}.fr-hero-card strong{font-size:2rem;margin:8px 0}.fr-grid{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:280px minmax(520px,1fr) 360px;gap:18px}.fr-panel{background:rgba(251,255,247,.9);border:1px solid rgba(17,25,19,.14);border-radius:26px;overflow:hidden;box-shadow:0 16px 52px rgba(20,38,20,.10)}.fr-panel>header{display:flex;align-items:center;gap:12px;padding:15px 17px;background:rgba(228,238,218,.86);border-bottom:1px solid rgba(17,25,19,.12)}.fr-panel header span{font:700 .7rem "Fragment Mono",monospace;border:1px solid rgba(31,107,66,.34);border-radius:999px;padding:4px 8px;color:var(--fr-green)}.fr-panel h2{font-family:"DM Serif Display",serif;font-size:1.35rem;margin:0}.fr-tabs{display:grid;gap:8px;padding:14px}.fr-tabs button{border:1px solid rgba(17,25,19,.14);background:#f8fff1;color:var(--fr-ink);border-radius:18px;padding:11px;text-align:left;cursor:pointer;font-weight:800}.fr-tabs button span{display:block;font:400 .72rem/1.35 "Fragment Mono",monospace;color:rgba(17,25,19,.62);margin-top:4px}.fr-tabs button.fr-on,.fr-tabs button:hover{background:var(--fr-ink);color:#f8fff1}.fr-tabs button.fr-on span,.fr-tabs button:hover span{color:rgba(248,255,241,.70)}.fr-policy-tabs{border-top:1px solid rgba(17,25,19,.12)}.fr-copy{padding:0 16px 16px;color:rgba(17,25,19,.70);line-height:1.55;font-size:.9rem}.fr-main{min-height:720px}.fr-matrix{padding:16px;display:grid;gap:10px;overflow:auto}.fr-row{display:grid;grid-template-columns:150px repeat(5,minmax(160px,1fr));gap:8px;min-width:980px}.fr-cell{border:1px solid rgba(17,25,19,.12);border-radius:18px;background:rgba(255,255,255,.56);padding:10px;min-height:82px}.fr-cell.fr-head{background:#111913;color:#f8fff1;font:700 .72rem "Fragment Mono",monospace;text-transform:uppercase}.fr-cell strong{display:block;font-size:.92rem;word-break:break-word}.fr-cell small{display:block;color:rgba(17,25,19,.62);margin-top:5px}.fr-score{display:inline-block;margin-top:8px;font:700 .72rem "Fragment Mono",monospace;background:rgba(152,214,77,.24);border:1px solid rgba(31,107,66,.20);border-radius:999px;padding:4px 7px}.fr-leaderboard{padding:16px;display:grid;gap:10px}.fr-rank{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:start;border:1px solid rgba(17,25,19,.12);border-radius:20px;background:rgba(255,255,255,.56);padding:12px}.fr-rank .num{font:700 .9rem "Fragment Mono",monospace;color:var(--fr-green)}.fr-rank h3{margin:0;font-size:1rem}.fr-rank p{margin:5px 0 0;color:rgba(17,25,19,.70);font-size:.86rem}.fr-side{display:grid;gap:18px;align-content:start}.fr-panel pre{margin:14px;background:#111913;color:#efffe1;border-radius:18px;padding:14px;white-space:pre-wrap;word-break:break-word;font:400 .74rem/1.5 "Fragment Mono",monospace}.fr-components,.fr-history{display:grid;gap:10px;padding:14px;max-height:330px;overflow:auto}.fr-component,.fr-run{border:1px solid rgba(17,25,19,.12);border-radius:18px;padding:11px;background:rgba(255,255,255,.56)}.fr-component h3,.fr-run h3{margin:0 0 6px;font-size:.96rem}.fr-bars{display:grid;gap:5px}.fr-bar{height:8px;border-radius:999px;background:#dce9d0;overflow:hidden}.fr-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--fr-green),var(--fr-lime))}.fr-component p,.fr-run p{margin:4px 0;color:rgba(17,25,19,.70);font-size:.84rem}.fr-foot{max-width:1480px;margin:18px auto 0;padding:14px 20px;border:1px solid rgba(17,25,19,.14);border-radius:20px;background:rgba(251,255,247,.88);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.fr-foot p{margin:0;color:rgba(17,25,19,.70);font-size:.86rem}.fr-foot code{font-family:"Fragment Mono",monospace;color:var(--fr-green)}@media(max-width:1220px){.fr-grid,.fr-hero{grid-template-columns:1fr}.fr-row{min-width:900px}}@media(max-width:720px){.fr-stage{padding:66px 12px 24px}.fr-hero>div:first-child,.fr-hero-card{padding:24px;border-radius:24px}.fr-row{grid-template-columns:130px repeat(5,150px);min-width:900px}.fr-rank{grid-template-columns:1fr}.fr-matrix{padding:10px}}