/* 코드패스(저지) 레이아웃 공통 스타일 — layout/judge/base.html 에서 분리(10/23). WAR 안 자산이라 정적 서버 배포 없이 반영된다. */
:root{--j-bg:#f6f8fa;--j-fg:#1b2733;--j-mute:#5b6b7a;--j-line:#d8e0e8;--j-accent:#1f6feb;--j-ac:#1a7f37;--j-wa:#cf222e;--j-card:#fff}
@media (prefers-color-scheme:dark){:root{--j-bg:#0f1419;--j-fg:#e6edf3;--j-mute:#9aa7b4;--j-line:#2d3640;--j-accent:#58a6ff;--j-ac:#3fb950;--j-wa:#f85149;--j-card:#161b22}}
*{box-sizing:border-box}body{margin:0;background:var(--j-bg);color:var(--j-fg);font-family:"Pretendard Variable",Pretendard,system-ui,sans-serif;line-height:1.6}
a{color:var(--j-accent)}.j-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.j-top{background:var(--j-card);border-bottom:1px solid var(--j-line)}
.j-top .j-wrap{display:flex;align-items:center;gap:20px;min-height:56px;flex-wrap:wrap}
.j-brand{font-weight:800;font-size:1.15rem;text-decoration:none;color:var(--j-fg)}.j-brand span{color:var(--j-accent)}
.j-nav{display:flex;gap:16px;flex:1;flex-wrap:wrap}.j-nav a{color:var(--j-fg);text-decoration:none;font-weight:600}.j-nav a[aria-current=page]{color:var(--j-accent)}
.j-user{display:flex;gap:12px;font-size:.92rem}
main.j-wrap{padding-top:24px;padding-bottom:48px}
.j-card{background:var(--j-card);border:1px solid var(--j-line);border-radius:10px;padding:16px 20px;margin-bottom:16px}
.j-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
table.j-table{width:100%;border-collapse:collapse;font-size:.94rem}.j-table th,.j-table td{border-bottom:1px solid var(--j-line);padding:8px 6px;text-align:left}
.j-table th{color:var(--j-mute);font-weight:600}.j-num{text-align:right!important;font-variant-numeric:tabular-nums}
.v-AC{color:var(--j-ac);font-weight:700}.v-WA,.v-RE,.v-TLE,.v-CE,.v-PE,.v-OLE{color:var(--j-wa);font-weight:600}
.j-hero h1{margin:0 0 4px;font-size:1.8rem}.j-hero p{margin:0;color:var(--j-mute)}
.j-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.j-filter label{display:flex;flex-direction:column;font-size:.85rem;color:var(--j-mute)}
.j-brand small{font-size:.7rem;color:var(--j-mute);font-weight:600}
.tier{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap;border:1px solid currentColor}
.tier-bit{color:#8a6d3b}.tier-byte{color:#5f7a8a}.tier-kilo{color:#b8860b}.tier-mega{color:#1a9c7a}.tier-giga{color:#2f6fdc}.tier-tera{color:#c0266d}
.j-tabs{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.j-tabs a{padding:6px 14px;border:1px solid var(--j-line);border-radius:999px;text-decoration:none;color:var(--j-fg)}
.j-tabs a[aria-current=page]{background:var(--j-accent);border-color:var(--j-accent);color:#fff}
.j-note{color:var(--j-mute)}.j-error{color:var(--j-wa);font-weight:600}.j-meta{color:var(--j-mute);font-size:.88rem}
.j-body{white-space:pre-wrap;word-break:break-word;margin:12px 0}.j-code{font-family:ui-monospace,Menlo,monospace;font-size:.88rem;white-space:pre;overflow:auto;background:var(--j-bg);padding:12px;border-radius:8px}
.j-form{display:flex;flex-direction:column;gap:10px}.j-form label{display:flex;flex-direction:column;gap:4px;font-weight:600}
.j-form input,.j-form textarea,.j-form select{font:inherit;padding:8px;border:1px solid var(--j-line);border-radius:6px;background:var(--j-card);color:var(--j-fg)}
.j-form button{align-self:flex-start;padding:8px 18px;border:0;border-radius:6px;background:var(--j-accent);color:#fff;font-weight:700;cursor:pointer}
.j-reply{border-top:1px solid var(--j-line);padding:8px 0}.j-inline{display:inline}.j-link{background:none;border:0;color:var(--j-wa);cursor:pointer;padding:0;font:inherit}
.j-verified{color:var(--j-ac);font-size:.8rem;font-weight:700}.tier-lg{font-size:1rem;padding:3px 12px}.tier-none{color:var(--j-mute)}
.j-grass{display:flex;gap:3px;overflow-x:auto;padding-bottom:4px}.j-grass-col{display:flex;flex-direction:column;gap:3px}
.j-grass .g{width:11px;height:11px;border-radius:2px;background:var(--j-line)}.g1{background:#9be9a8!important}.g2{background:#40c463!important}.g3{background:#30a14e!important}.g4{background:#216e39!important}
.j-bar{display:grid;grid-template-columns:9em 1fr 3em;gap:8px;align-items:center;margin:4px 0}.j-bar-track{background:var(--j-line);border-radius:4px;height:10px;overflow:hidden}.j-bar-fill{display:block;height:100%;background:var(--j-accent)}
.j-solved{display:flex;flex-wrap:wrap;gap:6px}.j-solved a{font-variant-numeric:tabular-nums;text-decoration:none;font-weight:600}
.st-running{color:var(--j-ac);font-weight:700}.st-upcoming{color:var(--j-accent)}.st-ended{color:var(--j-mute)}
.c-ac{color:var(--j-ac);font-weight:700}.c-wa{color:var(--j-wa)}.j-countdown{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums}
.j-exam-banner{border-color:var(--j-accent);background:linear-gradient(90deg,rgba(31,111,235,.08),transparent)}
.j-cert-badge{display:inline-block;margin-right:6px;padding:2px 10px;border-radius:999px;background:#1f6feb;color:#fff;text-decoration:none;font-weight:700;font-size:.85rem}
.j-foot{border-top:1px solid var(--j-line);color:var(--j-mute);font-size:.85rem;padding:20px 0}
/* 표는 .j-scroll > .j-table, 선택 열은 .j-hide-mobile. 티어는 .tier[data-tier="1"~"30"]. */
:root{color-scheme:light dark;--j-font-mono:ui-monospace,SFMono-Regular,Menlo,monospace}
.j-wrap,.j-card,.j-grid>*{min-width:0}.j-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.j-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}
.j-scroll .j-table{min-width:480px}.j-table td{overflow-wrap:break-word;word-break:keep-all}.j-table th,.j-table td.j-num{white-space:nowrap}.j-table a{ text-underline-offset:3px}
/* 아직 래퍼가 없는 다른 묶음의 표에도 가로 넘침 방어를 적용한다. */
.j-table:not(.j-scroll .j-table){display:block;overflow-x:auto;max-width:100%}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--j-accent);outline-offset:3px}
.j-skip{position:absolute;top:-100px;left:16px;z-index:10;padding:10px;background:var(--j-card)}.j-skip:focus{top:8px}
.j-nav{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.j-nav a{padding:16px 0;min-height:48px}
.j-user a{padding:10px 0;white-space:nowrap}.j-brand{white-space:nowrap}
.j-hero{padding:36px;background:linear-gradient(120deg,rgba(31,111,235,.09),transparent 80%),var(--j-card)}
.j-hero h1{font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.04em;margin:8px 0 12px;line-height:1.3}
.j-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.08em;color:var(--j-accent)!important}
.j-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:24px 0 16px!important}
.j-button{display:inline-block;padding:10px 20px;background:#1f6feb;color:#fff;border-radius:8px;text-decoration:none;font-weight:700}
.j-practice{font-size:.88rem}.j-stats,.j-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.j-stats .j-card{display:flex;flex-direction:column;gap:4px}.j-stats span{color:var(--j-mute);font-size:.88rem}.j-stats strong{font-size:1.8rem;font-variant-numeric:tabular-nums}
.j-learning{margin:28px 0}.j-learning h2{margin-bottom:0}.j-learning>.j-note{margin-top:4px}
.j-steps a{text-decoration:none;color:var(--j-fg)}.j-steps a:hover{border-color:var(--j-accent)}.j-steps h3{margin:8px 0}.j-steps p{color:var(--j-mute);font-size:.9rem}.j-steps a>span:last-child{color:var(--j-accent);font-size:.88rem;font-weight:700}
.j-error-page{max-width:640px;margin:40px auto;text-align:center}.j-error-code{font:800 4rem var(--j-font-mono);color:var(--j-accent);margin:0}.j-error-page .j-actions{justify-content:center}
.tier[data-tier]{display:inline-flex;align-items:center;gap:4px}
.tier[data-tier]::before{content:"";display:inline-block;flex:none;width:20px;height:24px;background:currentColor;mask:var(--j-tier-icon) center/contain no-repeat}
@media(min-width:1200px){.j-top .j-wrap{gap:24px}.j-nav{gap:18px}}
@media(max-width:1199px){.j-top .j-wrap{gap:0 20px;justify-content:space-between}.j-nav{order:3;flex-basis:100%;gap:24px}.j-nav a{padding:10px 0}.j-user{margin-left:auto}}
@media(max-width:767px){.j-wrap{padding-left:12px;padding-right:12px}.j-top .j-wrap{gap:0 12px}.j-brand small{display:none}.j-user{gap:12px;font-size:.82rem}.j-nav{gap:22px;font-size:.92rem}.j-grid{grid-template-columns:minmax(0,1fr)}.j-card{padding:16px 14px}.j-hero{padding:24px 18px}.j-stats{gap:8px}.j-stats .j-card{padding:12px 8px}.j-stats span{font-size:.74rem}.j-stats strong{font-size:1.35rem}.j-steps{grid-template-columns:minmax(0,1fr);gap:0}.j-hide-mobile{display:none!important}.j-bar{grid-template-columns:6em 1fr 3em}.j-tabs{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.j-filter>*{max-width:100%}.j-filter input,.j-filter select{max-width:100%}.j-foot{overflow-wrap:anywhere}.j-error-page{margin:16px auto}}
.tier[data-tier="1"]{color:#a06a35;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="2"]{color:#a06a35;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="3"]{color:#a06a35;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="4"]{color:#a06a35;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="5"]{color:#a06a35;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3Cpath%20d%3D%22M17%209v10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="6"]{color:#597c90;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="7"]{color:#597c90;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="8"]{color:#597c90;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="9"]{color:#597c90;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="10"]{color:#597c90;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3Cpath%20d%3D%22M17%209v10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="11"]{color:#a77908;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="12"]{color:#a77908;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="13"]{color:#a77908;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="14"]{color:#a77908;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="15"]{color:#a77908;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3Cpath%20d%3D%22M17%209v10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="16"]{color:#158165;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="17"]{color:#158165;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="18"]{color:#158165;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="19"]{color:#158165;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="20"]{color:#158165;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3Cpath%20d%3D%22M17%209v10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="21"]{color:#356bd2;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="22"]{color:#356bd2;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="23"]{color:#356bd2;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="24"]{color:#356bd2;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="25"]{color:#356bd2;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3Cpath%20d%3D%22M17%209v10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="26"]{color:#bb306e;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="27"]{color:#bb306e;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="28"]{color:#bb306e;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="29"]{color:#bb306e;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tier[data-tier="30"]{color:#bb306e;--j-tier-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2028%22%3E%3Cpath%20d%3D%22M12%201%2023%205v12L12%2027%201%2017V5Z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%2F%3E%3Cg%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M5%2017v2%22%2F%3E%3Cpath%20d%3D%22M8%2015v4%22%2F%3E%3Cpath%20d%3D%22M11%2013v6%22%2F%3E%3Cpath%20d%3D%22M14%2011v8%22%2F%3E%3Cpath%20d%3D%22M17%209v10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
@media(prefers-color-scheme:dark){.tier-bit,.tier[data-tier="1"],.tier[data-tier="2"],.tier[data-tier="3"],.tier[data-tier="4"],.tier[data-tier="5"]{color:#d5a16d}.tier-byte{color:#9eb9c9}.tier-kilo{color:#dfb442}.tier-mega{color:#4bc6a3}.tier-giga{color:#86acff}.tier-tera{color:#f18db9}.tier[data-tier]::before{filter:brightness(1.35)}}
@media(prefers-color-scheme:dark){.tier[data-tier="1"],.tier[data-tier="2"],.tier[data-tier="3"],.tier[data-tier="4"],.tier[data-tier="5"]{color:#d5a16d}.tier[data-tier="6"],.tier[data-tier="7"],.tier[data-tier="8"],.tier[data-tier="9"],.tier[data-tier="10"]{color:#9eb9c9}.tier[data-tier="11"],.tier[data-tier="12"],.tier[data-tier="13"],.tier[data-tier="14"],.tier[data-tier="15"]{color:#dfb442}.tier[data-tier="16"],.tier[data-tier="17"],.tier[data-tier="18"],.tier[data-tier="19"],.tier[data-tier="20"]{color:#4bc6a3}.tier[data-tier="21"],.tier[data-tier="22"],.tier[data-tier="23"],.tier[data-tier="24"],.tier[data-tier="25"]{color:#86acff}.tier[data-tier="26"],.tier[data-tier="27"],.tier[data-tier="28"],.tier[data-tier="29"],.tier[data-tier="30"]{color:#f18db9}}